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

(final)
 
(2 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/9/92/T--SSTi-SZGD--banner_Notebook.png) no-repeat center center; background-size: 50%; margin: 100px 0 80px 0;}
 
.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 .content{ background: #fff3f4; padding: 15px 30px 30px 30px; border-radius: 15px; display: none;}
 
 
.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;}
  
  

Latest revision as of 17:07, 4 November 2018

.Banner{ width: 100%; height: 400px; background: url(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 .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;} }