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

(Created page with "body{ min-width: 1024px; min-height: 465px; position: relative;} .SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/3/3d/SSTi-SZGD_banner.jpeg) no-repeat 0px 0px...")
 
 
(6 intermediate revisions 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/d/d2/SSTi-SZGD_Attributions_banner.png) no-repeat center top; padding-top: 15px; max-height: 910px; position: relative;}
  
 
/*custom header*/
 
/*custom header*/
Line 7: Line 7:
  
 
/*Content*/
 
/*Content*/
−
.Content{ width: 100%; background: cornsilk; padding: 60px 5%; padding-bottom: 100px;}
+
.Content{ width: 100%; background: white; padding-bottom: 80px;   font-size: 1.8rem; text-align: justify;font-family: "Arial Regular";font-weight: bold;}
−
.Content .Attribution,.Content .Adviser{ width: 80%; margin: auto; font-size: 1.8rem; text-align: justify; line-height: 1.5; margin-bottom: 30px;}
+
.Content .left{ float: left; width: 50%;}
−
.Content p{ margin-top: 5px;}
+
.Content .right{ float: right; width: 40%;}
−
.Content .title{ font-size: 3rem; border-bottom: 1px solid #555; margin-bottom: 15px;}
+
.Content p{ line-height: 37.5px; padding-left: 10px; margin: 40px 0;}
 +
.Content .Title{ font-size: 4rem; background: #d052d8; height: 82px; padding: 20px 23px; color: white; margin: 0;}
 +
.Content .SubTitle{ font-size: 2.5rem;}
 +
.Content i{ list-style: none; color: #FFFFFF; background: #d052d8; padding: 2px 5px;}
  
 +
.Summary{ width: 1360px; margin: auto; border-top: 3px solid #d052d8;}
 +
.Summary .Title{ width: 220px;}
  
 +
.Training{ width: 1360px; margin: auto; border-top: 3px solid #d052d8;}
 +
.Training .Title{ width: 525px;}
  
 +
.Instructors{ width: 1360px; margin: auto; border-top: 3px solid #d052d8;}
 +
.Instructors .Title{ width: 460px;}
  
−
.References{ width: 60%; margin: 100px auto; font-size: 3rem; color: saddlebrown;}
+
.Individuals{ width: 1360px; margin: auto; border-top: 3px solid #d052d8;}
 +
.Individuals .Title{ width: 250px;}
 +
 
 +
.Bottom{ width: 1360px; margin: auto; height: 450px; border-top: 3px solid #d052d8;}
 +
 
 +
.Funding .Title{ width: 365px;}
 +
 
 +
.Cooperative .Title{ width: 425px;}
 +
 
 +
.Content .img{ width: 1360px; margin: auto; height: 700px;}
 +
.Content .img .left{ width: 30%; margin-left: 100px;}
 +
.Content .img .right{ width: 30%; margin-right: 200px;}
 +
.Content .img img{ width: 400px; margin: 50px;}
 +
.Content .img .left img:nth-last-of-type(1){ width: 200px; margin: 0 150px;}
  
  
Line 21: Line 43:
 
/*--1920--*/
 
/*--1920--*/
 
@media only screen and (max-width: 1920px) {
 
@media only screen and (max-width: 1920px) {
−
.header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;}
+
.Content{ font-size: 1.3rem;}
−
.topic p{ font-size: 5.5rem;}
+
.Content p{ line-height: 36.5px;}
 +
.Content .Title{ font-size: 2.9rem; height: 62px; padding-top: 10px;}
 +
.Content .SubTitle{ font-size: 1.7rem;}
 +
 +
.Summary{ width: 1000px;}
 +
.Summary .Title{ width: 185px;}
 +
 +
.Training{ width: 1000px;}
 +
.Training .Title{ width: 400px;}
 +
 +
.Instructors{ width: 1000px;}
 +
.Instructors .Title{ width: 360px;}
 +
 +
.Individuals{ width: 1000px;}
 +
.Individuals .Title{ width: 200px;}
 +
 +
.Bottom{ width: 1000px; margin: auto; height: 400px; border-top: 3px solid #d052d8;}
 +
 +
.Funding .Title{ width: 280px;}
 +
 +
.Cooperative .Title{ width: 320px;}
 +
 +
.Content .img{ width: 1000px;}
 +
.Content .img .left{ width: 30%; margin-left: 20px;}
 
}
 
}
  
−
/*--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--*/
 
@media only screen and (max-width: 1190px) {
 
@media only screen and (max-width: 1190px) {
−
html{ font-size: 52%;}
+
html{ font-size: 50%;}
−
.header .nav .Team{ width: 90px;}
+
.header .logo span{ margin: 15px 0;}
 
.header .nav .Project{ width: 100px;}
 
.header .nav .Project{ width: 100px;}
−
.header .nav .Application{ width: 115px;}
+
.header .nav .Application{ width: 100px;}
−
.header .nav .Human_Practices{ width: 135px;}
+
.header .nav .Human_Practices{ width: 140px;}
 
.header .nav .Achievement{ width: 120px;}
 
.header .nav .Achievement{ width: 120px;}
−
.header .nav .mainnav span{ padding-top: 6.5px; margin-bottom: 22px;}
+
.header .nav .Team{ width: 95px;}
−
.topic p{ font-size: 4.5rem;}
+
.header .nav .mainnav span{ padding-top: 8.5px; margin-bottom: 21px;}
 
}
 
}

Latest revision as of 12:14, 30 October 2017

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

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

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

/*Content*/ .Content{ width: 100%; background: white; padding-bottom: 80px; font-size: 1.8rem; text-align: justify;font-family: "Arial Regular";font-weight: bold;} .Content .left{ float: left; width: 50%;} .Content .right{ float: right; width: 40%;} .Content p{ line-height: 37.5px; padding-left: 10px; margin: 40px 0;} .Content .Title{ font-size: 4rem; background: #d052d8; height: 82px; padding: 20px 23px; color: white; margin: 0;} .Content .SubTitle{ font-size: 2.5rem;} .Content i{ list-style: none; color: #FFFFFF; background: #d052d8; padding: 2px 5px;}

.Summary{ width: 1360px; margin: auto; border-top: 3px solid #d052d8;} .Summary .Title{ width: 220px;}

.Training{ width: 1360px; margin: auto; border-top: 3px solid #d052d8;} .Training .Title{ width: 525px;}

.Instructors{ width: 1360px; margin: auto; border-top: 3px solid #d052d8;} .Instructors .Title{ width: 460px;}

.Individuals{ width: 1360px; margin: auto; border-top: 3px solid #d052d8;} .Individuals .Title{ width: 250px;}

.Bottom{ width: 1360px; margin: auto; height: 450px; border-top: 3px solid #d052d8;}

.Funding .Title{ width: 365px;}

.Cooperative .Title{ width: 425px;}

.Content .img{ width: 1360px; margin: auto; height: 700px;} .Content .img .left{ width: 30%; margin-left: 100px;} .Content .img .right{ width: 30%; margin-right: 200px;} .Content .img img{ width: 400px; margin: 50px;} .Content .img .left img:nth-last-of-type(1){ width: 200px; margin: 0 150px;}


/*--1920--*/ @media only screen and (max-width: 1920px) { .Content{ font-size: 1.3rem;} .Content p{ line-height: 36.5px;} .Content .Title{ font-size: 2.9rem; height: 62px; padding-top: 10px;} .Content .SubTitle{ font-size: 1.7rem;}

.Summary{ width: 1000px;} .Summary .Title{ width: 185px;}

.Training{ width: 1000px;} .Training .Title{ width: 400px;}

.Instructors{ width: 1000px;} .Instructors .Title{ width: 360px;}

.Individuals{ width: 1000px;} .Individuals .Title{ width: 200px;}

.Bottom{ width: 1000px; margin: auto; height: 400px; border-top: 3px solid #d052d8;}

.Funding .Title{ width: 280px;}

.Cooperative .Title{ width: 320px;}

.Content .img{ width: 1000px;} .Content .img .left{ width: 30%; margin-left: 20px;} }


/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 50%;} .header .logo span{ margin: 15px 0;} .header .nav .Project{ width: 100px;} .header .nav .Application{ width: 100px;} .header .nav .Human_Practices{ width: 140px;} .header .nav .Achievement{ width: 120px;} .header .nav .Team{ width: 95px;} .header .nav .mainnav span{ padding-top: 8.5px; margin-bottom: 21px;} }