Difference between revisions of "Team:SSTi-SZGD/css/Home"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
| Line 16: | Line 16: | ||
/*--1920--*/ | /*--1920--*/ | ||
@media only screen and (max-width: 1920px) { | @media only screen and (max-width: 1920px) { | ||
| − | |||
.topic p{ font-size: 5.5rem;} | .topic p{ font-size: 5.5rem;} | ||
} | } | ||
| Line 22: | Line 21: | ||
/*--1366--*/ | /*--1366--*/ | ||
@media only screen and (max-width: 1366px) { | @media only screen and (max-width: 1366px) { | ||
| − | |||
| − | |||
| − | |||
.topic p{ font-size: 5rem;} | .topic p{ font-size: 5rem;} | ||
} | } | ||
| Line 30: | Line 26: | ||
/*--1190--*/ | /*--1190--*/ | ||
@media only screen and (max-width: 1190px) { | @media only screen and (max-width: 1190px) { | ||
| − | html{ font-size: | + | html{ font-size: 50%;} |
| − | .header . | + | .header .logo span{ margin: 15px 0;} |
.header .nav .Project{ width: 100px;} | .header .nav .Project{ width: 100px;} | ||
| − | .header .nav .Application{ width: | + | .header .nav .Application{ width: 100px;} |
| − | .header .nav .Human_Practices{ width: | + | .header .nav .Human_Practices{ width: 140px;} |
.header .nav .Achievement{ width: 120px;} | .header .nav .Achievement{ width: 120px;} | ||
| − | .header .nav .mainnav span{ padding-top: | + | .header .nav .Team{ width: 95px;} |
| + | .header .nav .mainnav span{ padding-top: 8.5px; margin-bottom: 21px;} | ||
.topic p{ font-size: 4.5rem;} | .topic p{ font-size: 4.5rem;} | ||
} | } | ||
Revision as of 04:18, 27 October 2017
body{ min-width: 1024px; min-height: 465px; position: relative;}
.SSTi-SZGD{ background: url(
) no-repeat 0px 0px; min-height: 465px; background-size: cover; padding-top: 15px;}
/*custom header*/ .header .nav .Home span{ color: #FAEE0D;}
/*Abstract*/
.Content{ width: 100%; height: 420px; background: #333333; display: block;}
.Abstract{ background: url(
) no-repeat 0px 0px; background-size: cover; padding: 50px 0; display: none;}
.Abstract p{ width: 80%; font-size: 3rem; margin: auto; background: rgba(0,0,0,0.3); color: white; padding: 20px 2%; text-align: justify;}
.Abstract p:nth-of-type(2){ padding-top: 0;}
/*--1920--*/ @media only screen and (max-width: 1920px) { .topic p{ font-size: 5.5rem;} }
/*--1366--*/ @media only screen and (max-width: 1366px) { .topic p{ font-size: 5rem;} }
/*--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;} .topic p{ font-size: 4.5rem;} }
