Difference between revisions of "Team:SSTi-SZGD/css/Business Plan"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 9: | Line 9: | ||
.Content .left{ float: left;} | .Content .left{ float: left;} | ||
.Content .right{ float: right;} | .Content .right{ float: right;} | ||
| − | .Content .Title{ font-size: | + | .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 p{ line-height: 28px;} | ||
| − | .Content .Headline{ font-size: | + | .Content .Headline{ font-size: 29px; padding-left: 25px} |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.clear{clear: both;} | .clear{clear: both;} | ||
.SplitLine{border-top: 1px solid #000000;} | .SplitLine{border-top: 1px solid #000000;} | ||
.SL1{padding-bottom:20px;} | .SL1{padding-bottom:20px;} | ||
| − | .Model .img img{width: | + | .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--*/ | /*--1920--*/ | ||
| Line 51: | Line 50: | ||
.Content p{ line-height: 28px;} | .Content p{ line-height: 28px;} | ||
.Content .Headline{ font-size: 25px; padding-left: 55px;} | .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 89: | Line 63: | ||
.Content ul{ left: -450px;} | .Content ul{ left: -450px;} | ||
.Content ul li{ margin: 85px 36.5px;} | .Content ul li{ margin: 85px 36.5px;} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Latest revision as of 13:20, 31 October 2017
body{ min-width: 1024px; min-height: 465px; position: relative;}
.SSTi-SZGD{ background: url(
) 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;}
}
