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

Line 26: Line 26:
 
.oucBottom{width:100%;height:20px;background-color:#152640;}
 
.oucBottom{width:100%;height:20px;background-color:#152640;}
 
/*hpMain*/
 
/*hpMain*/
.hpMain{max-width:80%;margin:0 auto;border-left:0;}
+
.hpMain{max-width:98%;margin:0 auto;border-left:0;}
 
.hpMain img{padding-top:30px;padding-bottom:30px;margin-top:0px;margin-bottom:10px;margin:0 auto;}
 
.hpMain img{padding-top:30px;padding-bottom:30px;margin-top:0px;margin-bottom:10px;margin:0 auto;}
  

Revision as of 03:50, 19 October 2016

body{font-family: Calibri, serif;padding-top: 50px;} p{line-height:36px;text-align: justify;font-size:20px;} 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:18px;} #oucNav li a{font-weight:bold;color:white;padding:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-left:8px;} #oucNav li a:hover{background-color:#63b5d7;} #oucNav li ul li a{font-size:16px;font-weight:normal;} .oucBanner{height:180px;margin-top:-20px;} .oucNav{margin-top:16px;border:0;} #oucNav .dropdown-menu{margin-left:8px;} #oucNav .dropdown-menu li a{margin:0} .oucBrand img{margin-top:-15px;margin-left:0px;} /*Footer*/ .oucInformation{background:#EFF2F6;width:100%;margin:0;text-align:left;font-family:Arial;} .oucInformation h3{display:block;padding-top:10px;font-size:22px;} .oucInformation p{font-size:16px;} .oucInformation p:last-child{padding-bottom:30px} .oucBottom{width:100%;height:20px;background-color:#152640;} /*hpMain*/ .hpMain{max-width:98%;margin:0 auto;border-left:0;} .hpMain img{padding-top:30px;padding-bottom:30px;margin-top:0px;margin-bottom:10px;margin:0 auto;}

.oucBanner h3{color:white;padding-top:70px;font-size:32px;} .img_banner{margin-top:-9px;} .oucInformation .col-md-5 p img{margin-left:0;} .oucInformation .col-md-5 p{text-align:left; margin:0;} .Contact{margin-left:0px;margin-top:-50px;} #myScrollspy{display:none;} #example-navbar-collapse{padding-left:0px;margin-left:-30px;} .hpMain h3{margin-top:0;} .hpMain p {max-width:100%} .hpMain h4 {max-width:100%;padding-left:0;} @media (min-width:768px) { .oucBanner h3{color:white;padding-top:70px;font-size:40px;} .img_banner{margin-top:74px;}


} @media (min-width: 992px) { .oucBanner h3{color:white;padding-top:66px;font-size:48px;} #myScrollspy{display:block;} h3 img{display:inline-block;} .hpMain{max-width:96%;margin:0 auto;margin-top:50px;margin-bottom:30px;border-left:1px solid #b4b4b4;} .hpMain p {max-width:90%;margin:0 auto;} .hpMain h4 {max-width:90%;padding-left:40px;}

       .img_banner{margin-top:35px;}

#example-navbar-collapse{padding-left:15px;margin-left:0px;} .oucBrand img{margin-left:50px;} .Contact{margin-left:30px;margin-top:0px;} .oucInformation h3{display:block;padding-top:20px;} .oucInformation .col-md-5 p img{margin-left:20px;}

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


}