Difference between revisions of "Team:SSTi-SZGD/css/Expression"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
| (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: 465px; position: relative;background:#FFFFFF;} |
.SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/6/68/Expression_banner.jpeg) no-repeat center center; height: 600px; background-size: cover; padding-top: 15px;} | .SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/6/68/Expression_banner.jpeg) no-repeat center center; height: 600px; background-size: cover; padding-top: 15px;} | ||
| Line 6: | Line 6: | ||
.header .nav .Project span,.header .nav .Project li:nth-of-type(2) a{ color: #FAEE0D;} | .header .nav .Project span,.header .nav .Project li:nth-of-type(2) a{ color: #FAEE0D;} | ||
/*Content*/ | /*Content*/ | ||
| − | .Content{ width: 1000px; background: #FFFFFF;margin:0 auto;font-size: 13px; font-family: "Arial Regular";font-weight: bold;} | + | .Content{ width: 1000px; background: #FFFFFF;margin:0 auto;font-size: 13px; font-family: "Arial Regular";font-weight: bold;text-align:justify} |
.Content .left{ float: left;} | .Content .left{ float: left;} | ||
.Content .right{ float: right;} | .Content .right{ float: right;} | ||
Latest revision as of 06:38, 29 October 2017
body{ min-width: 1024px; min-height: 465px; position: relative;background:#FFFFFF;}
.SSTi-SZGD{ background: url(
) no-repeat center center; height: 600px; background-size: cover; padding-top: 15px;}
/*custom header*/ .header .nav .Project span,.header .nav .Project li:nth-of-type(2) a{ color: #FAEE0D;} /*Content*/ .Content{ width: 1000px; background: #FFFFFF;margin:0 auto;font-size: 13px; font-family: "Arial Regular";font-weight: bold;text-align:justify} .Content .left{ float: left;} .Content .right{ float: right;} .Content .Title{ font-size: 29px; color: white; background: #0E750E; height: 60px; padding: 0 25px; line-height: 58px;margin-bottom:20px;} .Content p{ line-height: 28px;} .Content .Headline{ font-size: 17px;}
.clear{clear: both;} .section span{font-size: 15px;}
.Single{width: 100%; margin: auto; border-top:3px solid #0E750E;} .Single .Title{ width: 485px;} .Single .left,.Single .right{width:480px;} .Single .left{height:350px;padding-right:10px;border-right:6px solid #0E750E;} .Single .img img,.Results .img img,.Supernova .img img{margin:25px auto;}
.Single .Headline{ padding-left: 40px;padding-bottom: 10px;} .Single .section{ margin-left: 40px;padding-bottom: 35px;}
.Single .SplitLine,.Results .SplitLine,.Supernova .SplitLine{border-top:2px solid #1B7D1B;margin-left:35px;} .Single .SubTitle,.Results .SubTitle,.Supernova .SubTitle{font-size: 17px;padding:2px 10px;background:#86BA86;float:left;margin-bottom: 20px;}
.Adj1{margin-top:20px;} .Adj2{margin-bottom:10px;} .Results .left,.Results .right{width:480px;padding-left:20px;} .Results .right img{margin-top:125px;} .Results .left .section,.Results .right .section{margin-bottom:30px;} .Results .SplitLine{margin-left:0;} .Results .Adj3{} .Results .Adj3 img{float:left;margin-top:20px;width:60%;margin-left:0;} .Results .Adj3 img:nth-of-type(2){width:30%;}
.Supernova{width: 100%; margin: auto; border-top:3px solid #0E750E;} .Supernova .Title{ width: 390px;} .Supernova .left,.Supernova .right{width:480px;padding-left:20px;} .Supernova .Adj3 img{margin-top:50px;width:100%;margin-left:0;margin-bottom:50px;} .Supernova>.Headline,.Supernova>.section{margin-left:10px;} .Supernova .SplitLine{margin-left:0;}
