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

 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*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;}
+
/*Main*/
 +
.oucAbstract{max-width:94%;margin:0 auto;margin-top:50px;}
 +
.oucAbstract p{max-width:100%;margin:0 auto;margin-bottom:50px;}
 
.oucMovie img{width:100%;}
 
.oucMovie img{width:100%;}
  
 
/*Menu*/
 
/*Menu*/
.oucMenu{margin:50px auto;max-width:80%;}
+
.oucMenu{margin:50px auto;max-width:98%;}
 
.oucMenu img{display:block;margin:0 auto;}
 
.oucMenu img{display:block;margin:0 auto;}
 
.oucMenu a{text-decoration:none;display:block;}
 
.oucMenu a{text-decoration:none;display:block;}
Line 14: Line 13:
 
.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;}
 +
.oucAbstract .col-md-2 h3{font-size:20px;}
 +
        #carousel-example-generic{margin-top:-8px;}
 +
@media (min-width:768px) {
 +
#carousel-example-generic{margin-top:77px;}
 +
.oucAbstract .col-md-2 h3{font-size:22px;}
 +
}
  
 
@media (min-width: 992px) {  
 
@media (min-width: 992px) {  
.oucAbstract p{margin-top:120px;}
+
.oucAbstract p{margin-top:30px;}
 
.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;}
 +
        #carousel-example-generic{margin-top:37px;}
 +
.oucAbstract .col-md-2 h3{font-size:18px;}
 +
}
 +
 
 +
@media (min-width: 1200px) {
 +
    #carousel-example-generic{margin-top:-13px;}
 +
.oucAbstract .col-md-2 h3{font-size:24px;}
 
}
 
}

Latest revision as of 03:29, 11 November 2016

/*Main*/ .oucAbstract{max-width:94%;margin:0 auto;margin-top:50px;} .oucAbstract p{max-width:100%;margin:0 auto;margin-bottom:50px;} .oucMovie img{width:100%;}

/*Menu*/ .oucMenu{margin:50px auto;max-width:98%;} .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;} .oucAbstract .col-md-5 img{display:none;} .oucAbstract .col-md-2 h3{font-size:20px;}

       #carousel-example-generic{margin-top:-8px;}

@media (min-width:768px) { #carousel-example-generic{margin-top:77px;} .oucAbstract .col-md-2 h3{font-size:22px;} }

@media (min-width: 992px) { .oucAbstract p{margin-top:30px;} .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;} .oucAbstract .col-md-5 img{display:block;}

       #carousel-example-generic{margin-top:37px;}

.oucAbstract .col-md-2 h3{font-size:18px;} }

@media (min-width: 1200px) { #carousel-example-generic{margin-top:-13px;} .oucAbstract .col-md-2 h3{font-size:24px;} }