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

 
(81 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
p{text-align: justify;}
+
body{font-family: Calibri, serif;padding-top: 50px;}
−
body{padding-top: 40px;}
+
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*/
 
/*TOP*/
 
#oucNav .active a{background-color:#63b5d7;}
 
#oucNav .active a{background-color:#63b5d7;}
−
#oucNav li{font-size:1em;}
+
#oucNav li{font-size:18px;}
−
#oucNav li a{color:white;}
+
#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 a:hover{background-color:#63b5d7;}
−
/*Footer*/
+
#oucNav li ul li a{font-size:16px;font-weight:normal;}
−
.oucBanner{height:240px;background:url('image/ouc-banner.fw.png');margin-top:-20px;}
+
.oucBanner{height:180px;margin-top:-20px;}
−
.oucInformation{background:#EFF2F6;width:100%;margin:0;}
+
.oucNav{margin-top:16px;border:0;}
−
.oucInformation b{display:block;font-size:18px;padding-top:50px}
+
#oucNav .dropdown-menu{margin-left:8px;}
−
.oucInformation p:last-child{padding-bottom:50px}
+
#oucNav .dropdown-menu li a{margin:0}
−
.oucBottom{width:100%;height:60px;background-color:#152640;}
+
.oucBrand img{margin-top:-15px;margin-left:0px;}
−
+
/*Footer*/
−
/* 超小屏幕（手机，小于 768px） */
+
.oucInformation{background:#EFF2F6;width:100%;margin:0;text-align:left;font-family:Arial;}
−
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
+
.oucInformation h3{display:block;padding-top:10px;font-size:22px;}
−
.oucBanner h3{color:white;padding-top:90px;font-size:32px;}
+
.oucInformation p{font-size:16px;}
−
/* 小屏幕（平板，大于等于 768px） */
+
.oucInformation p:last-child{padding-bottom:30px}
 +
.oucBottom{width:100%;height:20px;background-color:#152640;}
 +
/*hpMain*/
 +
.hpMain{max-width:92%;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;}
 +
#float{display:none;}
 +
.mobile{display:block;}
 
@media (min-width:768px) {  
 
@media (min-width:768px) {  
−
.oucBanner h3{color:white;padding-top:93px;font-size:40px;}  
+
.oucBanner h3{color:white;padding-top:70px;font-size:40px;}
−
body{padding-top: 100px;}
+
.img_banner{margin-top:74px;}
 +
 
 
 
}
 
}
−
/* 中等屏幕（桌面显示器，大于等于 992px） */
 
 
@media (min-width: 992px) {  
 
@media (min-width: 992px) {  
−
.oucBanner h3{color:white;padding-top:93px;font-size:48px;}  
+
.oucBanner h3{color:white;padding-top:66px;font-size:48px;}  
−
body{padding-top: 50px;}
+
#myScrollspy{display: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;}
  
 
}
 
}
−
/* 大屏幕（大桌面显示器，大于等于 1200px） */
+
@media (min-width: 1030px) {
−
@media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:93px;font-size:54px;} }
+
h3 img{display:inline-block;}
 +
}
 +
@media (min-width: 1200px) {  
 +
.oucBanner h3{color:white;padding-top:63px;font-size:54px;}
 +
.img_banner{margin-top:-13px;}
 +
#float{display:block;}
 +
.mobile{display:none;}
 +
h3 img{display:inline-block;}
 +
 +
}

Latest revision as of 11:35, 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:92%;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;} #float{display:none;} .mobile{display:block;} @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;}

.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: 1030px) { h3 img{display:inline-block;} } @media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:63px;font-size:54px;} .img_banner{margin-top:-13px;} #float{display:block;} .mobile{display:none;} h3 img{display:inline-block;}

}