Difference between revisions of "Template:TAS Taipei/CSS"

m
Line 19: Line 19:
 
   position: static;
 
   position: static;
 
}
 
}
 +
p{
 +
 +
}
 +
 
h1,
 
h1,
 
h2,
 
h2,
Line 89: Line 93:
 
}
 
}
 
.container {
 
.container {
−
   max-width: 1080px;
+
   max-width: 1250px;
 
}
 
}
 
.absolute_center {
 
.absolute_center {
Line 161: Line 165:
 
   border-right: 1px solid white;
 
   border-right: 1px solid white;
 
   padding: 0 10px;
 
   padding: 0 10px;
−
   margin-left: -4px;
+
   margin-left: 0px;
 
}
 
}
 
.nav ul li:last-child {
 
.nav ul li:last-child {
Line 444: Line 448:
 
.container {
 
.container {
 
   padding: 0px;
 
   padding: 0px;
−
   min-width: 1080px;
+
   min-width: 1250px;
 
}
 
}
 
.container div nav {
 
.container div nav {
−
   min-width: 1080px;
+
   min-width: 1250px;
 
}
 
}
 
button:focus {
 
button:focus {
Line 572: Line 576:
 
}
 
}
 
nav .dropdown-menu .subcategories_container > div {
 
nav .dropdown-menu .subcategories_container > div {
−
   min-width: 200px;
+
   min-width: 250px;
 
   display: inline-block;
 
   display: inline-block;
 
   text-align: center;
 
   text-align: center;
Line 586: Line 590:
 
}
 
}
 
nav li.dropdown {
 
nav li.dropdown {
−
   width: 180px;
+
   width: 205px;
 
   display: inline-block;
 
   display: inline-block;
−
   margin-right: -4px;
+
   margin-right: 0px;
 
   height: 40px;
 
   height: 40px;
 
   margin-bottom: 0px;
 
   margin-bottom: 0px;
Line 611: Line 615:
 
}
 
}
 
nav li.dropdown:nth-child(1) {
 
nav li.dropdown:nth-child(1) {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
}
 
}
 
nav li.dropdown:nth-child(1) > .dropdown-menu {
 
nav li.dropdown:nth-child(1) > .dropdown-menu {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
   background-size: 400px;
 
   background-size: 400px;
−
   width: 1080px;
+
   width: 1250px;
 
}
 
}
 
nav li.dropdown:nth-child(1) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(1) > .dropdown-menu .subcategories_container > div {
Line 622: Line 626:
 
}
 
}
 
nav li.dropdown:nth-child(2) {
 
nav li.dropdown:nth-child(2) {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
}
 
}
 
nav li.dropdown:nth-child(2) > .dropdown-menu {
 
nav li.dropdown:nth-child(2) > .dropdown-menu {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
−
   background-size: 1080;
+
   background-size: 400px;
−
   width: 1080px;
+
   width: 1250px;
−
   margin-left: -180px;
+
   margin-left: -209px;
 
}
 
}
 
nav li.dropdown:nth-child(2) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(2) > .dropdown-menu .subcategories_container > div {
Line 634: Line 638:
 
}
 
}
 
nav li.dropdown:nth-child(3) {
 
nav li.dropdown:nth-child(3) {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
}
 
}
 
nav li.dropdown:nth-child(3) > .dropdown-menu {
 
nav li.dropdown:nth-child(3) > .dropdown-menu {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
   background-size: 400px;
 
   background-size: 400px;
−
   width: 1080px;
+
   width: 1250px;
−
   margin-left: -360px;
+
   margin-left: -418px;
 
}
 
}
 
nav li.dropdown:nth-child(3) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(3) > .dropdown-menu .subcategories_container > div {
Line 646: Line 650:
 
}
 
}
 
nav li.dropdown:nth-child(4) {
 
nav li.dropdown:nth-child(4) {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
}
 
}
 
nav li.dropdown:nth-child(4) > .dropdown-menu {
 
nav li.dropdown:nth-child(4) > .dropdown-menu {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
   background-size: 400px;
 
   background-size: 400px;
−
   margin-left: -540px;
+
   margin-left: -627px;
−
   width: 1080px;
+
   width: 1250px;
 
}
 
}
 
nav li.dropdown:nth-child(4) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(4) > .dropdown-menu .subcategories_container > div {
Line 658: Line 662:
 
}
 
}
 
nav li.dropdown:nth-child(5) {
 
nav li.dropdown:nth-child(5) {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
}
 
}
 
nav li.dropdown:nth-child(5) > .dropdown-menu {
 
nav li.dropdown:nth-child(5) > .dropdown-menu {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
   background-size: 300px;
 
   background-size: 300px;
−
   margin-left: -720px;
+
   margin-left: -836px;
−
   width: 1080px;
+
   width: 1250px;
 
}
 
}
 
nav li.dropdown:nth-child(5) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(5) > .dropdown-menu .subcategories_container > div {
Line 670: Line 674:
 
}
 
}
 
nav li.dropdown:nth-child(6) {
 
nav li.dropdown:nth-child(6) {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
}
 
}
 
nav li.dropdown:nth-child(6) > .dropdown-menu {
 
nav li.dropdown:nth-child(6) > .dropdown-menu {
−
   background-color: #2196f3;
+
   background-color: #1C77C3;
 
   background-size: 300px;
 
   background-size: 300px;
−
   width: 1080px;
+
   width: 1250px;
−
   margin-left: -900px;
+
   margin-left: -1045px;
 
}
 
}
 
nav li.dropdown:nth-child(6) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(6) > .dropdown-menu .subcategories_container > div {
Line 702: Line 706:
 
}
 
}
 
#bodycontainer {
 
#bodycontainer {
−
   min-width: 1080px;
+
   min-width: 1200px;
 
   margin: auto;
 
   margin: auto;
 
   padding: 10px 0;
 
   padding: 10px 0;
Line 864: Line 868:
 
}
 
}
 
.affix {
 
.affix {
−
   top: 60px;
+
   top: 80px;
 
}
 
}
 
.container {
 
.container {
−
   min-width: 1080px;
+
   min-width: 1200px;
 
}
 
}
 
.container div nav {
 
.container div nav {
−
   min-width: 1080px;
+
   min-width: 1200px;
 
}
 
}
 
p,
 
p,
Line 947: Line 951:
 
}
 
}
  
−
@import url("/wiki/skins/igem/top_menu_14.css")
+
 
 +
 
 +
 
 +
button.accordion {
 +
    background-color: 9CFFFA;
 +
    color: #444;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 100%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 15px;
 +
    transition: 0.4s;
 +
}
 +
 
 +
button.accordion.active, button.accordion:hover {
 +
    background-color: #AAFAC8;
 +
}
 +
 
 +
button.accordion:after {
 +
    content: '\02795';
 +
    font-size: 13px;
 +
    color: #777;
 +
    float: right;
 +
    margin-left: 5px;
 +
}
 +
 
 +
button.accordion.active:after {
 +
    content: "\2796";
 +
}
 +
 
 +
div.panel {
 +
    padding: 0 18px;
 +
    background-color: #FFE8C8;
 +
    max-height: 0;
 +
    overflow: hidden;
 +
    transition: 0.6s ease-in-out;
 +
    opacity: 0;
 +
}
 +
 
 +
div.panel.show {
 +
    opacity: 1;
 +
    min-height: 300px;
 +
    max-height: 2000px;
 +
}
 +
 
 +
div.container{
 +
    width:100%
 +
}
  
  

Revision as of 10:53, 11 October 2016