Difference between revisions of "Team:USTC/css/style"

(Created page with "#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;} #globalWrapper, #content { /*-- changes default wiki...")
 
Line 1: Line 1:
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}  
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { display: none; }
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
−
  width: 100%;  
+
width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }
−
  height: 100%;
+
−
  border: 0px;
+
−
  background-color: transparent;
+
−
  margin: 0px;
+
−
  padding: 0px;
+
−
}
+
 
html, .wrapper { /*-- changes default wiki settings --*/
 
html, .wrapper { /*-- changes default wiki settings --*/
−
  width: 100%;  
+
width: 100%; height: 100%; background-color: transparent; }
−
  height: 100%;  
+
#top_menu_14 { border-bottom-width: 0px; }
−
  background-color:transparent;
+
#bodyContent>p { margin-top: 0px; margin-bottom: 0px; display: none; }
−
}
+
.nav-wrapper ul { line-height: 4.5em; }
−
#top_menu_14 {
+
ul { list-style-image: none !important; line-height: inherit !important; list-style-type: none !important; padding: 0 !important; }
−
  border-bottom-width: 0px;
+
ul li { list-style-type: none !important; }
−
}
+
#content { font: none !important; font-family: "Roboto", sans-serif !important; }
−
#bodyContent>p {
+
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(font/MaterialIcons-Regular.woff) format('woff'); src: url(https://static.igem.org/mediawiki/2015/a/a0/USTC-MaterialIcons-Regular.eot);       /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2015/c/c9/USTC-MaterialIcons-Regular.woff) format('woff'), url(https://static.igem.org/mediawiki/2015/a/a1/USTC-MaterialIcons-Regular.ttf) format('truetype') }
−
  margin-top: 0px;
+
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }
−
  margin-bottom: 0px;
