Difference between revisions of "Team:SSTi-SZGD/css/Hardware"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
| Line 28: | Line 28: | ||
| − | /*-- | + | /*--1920--*/ |
| − | @media only screen and (max-width: | + | @media only screen and (max-width: 1920px) { |
.Content{ font-size: 1.3rem;} | .Content{ font-size: 1.3rem;} | ||
.Content p{ line-height: 26.5px;} | .Content p{ line-height: 26.5px;} | ||
Latest revision as of 09:49, 29 October 2017
body{ min-width: 1024px; min-height: 489px; position: relative;}
.SSTi-SZGD{ background: url(
) no-repeat top center; padding-top: 15px; max-height: 910px;}
/*custom header*/ .header .nav .Application span,.header .nav .Application li:nth-of-type(3) a{ color: #FAEE0D;}
/*Content*/ .Content{ background: white; width: 100%; padding: 80px 0; text-align: justify; font-size: 1.8rem;font-family: "Arial Regular";font-weight: bold;} .Content p{ line-height: 37.5px;} .Content .left{ float: left;} .Content .right{ float: right;} .Content img,.Content video{ width: inherit;} .Content .img{ width: 1360px; margin: 40px auto;}
.Figure{ width: 1360px; margin: auto; padding: 0 50px;} .video{ width: 1360px; height: 450px; margin: 45px auto;} .video .left{ margin-left: 25px; width: 790px;} .video .right{ padding-top: 158px; margin-right: 25px; width: 510px;} .section{ width: 1360px; margin: 20px auto; padding: 0 50px;} .Top{ width: 1360px; margin: 15px auto; padding: 0 50px; height: 600px;} .Top .left{ width: 650px;} .Top .right{ width: 600px; padding-top: 80px;} .Bottom{ width: 1360px; margin: 15px auto; padding: 0 50px; height: 440px;} .Bottom .left{ width: 650px;} .Bottom .right{ width: 600px; padding-top: 20px;}
/*--1920--*/ @media only screen and (max-width: 1920px) { .Content{ font-size: 1.3rem;} .Content p{ line-height: 26.5px;} .Content .img{ width: 1000px;}
.Figure{ width: 1000px;} .video{ width: 1000px; height: 320px; margin: 30px auto;} .video .left{ width: 565px;} .video .right{ padding-top: 112px; width: 365px;} .section{ width: 1000px;} .Top{ width: 1000px; height: 420px;} .Top .left{ width: 470px;} .Top .right{ width: 400px; padding-top: 50px;} .Bottom{ width: 1000px; height: 315px;} .Bottom .left{ width: 470px;} .Bottom .right{ width: 400px;} }
/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 50%;} .header .logo span{ margin: 15px 0;} .header .nav .Project{ width: 100px;} .header .nav .Application{ width: 100px;} .header .nav .Human_Practices{ width: 140px;} .header .nav .Achievement{ width: 120px;} .header .nav .Team{ width: 95px;} .header .nav .mainnav span{ padding-top: 8.5px; margin-bottom: 21px;} }
