Difference between revisions of "Team:OUC-China/css/index"
| (11 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
| − | .oucAbstract | + | /*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: | + | .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: | + | .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;} }