+
.team_logo { background-image: url(https://static.igem.org/mediawiki/2015/2/27/Ustc_Team_logo.png); background-repeat: no-repeat; z-index: 0; width: 600px; height: 600px; position: absolute; right: 0px; top: -40px; opacity: 0.7; margin-bottom: -600px; overflow: hidden; }
−
  display: none;
+
.background { margin-bottom: -530px; overflow: hidden; }
−
}
+
.background::before { content: " "; display: block; position: static; width: 2560px; height: 355px; background: #2196f3; }
−
.nav-wrapper ul{
+
.background::after { content: " "; display: block; position: static; width: 0; height: 0; border-right: 2560px solid #2196f3; border-bottom: 175px solid transparent; }
−
  line-height:4.5em;
+
p { font-family: 'Roboto', sans-serif; line-height: 1.5; padding-bottom:1rem;  }
−
}
+
img { max-width: 100%; }
−
ul {
+
.Nav1th .btn { width: 100%; height: 50px; background-color: transparent; box-shadow: 0 0 0 0; }
−
  list-style-image:none !important;
+
.indicate { margin-top: 6px; }
−
  line-height: inherit !important;
+
.tabs .indicator { height: 3px; }
−
  list-style-type: none !important;
+
.Nav2nd { z-index: 10; width: 100%; height: 50px; }
−
  padding: 0 !important;  
+
.isStuck { margin-top: 16px; }
−
}
+
body { min-width: 640px; width: 100%; height: 100%; background-color: #f5f5f5; }
−
ul li {
+
.tabs .tab { text-transform: none; }
−
  list-style-type: none !important; }
+
div.card-content > ul > li { list-style: disc !important }
−
#content {
+
#bodyContent .toc-wrapper.pinned ul li { list-style: none !important; }
−
  font: none !important;
+
#bodyContent .toc-wrapper.pinned ul { margin-left: 0px; }
−
  font-family: "Roboto", sans-serif !important;
+
@media only screen and (min-width:601px) {
−
}
+
  .toc-wrapper.pinned { width: 18%; }
−
@font-face {
+
−
        font-family: 'Material Icons';
+
−
        font-style: normal;
+
−
        font-weight: 400;
+
−
        src: local('Material Icons'), local('MaterialIcons-Regular'), url(font/MaterialIcons-Regular.woff) format('woff');
+
−
        src: url(https://static.igem.org/mediawiki/2015/a/a0/USTC-MaterialIcons-Regular.eot);
+
−
        /* For IE6-8 */
+
−
        src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2015/c/c9/USTC-MaterialIcons-Regular.woff) format('woff'), url(https://static.igem.org/mediawiki/2015/a/a1/USTC-MaterialIcons-Regular.ttf) format('truetype')
+
−
}  
+
−
.material-icons {
+
−
    font-family: 'Material Icons';
+
−
    font-weight: normal;
+
−
    font-style: normal;
+
−
    font-size: 24px;
+
−
    line-height: 1;
+
−
    letter-spacing: normal;
+
−
    text-transform: none;
+
−
    display: inline-block;
+
−
    word-wrap: normal;
+
−
    -webkit-font-feature-settings: 'liga';
+
−
    -webkit-font-smoothing: antialiased;
+
−
}
+
−
.team_logo {
+
−
  background-image: url(https://static.igem.org/mediawiki/2015/2/27/Ustc_Team_logo.png);
+
−
  background-repeat: no-repeat;
+
−
  z-index: 0;
+
−
  width: 600px;
+
−
  height: 600px;
+
−
  position: absolute;
+
−
  right: -75px;
+
−
  top: -40px;
+
−
  opacity: 0.7;
+
−
  margin-bottom: -600px;
+
−
  overflow: hidden;
+
−
}
+
−
.background {
+
−
    margin-bottom: -530px;
+
−
    overflow: hidden;
+
−
}
+
−
.background::before {
+
−
    content: " ";
+
−
    display: block;
+
−
    position: static;
+
−
    width: 2560px;
+
−
    height: 355px;
+
−
    background: #2196f3;
+
−
}
+
−
.background::after {
+
−
    content: " ";
+
−
    display: block;
+
−
    position: static;
+
−
    width: 0;
+
−
    height: 0;
+
−
    border-right: 2560px solid #2196f3;
+
−
    border-bottom: 175px solid transparent;
+
−
}
+
−
p {
+
−
    font-family: 'Roboto', sans-serif;
+
−
}
+
−
img {
+
−
    max-width: 100%;
+
−
}
+
−
 
+
−
.Nav1th .btn{
+
−
    width:100%;
+
−
    height:50px;
+
−
    background-color:transparent;
+
−
    box-shadow: 0 0 0 0;
+
−
 
+
−
 
+
−
}
+
−
 
+
−
.indicate{
+
−
  margin-top:6px;
+
−
}
+
−
 
+
−
.tabs .indicator{
+
−
    height: 3px;
+
−
}
+
−
 
+
−
.dropdown-content li>a{
+
−
    color:#2196f3;
+
−
}
+
−
 
+
−
.Nav2nd{
+
−
z-index: 10;
+
−
width:100%;
+
−
height:50px;
+
−
}
+
−
 
+
−
.isStuck{
+
−
margin-top:16px;
+
−
}
+
−
 
+
−
body{
+
−
min-width: 640px;
+
−
width: 100%;  
+
−
height: 100%;  
+
−
background-color:#f5f5f5;
+
−
}
+
−
 
+
−
.tabs .tab {
+
−
text-transform:none;
+
−
}
+
−
 
+
−
div.card-content > ul > li{list-style:disc!important}
+
−
 
+
−
#bodyContent .toc-wrapper.pinned ul li {
+
−
list-style:none!important;
+
−
}
+
−
#bodyContent .toc-wrapper.pinned ul{
+
−
margin-left:0px;
+
−
}
+
−
 
+
−
@media only screen and (min-width: 601px){
+
−
  .toc-wrapper.pinned{
+
−
        width:18%;
+
−
  }
+
−
}
+
−
@media only screen and (min-width : 993px) {
+
−
    .toc-wrapper.pinned{
+
−
        width:15%;
+
−
    }
+
 
}
 
}
−
.dropdown-content li>a{
+
@media only screen and (min-width:993px) {
−
padding:0.6rem 0.8rem;
+
  .toc-wrapper.pinned { width: 15%; }
 
}
 
}
 +
.dropdown-content li>a { padding: 0.6rem 0.8rem;color: #2196f3;  }
 +
.dropdown-content { margin-left:0px; }
 +
.Nav2nd.row > col.s10 { margin-top:-3px }
 +
.Nav1th > a.dropdown-button {padding-top:4px;padding-left:0px;padding-right:0px;margin:auto;}
 +
.Nav1th > a.dropdown-button > i {display:inline;}

Revision as of 03:27, 12 September 2015

  1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { display: none; }
  2. globalWrapper, #content { /*-- changes default wiki settings --*/

width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; } html, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%; background-color: transparent; }

  1. top_menu_14 { border-bottom-width: 0px; }
  2. bodyContent>p { margin-top: 0px; margin-bottom: 0px; display: none; }

.nav-wrapper ul { line-height: 4.5em; } ul { list-style-image: none !important; line-height: inherit !important; list-style-type: none !important; padding: 0 !important; } ul li { list-style-type: none !important; }

  1. content { font: none !important; font-family: "Roboto", sans-serif !important; }

@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(font/MaterialIcons-Regular.woff) format('woff'); src: url(https://static.igem.org/mediawiki/2015/a/a0/USTC-MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2015/c/c9/USTC-MaterialIcons-Regular.woff) format('woff'), url(https://static.igem.org/mediawiki/2015/a/a1/USTC-MaterialIcons-Regular.ttf) format('truetype') } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .team_logo { background-image: url(Ustc_Team_logo.png); background-repeat: no-repeat; z-index: 0; width: 600px; height: 600px; position: absolute; right: 0px; top: -40px; opacity: 0.7; margin-bottom: -600px; overflow: hidden; } .background { margin-bottom: -530px; overflow: hidden; } .background::before { content: " "; display: block; position: static; width: 2560px; height: 355px; background: #2196f3; } .background::after { content: " "; display: block; position: static; width: 0; height: 0; border-right: 2560px solid #2196f3; border-bottom: 175px solid transparent; } p { font-family: 'Roboto', sans-serif; line-height: 1.5; padding-bottom:1rem; } img { max-width: 100%; } .Nav1th .btn { width: 100%; height: 50px; background-color: transparent; box-shadow: 0 0 0 0; } .indicate { margin-top: 6px; } .tabs .indicator { height: 3px; } .Nav2nd { z-index: 10; width: 100%; height: 50px; } .isStuck { margin-top: 16px; } body { min-width: 640px; width: 100%; height: 100%; background-color: #f5f5f5; } .tabs .tab { text-transform: none; } div.card-content > ul > li { list-style: disc !important }

  1. bodyContent .toc-wrapper.pinned ul li { list-style: none !important; }
  2. bodyContent .toc-wrapper.pinned ul { margin-left: 0px; }

@media only screen and (min-width:601px) { 

 .toc-wrapper.pinned { width: 18%; }

} @media only screen and (min-width:993px) { 

 .toc-wrapper.pinned { width: 15%; }

} .dropdown-content li>a { padding: 0.6rem 0.8rem;color: #2196f3; } .dropdown-content { margin-left:0px; } .Nav2nd.row > col.s10 { margin-top:-3px } .Nav1th > a.dropdown-button {padding-top:4px;padding-left:0px;padding-right:0px;margin:auto;} .Nav1th > a.dropdown-button > i {display:inline;}