Difference between revisions of "Team:SSTi-SZGD/css/Attributions"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| − | .Banner{ width: 100%; height: 400px; background: url(https://static.igem.org/mediawiki/2018/1/10/T--SSTi-SZGD--banner_Attributions.png) no-repeat center center; background-size: | + | .Banner{ width: 100%; height: 400px; background: url(https://static.igem.org/mediawiki/2018/1/10/T--SSTi-SZGD--banner_Attributions.png) no-repeat center center; background-size: 40%; margin: 100px 0 80px 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;} | ||
.Content .title{ font-size: 3rem; font-weight: 600; margin: 10px 0;} | .Content .title{ font-size: 3rem; font-weight: 600; margin: 10px 0;} | ||
.Content .title span{ background: #ff7c38; color: #fff; border-radius: 30px; padding: 5px 40px; display: inline-block; text-align: center;} | .Content .title span{ background: #ff7c38; color: #fff; border-radius: 30px; padding: 5px 40px; display: inline-block; text-align: center;} | ||
| − | .Content .abstract{ font-size: 1. | + | .Content .abstract{ font-size: 1.8rem;} |
.Content .subtitle{ font-size: 2rem; color: #ff7c38; margin-top: 30px;} | .Content .subtitle{ font-size: 2rem; color: #ff7c38; margin-top: 30px;} | ||
.Content .subtitle3{ font-size: 1.8rem; color: #ff7c38;} | .Content .subtitle3{ font-size: 1.8rem; color: #ff7c38;} | ||
| Line 16: | Line 16: | ||
@media only screen and (max-width: 767px) { | @media only screen and (max-width: 767px) { | ||
| − | .Banner{ | + | .Banner{ background-size: 60%;} |
} | } | ||
Revision as of 17:12, 13 October 2018
.Banner{ width: 100%; height: 400px; background: url(
) no-repeat center center; background-size: 40%; margin: 100px 0 80px 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;}
.Content .title span{ background: #ff7c38; color: #fff; border-radius: 30px; padding: 5px 40px; display: inline-block; text-align: center;}
.Content .abstract{ font-size: 1.8rem;}
.Content .subtitle{ font-size: 2rem; color: #ff7c38; margin-top: 30px;}
.Content .subtitle3{ font-size: 1.8rem; color: #ff7c38;}
.Content section{ margin: 20px auto; float: none;}
.Content li{ float: none; display: list-item;}
.Content ol li{ list-style: decimal; margin-left: 25px;}
.Content ul li{ list-style: disc; margin-left: 25px;}
.Content img{ width: 100%; border-radius: 10px;}
.Content span{ color: #89c9ff;}
@media only screen and (max-width: 767px) {
.Banner{ background-size: 60%;}
}
@media only screen and (max-width: 992px) { .Banner{ margin: 100px 0 0 0;} }