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

 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
−
body{ min-width: 1024px; min-height: 465px; position: relative;}
+
body{ min-width: 1024px; min-height: 489px; position: relative;}
 
 
−
.SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/3/3d/SSTi-SZGD_banner.jpeg) no-repeat 0px 0px; height: 465px; background-size: cover; padding-top: 15px;}
+
.SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/6/63/SSTi-SZGD_Experiments_banner.png) no-repeat top center; padding-top: 15px; max-height: 910px;}
  
 
/*custom header*/
 
/*custom header*/
Line 7: Line 7:
  
 
/*Content*/
 
/*Content*/
−
.Content{ width: 100%; background: cornsilk; padding: 0 5%; padding-bottom: 100px; color: saddlebrown;}
+
.Content{ width: 100%; background: white; padding: 0 5%; padding-bottom: 100px; color: saddlebrown;}
 
.Content .Headline{ width: 100%; height: 185px; text-align: center; font-size: 6rem; font-weight: 600; color: #394c53; padding: 50px; letter-spacing: 2px;}
 
.Content .Headline{ width: 100%; height: 185px; text-align: center; font-size: 6rem; font-weight: 600; color: #394c53; padding: 50px; letter-spacing: 2px;}
 
.Content span{ border-bottom: 1px solid seagreen; display: inline-block; padding-bottom: 5px; margin-bottom: 10px; font-size: 1.8rem; margin-top: 15px;}
 
.Content span{ border-bottom: 1px solid seagreen; display: inline-block; padding-bottom: 5px; margin-bottom: 10px; font-size: 1.8rem; margin-top: 15px;}
−
.Content p{ text-indent: 2em; line-height: 1.8;}
+
.Content p{ line-height: 1.8;}
 
.Content img{ margin: 15px auto; width: 50%; border: 3px dashed burlywood; border-radius: 20px;}
 
.Content img{ margin: 15px auto; width: 50%; border: 3px dashed burlywood; border-radius: 20px;}
 
.Content .Title{ position: relative; font-size: 2.2rem; height: 50px; background: seagreen; color: #D0CB0D; padding: 12px; text-indent: 0; line-height: normal; cursor: pointer;}
 
.Content .Title{ position: relative; font-size: 2.2rem; height: 50px; background: seagreen; color: #D0CB0D; padding: 12px; text-indent: 0; line-height: normal; cursor: pointer;}
Line 19: Line 19:
  
 
/*MPD*/
 
/*MPD*/
−
.MPD,.MHEI{ width: 80%; margin: auto; border: 1px solid seagreen; font-size: 1.5rem; text-align: justify; margin-bottom: 5px;}
+
.MPD,.MHEI,.LOS,.Transformation,.Colony,.Bio,.Light,.EAD,.EAS,.HPLC{ width: 80%; margin: auto; border: 1px solid seagreen; font-size: 1.5rem; text-align: justify; margin-bottom: 5px;}
−
.MPD .content,.MHEI .content{ padding: 12px 20px; display: none;}
+
.MPD .content,.MHEI .content,.LOS .SubContent,.Transformation .content,.Colony .content,.Bio .content,.Light .content,.EAD .content,.EAS .content,.HPLC .content{ padding: 12px 20px; display: none;}
  
  
−
.References{ width: 60%; margin: 100px auto; font-size: 3rem;}
 
−
 
−
 
−
 
−
 
−
/*--1920--*/
 
−
@media only screen and (max-width: 1920px) {
 
−
.header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;}
 
−
.topic p{ font-size: 5.5rem;}
 
−
}
 
−
 
−
/*--1366--*/
 
−
@media only screen and (max-width: 1366px) {
 
−
html{ font-size: 55%;}
 
−
.header .logo span{ margin-top: 16px;}
 
−
.header .nav .mainnav span{ margin-bottom: 21.5px;}
 
−
.topic p{ font-size: 5rem;}
 
−
}
 
  
 
/*--1190--*/
 
/*--1190--*/

Latest revision as of 04:42, 30 October 2017

body{ min-width: 1024px; min-height: 489px; position: relative;}

.SSTi-SZGD{ background: url(SSTi-SZGD_Experiments_banner.png) no-repeat top center; padding-top: 15px; max-height: 910px;}

/*custom header*/ .header .nav .Project span,.header .nav .Project li:nth-of-type(8) a{ color: #FAEE0D;}

/*Content*/ .Content{ width: 100%; background: white; padding: 0 5%; padding-bottom: 100px; color: saddlebrown;} .Content .Headline{ width: 100%; height: 185px; text-align: center; font-size: 6rem; font-weight: 600; color: #394c53; padding: 50px; letter-spacing: 2px;} .Content span{ border-bottom: 1px solid seagreen; display: inline-block; padding-bottom: 5px; margin-bottom: 10px; font-size: 1.8rem; margin-top: 15px;} .Content p{ line-height: 1.8;} .Content img{ margin: 15px auto; width: 50%; border: 3px dashed burlywood; border-radius: 20px;} .Content .Title{ position: relative; font-size: 2.2rem; height: 50px; background: seagreen; color: #D0CB0D; padding: 12px; text-indent: 0; line-height: normal; cursor: pointer;} .Content .igem{ position: absolute; width: 45px; top: 35px; right: 60px; border: none; display: none;} .Content .plus,.Content .reduce{ position: absolute; width: 30px; right: 2%; top: 0; bottom: 0; margin: auto; border: none;} .Content .reduce{ display: none;} .Content .Subtitle{ text-indent: 0; font-weight: 600; margin-top: 20px;}

/*MPD*/ .MPD,.MHEI,.LOS,.Transformation,.Colony,.Bio,.Light,.EAD,.EAS,.HPLC{ width: 80%; margin: auto; border: 1px solid seagreen; font-size: 1.5rem; text-align: justify; margin-bottom: 5px;} .MPD .content,.MHEI .content,.LOS .SubContent,.Transformation .content,.Colony .content,.Bio .content,.Light .content,.EAD .content,.EAS .content,.HPLC .content{ padding: 12px 20px; display: none;}


/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 52%;} .header .nav .Team{ width: 90px;} .header .nav .Project{ width: 100px;} .header .nav .Application{ width: 115px;} .header .nav .Human_Practices{ width: 135px;} .header .nav .Achievement{ width: 120px;} .header .nav .mainnav span{ padding-top: 6.5px; margin-bottom: 22px;} .topic p{ font-size: 4.5rem;} }