Difference between revisions of "Team:SSTi-SZGD/css/HP Summary"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
| Line 27: | Line 27: | ||
.Ques4 .Title{background: url(https://static.igem.org/mediawiki/2017/6/6e/HP_Summary_img9.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;} | .Ques4 .Title{background: url(https://static.igem.org/mediawiki/2017/6/6e/HP_Summary_img9.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;} | ||
.Ques5 .Title{background: url(https://static.igem.org/mediawiki/2017/0/0f/HP_Summary_img10.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;} | .Ques5 .Title{background: url(https://static.igem.org/mediawiki/2017/0/0f/HP_Summary_img10.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;} | ||
| + | |||
/*--1920--*/ | /*--1920--*/ | ||
@media only screen and (max-width: 1920px) { | @media only screen and (max-width: 1920px) { | ||
| Line 39: | Line 40: | ||
.Content .content{ width: 1160px;} | .Content .content{ width: 1160px;} | ||
.Content .middle{ width: 600px;} | .Content .middle{ width: 600px;} | ||
| + | } | ||
| + | /*--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;} | ||
} | } | ||
Revision as of 08:10, 29 October 2017
body{ min-width: 1024px; min-height: 465px; position: relative;background:#FFFFFF;}
.SSTi-SZGD{ background: url(
) no-repeat center center; min-height: 465px; background-size: cover; padding-top: 15px;}
/*custom header*/ .header .nav .Human_Practices span,.header .nav .Human_Practices li:nth-of-type(1) a{ color: #FAEE0D;}
/*Content*/ .clear{clear: both;} .Content{ width: 1000px; height: 1300px; margin:auto; display: block; font-size: 13px; font-family: "Arial Regular";font-weight: bold;} .Content .Title{font-size: 29px; color: white;padding: 0 25px;} .Content .left{float:left;} .Content .right{float:right;} .Ques1 p,.Ques2 p{line-height: 28px;padding-left:10px;}
.Ques1{height:370px;} .Ques1 .Title{background:#151515;margin-bottom:20px;height: 60px;line-height: 58px;} .Ques1 .left,.Ques1 .right{} .Ques1 .left .Title{width:478px;} .Ques1 .right .Title{width: 478px;} .Ques1 p{width:478px;}
.Ques2 .Title{background: url(
) no-repeat;background-size: contain;height: 90px;line-height: 75px;}
.Ques2,.Ques3,.Ques4,.Ques5{padding:20px 0;}
.Ques3 .Title{background: url(
) no-repeat;background-size: contain;height: 90px;line-height: 75px;}
.Ques4 .Title{background: url(
) no-repeat;background-size: contain;height: 90px;line-height: 75px;}
.Ques5 .Title{background: url(
) no-repeat;background-size: contain;height: 90px;line-height: 75px;}
/*--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: 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;} }
