Difference between revisions of "Team:SSTi-SZGD/css/HP Summary"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
| Line 31: | Line 31: | ||
.Content .content{ width: 1160px;} | .Content .content{ width: 1160px;} | ||
.Content .middle{ width: 600px;} | .Content .middle{ width: 600px;} | ||
| − | |||
} | } | ||
Revision as of 07:20, 14 October 2017
body{ min-width: 1024px; min-height: 465px; position: relative;}
.SSTi-SZGD{ background: url(
) no-repeat center center; min-height: 465px; background-size: cover; padding-top: 15px;}
.SSTi-SZGD .SubNav{ width: 800px; margin: 22% auto;}
.SSTi-SZGD .SubNav div{ width: 220px; margin: 0 15px; background: rgba(0,0,0,0.431373); float: left; height: 100px; border-radius: 10px; border: 2px dashed #FAEE0D;}
.SSTi-SZGD .SubNav a{ color: #FAEE0D; text-align: center; display: block; width: inherit; height: inherit; font-size: 3rem; padding: 30px 0;}
/*custom header*/ .header .nav .Human_Practices span,.header .nav .Human_Practices li:nth-of-type(1) a{ color: #FAEE0D;}
/*Content*/ .Content{ width: 100%; height: 800px; background: cornsilk; display: block; padding: 60px 0; text-align: justify; font-size: 1.8rem; font-family: garamond;} .Content .content{ width: 1320px; margin: auto;} .Content .left,.Content .right{ width: 250px; float: left; margin-top: 40px;} .Content .left img{ width: 100%; transform: rotate(-10deg);} .Content .right img{ width: 100%; transform: rotate(10deg);} .Content .middle{ width: 760px; float: left; margin: 0 30px;} .Content .middle p{ margin: 15px auto;}
/*--1920--*/
@media only screen and (max-width: 1920px) {
.header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;}
}
/*--1366--*/ @media only screen and (max-width: 1366px) { html{ font-size: 55%;} .header .logo span{ margin-top: 16px;} .header .nav .mainnav span{ margin-bottom: 21.5px;} .Content .content{ width: 1160px;} .Content .middle{ width: 600px;} }
/*--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;} .Content .content{ width: 1000px;} .Content .middle{ width: 500px;} .Content .left,.Content .right{ width: 220px;} .Content img{ margin-bottom: 45px;} }
