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

(Created page with "body{ min-width: 1024px; min-height: 465px; position: relative;} .SSTi-SZGD{ background: url(../img/Business_Plan_banner.png) no-repeat center center; height: 600px; backg...")
 
 
(24 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
body{ min-width: 1024px; min-height: 465px; position: relative;}
 
body{ min-width: 1024px; min-height: 465px; position: relative;}
 
 
−
.SSTi-SZGD{ background: url(../img/Business_Plan_banner.png) no-repeat center center; height: 600px; background-size: cover; padding-top: 15px;}
+
.SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/4/48/Business_Plan_banner.png) no-repeat center center; height: 600px; background-size: cover; padding-top: 15px;}
  
 
/*custom header*/
 
/*custom header*/
−
.header .nav .Project span,.header .nav .Project li:nth-of-type(1) a{ color: #FAEE0D;}
+
.header .nav .Application span,.header .nav .Application li:nth-of-type(1) a{ color: #FAEE0D;}
 
/*Content*/
 
/*Content*/
−
.Content{ width: 100%; background: #FFFFFF;font-size: 1.8rem;}
+
.Content{ width: 100%; background: #FFFFFF;font-size: 1.8rem;text-align: justify;font-family: "Arial Regular";font-weight: bold;}
 
.Content .left{ float: left;}
 
.Content .left{ float: left;}
 
.Content .right{ float: right;}
 
.Content .right{ float: right;}
−
.Content .Title{ font-size: 4rem; color: white; background: #AAABE4; height: 78px; padding: 0 25px; line-height: 75px;}
+
.Content .Title{ font-size: 29px; color: white; background: #AAABE4; height: 78px; padding: 0 25px; line-height: 75px;float:left;}
−
.Content p{ line-height: 37.5px;}
+
.Content p{ line-height: 28px;}
−
.Content .Headline{ font-size: 2.5rem; padding-left: 25px}
+
.Content .Headline{ font-size: 29px; padding-left: 25px}
  
−
.Overview,.Model,.Production,.Financial,.Promotion{ width: 1360px; margin: auto; border-top: 3px solid #AAABE4;}
 
−
.Overview .Title{ width: 230px;}
 
−
.Model .Title{ width: 358px;}
 
−
.Production .Title{ width: 875px;}
 
−
.Financial .Title{ width: 380px;}
 
−
.Promotion .Title{ width: 619px;}
 
−
.Overview p:nth-last-of-type(1),.Model p:nth-last-of-type(1){ padding: 35px 10px; text-indent: 30px;}
 
 
.clear{clear: both;}
 
.clear{clear: both;}
−
.Model .img img{width: 818px;margin:0 auto;padding-bottom: 35px;}
+
.SplitLine{border-top: 1px solid #000000;}
−
 
+
.SL1{padding-bottom:20px;}
−
.Production .left,.Production .right{width: 655px;height: 318px;padding:25px;margin:35px auto;background-color: #C9CAEA;}
+
−
.Production .Enzyme .section,.Financial .section{ margin-left: 40px;padding-bottom: 35px;}
+
−
.Production .img img,.Financial .img2 img{width: 95%;margin:0 35px;padding-bottom: 35px;}
+
−
.Production .img2 img{width: 50%;margin:0 auto;padding-bottom:35px;}
+
−
.Financial .Headline2{ padding-left: 340px;font-size:25px;padding-bottom:20px;}
+
−
.Financial .img img{width: 50%;margin:0 auto;padding-bottom:35px;}
+
−
.Promotion .section{padding:35px 0;}
+
−
.Promotion .left,.Promotion .right{width: 635px;}
+
−
.warp1{height: 320px}
+
−
.warp2{height: 435px;}
+
−
.warp3{height: 220px;}
+
−
.warp4{height: 400px;}
+
−
.warp{margin-left: 40px;}
+
−
/*--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;}
+
−
.Content{font-size: 1.3rem;}
+
−
.Content ul{ left: -539px;}
+
−
.Content ul li{ margin: 85px 74.5px; height: 600px;}
+
−
.Content .Title{ font-size: 2.9rem;height: 60px; padding: 0 25px; line-height: 58px;}
+
−
.Content p{ line-height: 26.5px;}
+
−
.Content .Headline{ font-size: 1.7rem; padding-left: 55px;}
+
−
 
+
 
.Overview,.Model,.Production,.Financial,.Promotion{ width: 1000px; margin: auto; border-top: 3px solid #AAABE4;}
 
.Overview,.Model,.Production,.Financial,.Promotion{ width: 1000px; margin: auto; border-top: 3px solid #AAABE4;}
−
.Overview .Title{ width: 170px;}
 
−
.Model .Title{ width: 245px;}
 
−
.Production .Title{ width: 570px;}
 
−
.Financial .Title{ width: 260px;}
 
−
.Promotion .Title{ width: 415px;}
 
 
.Overview p:nth-last-of-type(1),.Model p:nth-last-of-type(1){ padding: 25px 10px; text-indent: 30px;}
 
.Overview p:nth-last-of-type(1),.Model p:nth-last-of-type(1){ padding: 25px 10px; text-indent: 30px;}
 
.clear{clear: both;}
 
.clear{clear: both;}
−
.Model .img img{width: 818px;margin:0 auto;padding-bottom: 35px;}
+
.Model .img img{width: 60%;margin:0 auto;padding-bottom: 35px;}
  
−
.Production .left,.Production .right{width: 455px;height: 250px;padding:25px;margin:35px auto;background-color: #C9CAEA;}
+
.Production .left,.Production .right{width: 455px;height: 315px;padding:25px;margin:35px auto;background-color: #C9CAEA;}
 
.Production .Enzyme .Headline,.Financial .Headline{ padding-left: 40px;font-size:25px; }
 
.Production .Enzyme .Headline,.Financial .Headline{ padding-left: 40px;font-size:25px; }
 
.Production .Enzyme .section,.Financial .section{ margin-left: 40px;padding-bottom: 35px;}
 
.Production .Enzyme .section,.Financial .section{ margin-left: 40px;padding-bottom: 35px;}
−
.Production .img img,.Financial .img2 img{width: 95%;margin:0 35px;padding-bottom: 35px;}
+
.Production .img img,.Financial .img2 img{width: 60%;margin:0 auto;padding-bottom: 35px;}
 
.Production .img2 img{width: 50%;margin:0 auto;padding-bottom:35px;}
 
.Production .img2 img{width: 50%;margin:0 auto;padding-bottom:35px;}
−
.Financial .Headline2{ padding-left: 250px;font-size:2.9rem;padding-bottom:20px;}
+
.Financial .Headline2{ padding-left: 250px;font-size:25px;padding-bottom:20px;}
 
.Financial .img img{width: 50%;margin:0 auto;padding-bottom:35px;}
 
.Financial .img img{width: 50%;margin:0 auto;padding-bottom:35px;}
 
.Promotion .section{padding:35px 0;}
 
.Promotion .section{padding:35px 0;}
−
.Promotion .left,.Promotion .right{width: 475px;}
+
.Promotion .left,.Promotion .right{width: 465px;}
−
.warp1{height: 210px;}
+
.warp1{height: 290px;}
−
.warp2{height: 255px;}
+
.warp2{height: 400px;}
−
.warp3{height: 130px;}
+
.warp3{height: 185px;}
−
.warp4{height: 200px;}
+
.warp4{height: 240px;}
 
.warp{margin-left: 40px;}
 
.warp{margin-left: 40px;}
 +
.warp5{padding:20px 0!important;}
  
 +
 +
/*--1920--*/
 +
@media only screen and (max-width: 1920px) {
 +
html{ font-size: 55%;}
 +
.header .logo span{ margin-top: 16px;}
 +
.header .nav .mainnav span{ margin-bottom: 21.5px;}
 +
.topic p{ font-size: 5rem;}
 +
.Content{font-size: 13px;}
 +
.Content ul{ left: -539px;}
 +
.Content ul li{ margin: 85px 74.5px; height: 600px;}
 +
.Content .Title{ font-size: 2.9rem;height: 60px; padding: 0 25px; line-height: 58px;}
 +
.Content p{ line-height: 28px;}
 +
.Content .Headline{ font-size: 25px; padding-left: 55px;}
 +
}
 
/*--1190--*/
 
/*--1190--*/
 
@media only screen and (max-width: 1190px) {
 
@media only screen and (max-width: 1190px) {
Line 92: Line 63:
 
.Content ul{ left: -450px;}
 
.Content ul{ left: -450px;}
 
.Content ul li{ margin: 85px 36.5px;}
 
.Content ul li{ margin: 85px 36.5px;}
−
}
 
−
 
−
/*--1024--*/
 
−
@media only screen and (max-width: 1024px) {
 
−
.Content ul{ left: -830px;}
 
−
.Content ul li{ margin: 85px 220px;}
 
 
}
 
}

Latest revision as of 13:20, 31 October 2017

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

.SSTi-SZGD{ background: url(Business_Plan_banner.png) no-repeat center center; height: 600px; background-size: cover; padding-top: 15px;}

/*custom header*/ .header .nav .Application span,.header .nav .Application li:nth-of-type(1) a{ color: #FAEE0D;} /*Content*/ .Content{ width: 100%; background: #FFFFFF;font-size: 1.8rem;text-align: justify;font-family: "Arial Regular";font-weight: bold;} .Content .left{ float: left;} .Content .right{ float: right;} .Content .Title{ font-size: 29px; color: white; background: #AAABE4; height: 78px; padding: 0 25px; line-height: 75px;float:left;} .Content p{ line-height: 28px;} .Content .Headline{ font-size: 29px; padding-left: 25px}

.clear{clear: both;} .SplitLine{border-top: 1px solid #000000;} .SL1{padding-bottom:20px;} .Overview,.Model,.Production,.Financial,.Promotion{ width: 1000px; margin: auto; border-top: 3px solid #AAABE4;} .Overview p:nth-last-of-type(1),.Model p:nth-last-of-type(1){ padding: 25px 10px; text-indent: 30px;} .clear{clear: both;} .Model .img img{width: 60%;margin:0 auto;padding-bottom: 35px;}

.Production .left,.Production .right{width: 455px;height: 315px;padding:25px;margin:35px auto;background-color: #C9CAEA;} .Production .Enzyme .Headline,.Financial .Headline{ padding-left: 40px;font-size:25px; } .Production .Enzyme .section,.Financial .section{ margin-left: 40px;padding-bottom: 35px;} .Production .img img,.Financial .img2 img{width: 60%;margin:0 auto;padding-bottom: 35px;} .Production .img2 img{width: 50%;margin:0 auto;padding-bottom:35px;} .Financial .Headline2{ padding-left: 250px;font-size:25px;padding-bottom:20px;} .Financial .img img{width: 50%;margin:0 auto;padding-bottom:35px;} .Promotion .section{padding:35px 0;} .Promotion .left,.Promotion .right{width: 465px;} .warp1{height: 290px;} .warp2{height: 400px;} .warp3{height: 185px;} .warp4{height: 240px;} .warp{margin-left: 40px;} .warp5{padding:20px 0!important;}


/*--1920--*/ @media only screen and (max-width: 1920px) { html{ font-size: 55%;} .header .logo span{ margin-top: 16px;} .header .nav .mainnav span{ margin-bottom: 21.5px;} .topic p{ font-size: 5rem;} .Content{font-size: 13px;} .Content ul{ left: -539px;} .Content ul li{ margin: 85px 74.5px; height: 600px;} .Content .Title{ font-size: 2.9rem;height: 60px; padding: 0 25px; line-height: 58px;} .Content p{ line-height: 28px;} .Content .Headline{ font-size: 25px; padding-left: 55px;} } /*--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;} .Content ul{ left: -450px;} .Content ul li{ margin: 85px 36.5px;} }