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

Line 36: Line 36:
  
  
−
/*--1366--*/
+
/*--1920--*/
−
@media only screen and (max-width: 1366px) {
+
@media only screen and (max-width: 1920px) {
 
.Content{ font-size: 1.3rem;}
 
.Content{ font-size: 1.3rem;}
 
.Content p{ line-height: 26.5px;}
 
.Content p{ line-height: 26.5px;}

Revision as of 09:12, 29 October 2017

body{ min-width: 1024px; min-height: 489px; position: relative;}

.SSTi-SZGD{ background: url(SSTi-SZGD_Safety_banner.png) no-repeat top center; padding-top: 15px; max-height: 910px;}

/*custom header*/ .header .nav .Project span,.header .nav .Project li:nth-of-type(6) a{ color: #FAEE0D;}

/*Content*/ .Content{ background: cornsilk; width: 100%; padding: 80px 0; text-align: justify; font-size: 2rem;} .Content p{ line-height: 37.5px;} .Content .introduction{ font-size: 4rem; width: 1200px; margin: auto; line-height: 58px;} .Content .Title{ font-size: 4rem; color: white; background: #0e750e; height: 90px; padding: 25px 23px;} .Content .title{ font-size: 2.5rem; font-weight: 600;} .Content .Headline{ font-size: 2rem;} .Content .left{ float: left;} .Content .right{ float: right;} .Content .img{ width: 1360px; margin: 20px auto;} .Content img{ width: inherit;}

.Laboratory{ width: 1360px; margin: auto; margin-top: 30px; border-top: 3px solid #0e750e;} .Laboratory .Title{ width: 805px;}

.Laboratory .Training{ width: 1360px; margin: auto; height: 670px;} .Laboratory .Training .left{ width: 750px; padding-top: 30px;} .Laboratory .Training .right{ width: 590px; padding-top: 120px;}

.Laboratory .Project{ width: 1360px; margin: auto; height: 670px;}

.Overall{ width: 1360px; margin: 40px auto;}

.Environment{ width: 1360px; height: 525px; margin: auto; border-top: 3px solid #0e750e;} .Environment .Title{ width: 450px;} .Environment .left{ width: 700px; margin-left: 35px; margin-top: 30px;} .Environment .right{ width: 600px; padding-top: 40px;}


/*--1920--*/ @media only screen and (max-width: 1920px) { .Content{ font-size: 1.3rem;} .Content p{ line-height: 26.5px;} .Content .introduction{ font-size: 2.95rem; width: 900px; line-height: 41.5px;} .Content .Title{ font-size: 2.95rem; height: 66px; padding: 17px 23px;} .Content .title{ font-size: 1.75rem;} .Content .Headline{ font-size: 1.45rem;} .Content .img{ width: 1000px;}

.Laboratory{ width: 1000px; border-top: 3px solid #0e750e;} .Laboratory .Title{ width: 570px;}

.Laboratory .Training{ width: 1000px; height: 470px;} .Laboratory .Training .left{ width: 540px;} .Laboratory .Training .right{ width: 420px; padding-top: 70px;}

.Laboratory .Project{ width: 1000px; height: 470px;}

.Overall{ width: 1000px;}

.Environment{ width: 1000px; height: 385px;} .Environment .Title{ width: 325px;} .Environment .left{ width: 530px;} .Environment .right{ width: 415px;} }

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