Difference between revisions of "Team:SSTi-SZGD/css/Business Plan"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
| Line 16: | Line 16: | ||
.SplitLine{border-top: 1px solid #000000;} | .SplitLine{border-top: 1px solid #000000;} | ||
.SL1{padding-bottom:20px;} | .SL1{padding-bottom:20px;} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.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;} | .Overview .Title{ width: 170px;} | ||
| Line 55: | Line 40: | ||
.warp4{height: 200px;} | .warp4{height: 200px;} | ||
.warp{margin-left: 40px;} | .warp{margin-left: 40px;} | ||
| + | |||
| + | |||
| + | /*--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--*/ | ||
Revision as of 12:28, 30 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: 4rem; color: white; background: #AAABE4; height: 78px; padding: 0 25px; line-height: 75px;} .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 .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;} .clear{clear: both;} .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 .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: 475px;} .warp1{height: 210px;} .warp2{height: 255px;} .warp3{height: 130px;} .warp4{height: 200px;} .warp{margin-left: 40px;}
/*--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;} }
/*--1024--*/ @media only screen and (max-width: 1024px) { .Content ul{ left: -830px;} .Content ul li{ margin: 85px 220px;} }
