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;}
.oucAbstract h1{font-size:28px;}
 
  
.oucAbstract p{font-size:18px;text-align: justify;max-width:100%;margin:0 auto;margin-bottom:50px;}
+
.oucAbstract p{max-width:100%;margin:0 auto;margin-bottom:50px;}
 
.oucMovie img{width:100%;}
 
.oucMovie img{width:100%;}
  
Line 15: Line 15:
 
.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-5 img{display:none;}
 +
@media (min-width:768px) {
 +
#carousel-example-generic{margin-top:75px;}
 +
}
  
 
@media (min-width: 992px) {  
 
@media (min-width: 992px) {  
Line 21: Line 24:
 
.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;}
 +
}
 +
 +
@media (min-width: 1200px) {
 +
    #carousel-example-generic{margin-top:-5px;}
 
}
 
}

Revision as of 11:30, 15 October 2016

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

/*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;} @media (min-width:768px) { #carousel-example-generic{margin-top:75px;} }

@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:45px;}

}

@media (min-width: 1200px) { #carousel-example-generic{margin-top:-5px;} }