Difference between revisions of "Team:SSTi-SZGD/css/Attributions"

(final)
Line 1: Line 1:
−
.Banner{ text-align: center; padding: 10% 0;}
+
.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;}
−
.Banner img{ margin: auto; float: none;}
+
 
.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 .content .subcontent{ padding: 0 15px;}
 
.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.8rem;}
 
.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: 20px;}
 
.Content .subtitle3{ font-size: 1.8rem; color: #ff7c38;}
 
.Content .subtitle3{ font-size: 1.8rem; color: #ff7c38;}
−
.Content section{ margin: 20px auto; float: none;}
+
.Content section{ margin: 50px auto; float: none;}
 
.Content li{ float: none; display: list-item;}
 
.Content li{ float: none; display: list-item;}
 
.Content ol li{ list-style: decimal; margin-left: 25px;}
 
.Content ol li{ list-style: decimal; margin-left: 25px;}
Line 15: Line 15:
 
.Content span{ color: #89c9ff;}
 
.Content span{ color: #89c9ff;}
  
−
.page_footer{ background: #fff;}
 
 
.page_footer .Sponsor{ margin: auto; float: none; text-align: center; padding: 3% 0;}
 
.page_footer .Sponsor{ margin: auto; float: none; text-align: center; padding: 3% 0;}
 
.page_footer .Sponsor img{ width: 100%;}
 
.page_footer .Sponsor img{ width: 100%;}
−
.page_footer .page_copyright{ font-size: 1.3rem; color: #999; text-align: center; padding: 10px 0; border-top: 1px solid #aaa;}
+
 
 +
 
 +
@media only screen and (max-width: 767px) {
 +
.Banner{ background-size: 60%;}
 +
}
 +
 
 +
@media only screen and (max-width: 992px) {
 +
.Banner{ margin: 100px 0 0 0;}
 +
}

Revision as of 01:19, 5 November 2018

.Banner{ width: 100%; height: 400px; background: url(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 .content{ margin: auto; float: none;} .Content .content .subcontent{ padding: 0 15px;} .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: 20px;} .Content .subtitle3{ font-size: 1.8rem; color: #ff7c38;} .Content section{ margin: 50px 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;}

.page_footer .Sponsor{ margin: auto; float: none; text-align: center; padding: 3% 0;} .page_footer .Sponsor img{ width: 100%;}


@media only screen and (max-width: 767px) { .Banner{ background-size: 60%;} }

@media only screen and (max-width: 992px) { .Banner{ margin: 100px 0 0 0;} }