Difference between revisions of "Team:OUC-China/css/ouc wiki"

Line 1: Line 1:
 +
body{font-family: Calibri, serif;padding-top: 50px;}
 +
p{line-height:36px;text-align: justify;font-size:18px;}
 +
h1{border:0;font-weight:bold;font-size:28px;font-family:Arial}
 +
h2{border:0;font-weight:bold;font-size:26px;font-family:Arial}
 +
h3{border:0;font-weight:bold;font-size:24px;font-family:Arial}
 +
h4{border:0;font-weight:bold;font-size:22px;font-family:Arial}
 +
h3 img{display:none;}
 +
  
−
        .oucBanner{height:240px;background:url('https://static.igem.org/mediawiki/2016/e/ee/T--OUC-China--banner.fw.png');margin-top:-20px;}
 
−
.oucNav{margin-top:16px;background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);border:0;}
 
−
.oucBrand{width:200px;height:50px;background:url();}
 
−
ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
 
−
p{text-align: justify;}
 
−
body{padding-top: 50px;}
 
 
/*TOP*/
 
/*TOP*/
 
#oucNav .active a{background-color:#63b5d7;}
 
#oucNav .active a{background-color:#63b5d7;}
Line 11: Line 13:
 
#oucNav li a{color:white;}
 
#oucNav li a{color:white;}
 
#oucNav li a:hover{background-color:#63b5d7;}
 
#oucNav li a:hover{background-color:#63b5d7;}
−
/*Footer*/
+
.oucBanner{height:240px;margin-top:-20px;}
−
+
.oucNav{margin-top:16px;border:0;}
 +
.oucBrand{width:200px;height:50px;}
 +
/*Footer*/
 
.oucInformation{background:#EFF2F6;width:100%;margin:0;}
 
.oucInformation{background:#EFF2F6;width:100%;margin:0;}
 
.oucInformation b{display:block;font-size:18px;padding-top:50px}
 
.oucInformation b{display:block;font-size:18px;padding-top:50px}
 
.oucInformation p:last-child{padding-bottom:50px}
 
.oucInformation p:last-child{padding-bottom:50px}
 
.oucBottom{width:100%;height:60px;background-color:#152640;}
 
.oucBottom{width:100%;height:60px;background-color:#152640;}
 +
/*hpMain*/
 +
.hpMain{max-width:80%;margin:0 auto;}
 +
.hpMain p{font-size:18px;}
 +
.hpMain img{padding-top:30px;padding-bottom:30px;margin:0 auto;}
 +
 +
  
 
.oucBanner h3{color:white;padding-top:90px;font-size:32px;}
 
.oucBanner h3{color:white;padding-top:90px;font-size:32px;}
 +
.img_banner{margin-top:-17px;}
 +
#myScrollspy{display:none;}
 
@media (min-width:768px) {  
 
@media (min-width:768px) {  
−
.oucBanner h3{color:white;padding-top:93px;font-size:40px;}  
+
.oucBanner h3{color:white;padding-top:93px;font-size:40px;}
 +
.img_banner{margin-top:75px;}
 
 
 
 
Line 26: Line 39:
 
@media (min-width: 992px) {  
 
@media (min-width: 992px) {  
 
.oucBanner h3{color:white;padding-top:93px;font-size:48px;}  
 
.oucBanner h3{color:white;padding-top:93px;font-size:48px;}  
−
+
#myScrollspy{display:block;}
 +
h3 img{display:inline-block;}
 +
.hpMain{max-width:90%;margin:0 auto;}
 +
        .img_banner{margin-top:45px;}
  
 
}
 
}
−
@media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:93px;font-size:54px;} }
+
@media (min-width: 1200px) {  
 +
.oucBanner h3{color:white;padding-top:93px;font-size:54px;}
 +
.img_banner{margin-top:-5px;}
 +
 +
}

Revision as of 11:30, 15 October 2016

body{font-family: Calibri, serif;padding-top: 50px;} p{line-height:36px;text-align: justify;font-size:18px;} h1{border:0;font-weight:bold;font-size:28px;font-family:Arial} h2{border:0;font-weight:bold;font-size:26px;font-family:Arial} h3{border:0;font-weight:bold;font-size:24px;font-family:Arial} h4{border:0;font-weight:bold;font-size:22px;font-family:Arial} h3 img{display:none;}


/*TOP*/ #oucNav .active a{background-color:#63b5d7;} #oucNav li{font-size:1em;} #oucNav li a{color:white;} #oucNav li a:hover{background-color:#63b5d7;} .oucBanner{height:240px;margin-top:-20px;} .oucNav{margin-top:16px;border:0;} .oucBrand{width:200px;height:50px;} /*Footer*/ .oucInformation{background:#EFF2F6;width:100%;margin:0;} .oucInformation b{display:block;font-size:18px;padding-top:50px} .oucInformation p:last-child{padding-bottom:50px} .oucBottom{width:100%;height:60px;background-color:#152640;} /*hpMain*/ .hpMain{max-width:80%;margin:0 auto;} .hpMain p{font-size:18px;} .hpMain img{padding-top:30px;padding-bottom:30px;margin:0 auto;}


.oucBanner h3{color:white;padding-top:90px;font-size:32px;} .img_banner{margin-top:-17px;} #myScrollspy{display:none;} @media (min-width:768px) { .oucBanner h3{color:white;padding-top:93px;font-size:40px;} .img_banner{margin-top:75px;}


} @media (min-width: 992px) { .oucBanner h3{color:white;padding-top:93px;font-size:48px;} #myScrollspy{display:block;} h3 img{display:inline-block;} .hpMain{max-width:90%;margin:0 auto;} 

       .img_banner{margin-top:45px;}

} @media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:93px;font-size:54px;} .img_banner{margin-top:-5px;}

}