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

Latest revision as of 00:41, 31 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(3) a{ color: #FAEE0D;} /*Content*/ .Content{ width: 1000px;margin:0 auto; background: #FFFFFF;font-size: 13px;text-align: justify;font-family: "Arial Regular";font-weight: bold;} .Content .left{ float: left;} .Content .right{ float: right;} .Content .Title{ font-size: 25px; color: white; background: #DFCA00; height: 60px; padding: 0 25px; line-height: 58px;float: left;} .Content p{ line-height: 25px;} .Content .img{text-align: center;} .Content img{width:80%;margin:0 auto;} .Content .Headline{ font-size: 18px;}

.Overview,.Model,.Production,.Financial,.Promotion{ width: 1000px; margin: auto; border-top: 3px solid #DFCA00;} .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;} .Model .img img{width: 818px;margin:0 auto;padding-bottom: 35px;}

.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;}

.SplitLine{padding-top:10px;margin-bottom:20px;border-bottom: 3px solid #DFCA00;} .SubTitle{font-size: 25px;} .Adj1{padding-top:30px;} .Adj2{margin-bottom:20px;} .Adj3{text-align: center;} .Pesticide .section{padding:20px 30px;} .Mhel,.Results{width: 1000px; margin: auto; border-top: 3px solid #DFCA00;padding:20px 30px;} .Mhel .Title,.Results .Title{margin-top:-20px;margin-left:-30px;margin-bottom:20px;} .Mhel>div{} .Mhel .left{width:500px;} .Mhel .right{width:420px;} .Results .left{width:500px;} .Results .left>.left{width:250px;padding-top:50px;} .Results .left>.right{width:240px;} .Results .right{width:420px;} .Results .Headline{margin:20px 0;} .Results>.img img{width:60%;} /*--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;} }