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

 
(32 intermediate revisions by 2 users not shown)
Line 8: Line 8:
 
   padding: 0px;
 
   padding: 0px;
 
}
 
}
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
html, .wrapper { /*-- changes default wiki settings --*/
 
   width: 100%;  
 
   width: 100%;  
 
   height: 100%;  
 
   height: 100%;  
−
   background-color: transparent;
+
   background-color:transparent;
 
}
 
}
−
#content {
+
#top_menu_14 {
−
   margin-top: -6px;
+
  border-bottom-width: 0px;
 +
}
 +
#bodyContent>p {
 +
   margin-top: 0px;
 +
  margin-bottom: 0px;
 +
  display: none;
 
}
 
}
−
/*改造igem 中 main.css里面对ul的控制*/
 
 
.nav-wrapper ul{
 
.nav-wrapper ul{
 
   line-height:4.5em;
 
   line-height:4.5em;
Line 23: Line 27:
 
   list-style-image:none !important;
 
   list-style-image:none !important;
 
   line-height: inherit !important;
 
   line-height: inherit !important;
−
   list-style-type: none !important;  
+
   list-style-type: none !important;
 +
  padding: 0 !important;  
 
}
 
}
−
ul {
+
ul li {
−
   padding: 0 !important; }
+
   list-style-type: none !important; }
−
  ul li {
+
#content {
−
    list-style-type: none !important; }
+
−
/*修改main.css。i，对body字体的修改*/
+
−
body {
+
 
   font: none !important;
 
   font: none !important;
 
   font-family: "Roboto", sans-serif !important;
 
   font-family: "Roboto", sans-serif !important;
 
}
 
}
−
a:visited{
+
@font-face {
−
  color: #474646 !important;
+
        font-family: 'Material Icons';
−
}
+
        font-style: normal;
−
a:hover {
+
        font-weight: 400;
−
    text-decoration: none !important;
+
        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 */
−
#globalWrapper {
+
        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')
−
  font-size: none !important;
+
}   
−
}
+
−
 
+
−
h1, h2, h3, h4, h5, h6 {
+
−
  /*clear:both !important;*/
+
−
  color: none !important;
+
−
  border-bottom:none !important;
+
−
}
+
−
h1, h2, h3, h4, h5, h6 {
+
−
  font-weight: 400; }
+
−
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+
−
  font-weight: inherit; }
+
−
h1 {
+
−
  font-size: 4.2rem;
+
−
  line-height: 4.62rem;
+
−
  margin: 2.1rem 0 1.68rem 0; }
+
−
h2 {
+
−
  font-size: 3.56rem;
+
−
  line-height: 3.916rem;
+
−
  margin: 1.78rem 0 1.424rem 0; }
+
−
 
+
−
h3 {
+
−
  font-size: 2.92rem;
+
−
  line-height: 3.212rem;
+
−
  margin: 1.46rem 0 1.168rem 0; }
+
−
h4 {
+
−
  font-size: 2.28rem;
+
−
  line-height: 2.508rem;
+
−
  margin: 1.14rem 0 0.912rem 0; }
+
−
h5 {
+
−
  font-size: 1.64rem;
+
−
  line-height: 1.804rem;
+
−
  margin: 0.82rem 0 0.656rem 0; }
+
−
h6 {
+
−
   font-size: 1rem;
+
−
  line-height: 1.1rem;
+
−
  margin: 0.5rem 0 0.4rem 0; }
+
−
 
+
 
.material-icons {
 
.material-icons {
 
     font-family: 'Material Icons';
 
     font-family: 'Material Icons';
Line 96: Line 61:
 
   background-image: url(https://static.igem.org/mediawiki/2015/2/27/Ustc_Team_logo.png);
 
   background-image: url(https://static.igem.org/mediawiki/2015/2/27/Ustc_Team_logo.png);
 
   background-repeat: no-repeat;   
 
   background-repeat: no-repeat;   
 +
  z-index: 0;
 
   width: 600px;
 
   width: 600px;
 
   height: 600px;
 
   height: 600px;
 
   position: absolute;
 
   position: absolute;
 
   right: -75px;
 
   right: -75px;
−
   top: -68px;
+
   top: -40px;
 
   opacity: 0.7;
 
   opacity: 0.7;
 
   margin-bottom: -600px;
 
   margin-bottom: -600px;
 +
  overflow: hidden;
 
}
 
}
 
.background {
 
.background {
−
     margin-bottom: -515px;
+
     margin-bottom: -530px;
 
     overflow: hidden;
 
     overflow: hidden;
 
}
 
}
Line 113: Line 80:
 
     position: static;
 
     position: static;
 
     width: 2560px;
 
     width: 2560px;
−
     height: 340px;
+
     height: 355px;
 
     background: #2196f3;
 
     background: #2196f3;
 
}
 
}
Line 130: Line 97:
 
img {
 
img {
 
     max-width: 100%;
 
     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{
 +
padding:0.6rem 0.8rem;
 
}
 
}

Latest revision as of 12:20, 10 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;

}

  1. 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: -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}

  1. bodyContent .toc-wrapper.pinned ul li {

list-style:none!important; }

  1. 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; }