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

Revision as of 07:55, 28 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*/ .clear{clear: both;} .Content{ width: 1000px; height: 1300px; background:#FFFFFF;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;} }