Difference between revisions of "Team:SSTi-SZGD/css/HP Summary"

 
(2 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
/*Content*/
 
/*Content*/
 
.clear{clear: both;}
 
.clear{clear: both;}
.Content{ width: 1000px; height: 1300px; margin:auto; display: block; font-size: 13px; line-height: 28px;text-align: justify;font-family: "Arial Regular";font-weight: bold;}
+
.Content{ width: 1000px; height: 1400px; margin:auto; display: block; font-size: 13px; text-align: justify;font-family: "Arial Regular";font-weight: bold;}
 
.Content .Title{font-size: 29px; color: white;padding: 0 25px;}
 
.Content .Title{font-size: 29px; color: white;padding: 0 25px;}
 
.Content .left{float:left;}
 
.Content .left{float:left;}
Line 16: Line 16:
 
.Ques1{height:370px;}
 
.Ques1{height:370px;}
 
.Ques1 .Title{background:#151515;margin-bottom:20px;height: 60px;line-height: 58px;}
 
.Ques1 .Title{background:#151515;margin-bottom:20px;height: 60px;line-height: 58px;}
.Ques1 .left,.Ques1 .right{}
 
 
.Ques1 .left .Title{width:478px;}
 
.Ques1 .left .Title{width:478px;}
 
.Ques1 .right .Title{width: 478px;}
 
.Ques1 .right .Title{width: 478px;}
Line 23: Line 22:
 
.Ques2 .Title{background: url(https://static.igem.org/mediawiki/2017/4/40/HP_Summary_img7.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;}
 
.Ques2 .Title{background: url(https://static.igem.org/mediawiki/2017/4/40/HP_Summary_img7.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;}
 
.Ques2,.Ques3,.Ques4,.Ques5{padding:20px 0;}
 
.Ques2,.Ques3,.Ques4,.Ques5{padding:20px 0;}
 
+
.Ques1 p,.Ques2,p,.Ques3, p,.Ques4, p,.Ques5 p{line-height: 28px;}
 
.Ques3 .Title{background: url(https://static.igem.org/mediawiki/2017/b/b0/HP_Summary_img8.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;}
 
.Ques3 .Title{background: url(https://static.igem.org/mediawiki/2017/b/b0/HP_Summary_img8.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;}
 
.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;}

Latest revision as of 09:56, 29 October 2017

body{ min-width: 1024px; min-height: 465px; position: relative;background:#FFFFFF;}

.SSTi-SZGD{ background: url(HP_Summary_banner.jpeg) 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: 1400px; margin:auto; display: block; font-size: 13px; text-align: justify;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 .Title{width:478px;} .Ques1 .right .Title{width: 478px;} .Ques1 p{width:478px;}

.Ques2 .Title{background: url(HP_Summary_img7.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;} .Ques2,.Ques3,.Ques4,.Ques5{padding:20px 0;} .Ques1 p,.Ques2,p,.Ques3, p,.Ques4, p,.Ques5 p{line-height: 28px;} .Ques3 .Title{background: url(HP_Summary_img8.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;} .Ques4 .Title{background: url(HP_Summary_img9.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;} .Ques5 .Title{background: url(HP_Summary_img10.png) no-repeat;background-size: contain;height: 90px;line-height: 75px;}


/*--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;} }