Difference between revisions of "Team:SSTi-SZGD/css/Parts"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) m |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | .Banner{ width: 100%; height: 400px; background: url(https://static.igem.org/mediawiki/2018/3/3b/T--SSTi-SZGD--banner_Parts.png) no-repeat center center; background-size: | + | .Banner{ width: 100%; height: 400px; background: url(https://static.igem.org/mediawiki/2018/3/3b/T--SSTi-SZGD--banner_Parts.png) no-repeat center center; background-size: 40%; margin: 100px 0 0 0;} |
.Content{ font-size: 1.6rem; margin-bottom: 100px;} | .Content{ font-size: 1.6rem; margin-bottom: 100px;} | ||
.Content .content{ margin: auto; float: none;} | .Content .content{ margin: auto; float: none;} | ||
| Line 14: | Line 14: | ||
@media only screen and (max-width: 767px) { | @media only screen and (max-width: 767px) { | ||
| − | .Banner{ | + | .Banner{ background-size: 70%;} |
} | } | ||
Latest revision as of 14:53, 6 November 2018
.Banner{ width: 100%; height: 400px; background: url(
) no-repeat center center; background-size: 40%; margin: 100px 0 0 0;}
.Content{ font-size: 1.6rem; margin-bottom: 100px;}
.Content .content{ margin: auto; float: none;}
.Content .title{ font-size: 3rem; font-weight: 600; margin: 10px 0; padding: 5px 40px; background: #b9f1ee; color: #fff; text-align: center; border-radius: 30px;}
.Content .abstract{ font-size: 1.7rem; padding: 0 10px;}
.Content .subtitle{ font-size: 2rem; margin: 30px 0 10px 0;}
.Content .subtitle span{ border-radius: 30px; background: #b9f1ee; color: #fff; font-weight: 600; padding: 5px 40px; display: inline-block;}
.Content section{ margin: 20px auto; float: none;}
.Content table{ text-align: center;}
.Content table th{ text-align: center; background: #b9f1ee; border: 1px solid #fff !important;}
.Content table td{ vertical-align: middle !important; border: 1px solid #fff !important;}
.Content table tr:nth-of-type(2n){ background: #b9f1ee;}
.Content table tr td:nth-of-type(3){ text-align: justify;}
@media only screen and (max-width: 767px) { .Banner{ background-size: 70%;} }
@media only screen and (max-width: 992px) { .Banner{ margin: 100px 0 0 0;} }