Difference between revisions of "Team:SSTi-SZGD/css/Collaborations"
YuhangYang (Talk | contribs) (Created page with "body{ min-width: 1024px; min-height: 465px; position: relative;} .SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/d/df/SSTi-SZGD_Collaborations_banner.jpeg) no-re...") |
YuhangYang (Talk | contribs) |
||
| Line 53: | Line 53: | ||
.Content .right span:nth-of-type(2),.Content .right span:nth-of-type(3){ height: 166.88px;} | .Content .right span:nth-of-type(2),.Content .right span:nth-of-type(3){ height: 166.88px;} | ||
.Collaboration{ height: 1100px;} | .Collaboration{ height: 1100px;} | ||
| + | .SSTi-SZGD{ background-position: center center;} | ||
} | } | ||
Revision as of 13:47, 15 October 2017
body{ min-width: 1024px; min-height: 465px; position: relative;}
.SSTi-SZGD{ background: url(
) no-repeat center -150px; height: 600px; background-size: cover; padding-top: 15px;}
/*custom header*/ .header .nav .Human_Practices span,.header .nav .Human_Practices li:nth-of-type(4) a{ color: #FAEE0D;}
/*Content*/ .Content{ width: 100%; background: cornsilk; display: block; padding: 10px 0; text-align: justify; font-size: 1.8rem;} .Content .content{ width: 1320px; margin-top: 10px; margin: auto;} .Content .content .Title{ font-size: 3rem; font-weight: 600; border-bottom: 1px solid #333333; padding-bottom: 10px; padding-top: 30px;} .Content .content .SubTitle{ font-size: 2.2rem; font-weight: 600; margin-top: 30px;} .Content .content p{ margin: 10px 0; font-family: "arial narrow"; line-height: 1.5;} .Content .left{ width: 580px; float: left; margin-top: 20px;} .Content .right{ width: 700px; float: left; margin-top: 40px; margin-left: 40px;} .Content .right img{ width: 50%; float: left;} .Content .right span{ width: 50%; height: 262.5px; float: left;} .Content .right span:nth-of-type(2),.Content .right span:nth-of-type(3){ height: 233.63px;} .Collaboration{ height: 1300px;}
/*--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 .left{ width: 560px;} .Content .right{ width: 560px;} .Content .right span{ height: 210px;} .Content .right span:nth-of-type(2),.Content .right span:nth-of-type(3){ height: 186.89px;} .Collaboration{ height: 1150px;} }
/*--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 .left{ width: 460px;} .Content .right{ width: 500px; margin-top: 70px;} .Content .right span{ height: 187.5px;} .Content .right span:nth-of-type(2),.Content .right span:nth-of-type(3){ height: 166.88px;} .Collaboration{ height: 1100px;} .SSTi-SZGD{ background-position: center center;} }
