Difference between revisions of "Team:OUC-China/css/ouc wiki"
| Line 29: | Line 29: | ||
.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;} | ||
| − | .oucBanner h3{color:white;padding-top: | + | .oucBanner h3{color:white;padding-top:70px;font-size:32px;} |
.img_banner{margin-top:-9px;} | .img_banner{margin-top:-9px;} | ||
.oucInformation .col-md-5 p img{margin-left:0;} | .oucInformation .col-md-5 p img{margin-left:0;} | ||
| Line 40: | Line 40: | ||
.hpMain h4 {max-width:100%;padding-left:0;} | .hpMain h4 {max-width:100%;padding-left:0;} | ||
@media (min-width:768px) { | @media (min-width:768px) { | ||
| − | .oucBanner h3{color:white;padding-top: | + | .oucBanner h3{color:white;padding-top:70px;font-size:40px;} |
.img_banner{margin-top:74px;} | .img_banner{margin-top:74px;} | ||
| Line 46: | Line 46: | ||
} | } | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
| − | .oucBanner h3{color:white;padding-top: | + | .oucBanner h3{color:white;padding-top:66px;font-size:48px;} |
#myScrollspy{display:block;} | #myScrollspy{display:block;} | ||
h3 img{display:inline-block;} | h3 img{display:inline-block;} | ||
| Line 61: | Line 61: | ||
} | } | ||
@media (min-width: 1200px) { | @media (min-width: 1200px) { | ||
| − | .oucBanner h3{color:white;padding-top: | + | .oucBanner h3{color:white;padding-top:63px;font-size:54px;} |
.img_banner{margin-top:-13px;} | .img_banner{margin-top:-13px;} | ||
} | } | ||
Revision as of 10:01, 18 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:80%;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;}
}
