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

(Created page with " Main: .oucAbstract{max-width:90%;margin:0 auto;margin-top:50px;} .oucAbstract h1{font-size:28px;} .oucAbstract p{font-size:16px;text-align: justify;max-width:100%;m...")
 
Line 14: Line 14:
 
.oucMenuBottom h1{font-size:30px;}
 
.oucMenuBottom h1{font-size:30px;}
 
.oucMenuBottom a{text-decoration:none;display:block;color:white;font-size:28px;background-color:#194081;width:180px;height:50px;text-align:center;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin:0 auto;margin-top:20px;padding-top:4px;}
 
.oucMenuBottom a{text-decoration:none;display:block;color:white;font-size:28px;background-color:#194081;width:180px;height:50px;text-align:center;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin:0 auto;margin-top:20px;padding-top:4px;}
.oucAbstract .col-md-5 img{display:none;}
+
/* 超小屏幕(手机,小于 768px) */
+
  
/* 小屏幕(平板,大于等于 768px) */
 
@media (min-width:768px) {
 
 
}
 
/* 中等屏幕(桌面显示器,大于等于 992px) */
 
 
@media (min-width: 992px) {  
 
@media (min-width: 992px) {  
 
.oucAbstract p{margin-top:120px;}
 
.oucAbstract p{margin-top:120px;}
 
.oucMenuBottom h1{font-size:46px;}
 
.oucMenuBottom h1{font-size:46px;}
 
.oucMenuBottom a{text-decoration:none;display:block;color:white;font-size:40px;background-color:#194081;width:222px;height:66px;text-align:center;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin:0 auto;margin-top:20px;padding-top:4px;}
 
.oucMenuBottom a{text-decoration:none;display:block;color:white;font-size:40px;background-color:#194081;width:222px;height:66px;text-align:center;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin:0 auto;margin-top:20px;padding-top:4px;}
.oucAbstract .col-md-5 img{display:block;}
+
}
+
/* 大屏幕(大桌面显示器,大于等于 1200px) */
+
@media (min-width: 1200px) {
+
+
 
}
 
}

Revision as of 09:17, 4 October 2016

/*Main*/ .oucAbstract{max-width:90%;margin:0 auto;margin-top:50px;} .oucAbstract h1{font-size:28px;}

.oucAbstract p{font-size:16px;text-align: justify;max-width:100%;margin:0 auto;margin-bottom:50px;} .oucMovie img{width:100%;}

/*Menu*/ .oucMenu{margin:50px auto;max-width:80%;} .oucMenu img{display:block;margin:0 auto;} .oucMenu a{text-decoration:none;display:block;} .oucMenu a p{color:black;font-size:18px;} .oucMenuBottom{margin:50px 0 50px 0;} .oucMenuBottom h1{font-size:30px;} .oucMenuBottom a{text-decoration:none;display:block;color:white;font-size:28px;background-color:#194081;width:180px;height:50px;text-align:center;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin:0 auto;margin-top:20px;padding-top:4px;}


@media (min-width: 992px) { .oucAbstract p{margin-top:120px;} .oucMenuBottom h1{font-size:46px;} .oucMenuBottom a{text-decoration:none;display:block;color:white;font-size:40px;background-color:#194081;width:222px;height:66px;text-align:center;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin:0 auto;margin-top:20px;padding-top:4px;}

}