Difference between revisions of "Team:SSTi-SZGD/css/Notebook"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) (final) |
||
| Line 1: | Line 1: | ||
| − | .Banner{ | + | .Banner{ width: 100%; height: 400px; background: url(https://static.igem.org/mediawiki/2018/9/92/T--SSTi-SZGD--banner_Notebook.png) no-repeat center center; background-size: 50%; margin: 100px 0 80px 0;} |
| − | + | ||
.Content{ font-size: 1.6rem; margin-bottom: 100px;} | .Content{ font-size: 1.6rem; margin-bottom: 100px;} | ||
| − | .Content .content{ margin: 0;} | + | .Content .content{ margin: 0; background: #fff3f4; padding: 15px 30px 30px 30px; border-radius: 15px; display: none;} |
.Content .title{ text-align: center; font-size: 3rem; font-weight: 600; background: #ff6a76; color: #fff; padding: 5px; border-radius: 30px; margin: 10px 0; cursor: pointer;} | .Content .title{ text-align: center; font-size: 3rem; font-weight: 600; background: #ff6a76; color: #fff; padding: 5px; border-radius: 30px; margin: 10px 0; cursor: pointer;} | ||
.Content .abstract{ font-size: 1.7rem;} | .Content .abstract{ font-size: 1.7rem;} | ||
| − | |||
.Content .subtitle{ font-size: 2rem; color: #ff616e; margin-top: 30px;} | .Content .subtitle{ font-size: 2rem; color: #ff616e; margin-top: 30px;} | ||
.Content section{ margin: 20px auto; float: none;} | .Content section{ margin: 20px auto; float: none;} | ||
.Content .subcontent{ margin-left: 16px; display: block;} | .Content .subcontent{ margin-left: 16px; display: block;} | ||
| + | |||
| + | |||
| + | @media only screen and (max-width: 767px) { | ||
| + | .Banner{ height: 300px; background-size: 70%;} | ||
| + | } | ||
| + | |||
| + | @media only screen and (max-width: 992px) { | ||
| + | .Banner{ margin: 100px 0 0 0;} | ||
| + | } | ||
Latest revision as of 17:07, 4 November 2018
.Banner{ width: 100%; height: 400px; background: url(
) no-repeat center center; background-size: 50%; margin: 100px 0 80px 0;}
.Content{ font-size: 1.6rem; margin-bottom: 100px;}
.Content .content{ margin: 0; background: #fff3f4; padding: 15px 30px 30px 30px; border-radius: 15px; display: none;}
.Content .title{ text-align: center; font-size: 3rem; font-weight: 600; background: #ff6a76; color: #fff; padding: 5px; border-radius: 30px; margin: 10px 0; cursor: pointer;}
.Content .abstract{ font-size: 1.7rem;}
.Content .subtitle{ font-size: 2rem; color: #ff616e; margin-top: 30px;}
.Content section{ margin: 20px auto; float: none;}
.Content .subcontent{ margin-left: 16px; display: block;}
@media only screen and (max-width: 767px) {
.Banner{ height: 300px; background-size: 70%;}
}
@media only screen and (max-width: 992px) { .Banner{ margin: 100px 0 0 0;} }