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

Line 1: Line 1:
        #carousel-example-generic{margin-top:-17px;}
+
 
 
/*Main*/
 
/*Main*/
 
.oucAbstract{max-width:90%;margin:0 auto;margin-top:50px;}
 
.oucAbstract{max-width:90%;margin:0 auto;margin-top:50px;}
Line 16: Line 16:
 
.oucAbstract .col-md-5 img{display:none;}
 
.oucAbstract .col-md-5 img{display:none;}
 
.oucAbstract .col-md-2 h3{font-size:20px;}
 
.oucAbstract .col-md-2 h3{font-size:20px;}
 +
        #carousel-example-generic{margin-top:-8px;}
 
@media (min-width:768px) {  
 
@media (min-width:768px) {  
#carousel-example-generic{margin-top:75px;}
+
#carousel-example-generic{margin-top:34px;}
 
.oucAbstract .col-md-2 h3{font-size:22px;}
 
.oucAbstract .col-md-2 h3{font-size:22px;}
 
}
 
}
Line 26: Line 27:
 
.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;}
 
.oucAbstract .col-md-5 img{display:block;}
         #carousel-example-generic{margin-top:45px;}
+
         #carousel-example-generic{margin-top:-5px;}
 
.oucAbstract .col-md-2 h3{font-size:18px;}
 
.oucAbstract .col-md-2 h3{font-size:18px;}
 
}
 
}
  
 
@media (min-width: 1200px) {  
 
@media (min-width: 1200px) {  
    #carousel-example-generic{margin-top:-5px;}
+
    #carousel-example-generic{margin-top:-13px;}
 
.oucAbstract .col-md-2 h3{font-size:24px;}
 
.oucAbstract .col-md-2 h3{font-size:24px;}
 
}
 
}

Revision as of 12:07, 15 October 2016

/*Main*/ .oucAbstract{max-width:90%;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: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;} .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:34px;} .oucAbstract .col-md-2 h3{font-size:22px;} }

@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;} .oucAbstract .col-md-5 img{display:block;}

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

.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;} }