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

(Revert to Original)
Line 19: Line 19:
 
   position: static;
 
   position: static;
 
}
 
}
−
p{
 
−
 
−
}
 
−
 
 
h1,
 
h1,
 
h2,
 
h2,
Line 93: Line 89:
 
}
 
}
 
.container {
 
.container {
−
   max-width: 1250px;
+
   max-width: 1080px;
 
}
 
}
 
.absolute_center {
 
.absolute_center {
Line 165: Line 161:
 
   border-right: 1px solid white;
 
   border-right: 1px solid white;
 
   padding: 0 10px;
 
   padding: 0 10px;
−
   margin-left: 0px;
+
   margin-left: -4px;
 
}
 
}
 
.nav ul li:last-child {
 
.nav ul li:last-child {
Line 448: Line 444:
 
.container {
 
.container {
 
   padding: 0px;
 
   padding: 0px;
−
   min-width: 1250px;
+
   min-width: 1080px;
 
}
 
}
 
.container div nav {
 
.container div nav {
−
   min-width: 1250px;
+
   min-width: 1080px;
 
}
 
}
 
button:focus {
 
button:focus {
Line 576: Line 572:
 
}
 
}
 
nav .dropdown-menu .subcategories_container > div {
 
nav .dropdown-menu .subcategories_container > div {
−
   min-width: 250px;
+
   min-width: 200px;
 
   display: inline-block;
 
   display: inline-block;
 
   text-align: center;
 
   text-align: center;
Line 590: Line 586:
 
}
 
}
 
nav li.dropdown {
 
nav li.dropdown {
−
   width: 205px;
+
   width: 180px;
 
   display: inline-block;
 
   display: inline-block;
−
   margin-right: 0px;
+
   margin-right: -4px;
 
   height: 40px;
 
   height: 40px;
 
   margin-bottom: 0px;
 
   margin-bottom: 0px;
Line 615: Line 611:
 
}
 
}
 
nav li.dropdown:nth-child(1) {
 
nav li.dropdown:nth-child(1) {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
}
 
}
 
nav li.dropdown:nth-child(1) > .dropdown-menu {
 
nav li.dropdown:nth-child(1) > .dropdown-menu {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
   background-size: 400px;
 
   background-size: 400px;
−
   width: 1250px;
+
   width: 1080px;
 
}
 
}
 
nav li.dropdown:nth-child(1) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(1) > .dropdown-menu .subcategories_container > div {
Line 626: Line 622:
 
}
 
}
 
nav li.dropdown:nth-child(2) {
 
nav li.dropdown:nth-child(2) {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
}
 
}
 
nav li.dropdown:nth-child(2) > .dropdown-menu {
 
nav li.dropdown:nth-child(2) > .dropdown-menu {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
−
   background-size: 400px;
+
   background-size: 1080;
−
   width: 1250px;
+
   width: 1080px;
−
   margin-left: -209px;
+
   margin-left: -180px;
 
}
 
}
 
nav li.dropdown:nth-child(2) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(2) > .dropdown-menu .subcategories_container > div {
Line 638: Line 634:
 
}
 
}
 
nav li.dropdown:nth-child(3) {
 
nav li.dropdown:nth-child(3) {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
}
 
}
 
nav li.dropdown:nth-child(3) > .dropdown-menu {
 
nav li.dropdown:nth-child(3) > .dropdown-menu {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
   background-size: 400px;
 
   background-size: 400px;
−
   width: 1250px;
+
   width: 1080px;
−
   margin-left: -418px;
+
   margin-left: -360px;
 
}
 
}
 
nav li.dropdown:nth-child(3) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(3) > .dropdown-menu .subcategories_container > div {
Line 650: Line 646:
 
}
 
}
 
nav li.dropdown:nth-child(4) {
 
nav li.dropdown:nth-child(4) {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
}
 
}
 
nav li.dropdown:nth-child(4) > .dropdown-menu {
 
nav li.dropdown:nth-child(4) > .dropdown-menu {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
   background-size: 400px;
 
   background-size: 400px;
−
   margin-left: -627px;
+
   margin-left: -540px;
−
   width: 1250px;
+
   width: 1080px;
 
}
 
}
 
nav li.dropdown:nth-child(4) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(4) > .dropdown-menu .subcategories_container > div {
Line 662: Line 658:
 
}
 
}
 
nav li.dropdown:nth-child(5) {
 
nav li.dropdown:nth-child(5) {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
}
 
}
 
nav li.dropdown:nth-child(5) > .dropdown-menu {
 
nav li.dropdown:nth-child(5) > .dropdown-menu {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
   background-size: 300px;
 
   background-size: 300px;
−
   margin-left: -836px;
+
   margin-left: -720px;
−
   width: 1250px;
+
   width: 1080px;
 
}
 
}
 
nav li.dropdown:nth-child(5) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(5) > .dropdown-menu .subcategories_container > div {
Line 674: Line 670:
 
}
 
}
 
nav li.dropdown:nth-child(6) {
 
nav li.dropdown:nth-child(6) {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
}
 
}
 
nav li.dropdown:nth-child(6) > .dropdown-menu {
 
nav li.dropdown:nth-child(6) > .dropdown-menu {
−
   background-color: #1C77C3;
+
   background-color: #2196f3;
 
   background-size: 300px;
 
   background-size: 300px;
−
   width: 1250px;
+
   width: 1080px;
−
   margin-left: -1045px;
+
   margin-left: -900px;
 
}
 
}
 
nav li.dropdown:nth-child(6) > .dropdown-menu .subcategories_container > div {
 
nav li.dropdown:nth-child(6) > .dropdown-menu .subcategories_container > div {
Line 706: Line 702:
 
}
 
}
 
#bodycontainer {
 
#bodycontainer {
−
   min-width: 1200px;
+
   min-width: 1080px;
 
   margin: auto;
 
   margin: auto;
 
   padding: 10px 0;
 
   padding: 10px 0;
Line 868: Line 864:
 
}
 
}
 
.affix {
 
.affix {
−
   top: 80px;
+
   top: 60px;
 
}
 
}
 
.container {
 
.container {
−
   min-width: 1200px;
+
   min-width: 1080px;
 
}
 
}
 
.container div nav {
 
.container div nav {
−
   min-width: 1200px;
+
   min-width: 1080px;
 
}
 
}
 
p,
 
p,
Line 951: Line 947:
 
}
 
}
  
−
 
+
@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:50, 11 October 2016