|
|
| (38 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − |
| + | body{ min-width: 1024px; min-height: 489px; position: relative;} |
| − | .SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/3/3d/SSTi-SZGD_banner.jpeg) no-repeat 0px 0px; background-size: cover; padding-top: 15px;}
| + | |
| | | | |
| − | /*自定义header*/
| + | .SSTi-SZGD img{ width: 100%;} |
| − | .header .nav .Home{ margin-right: 20px;} | + | |
| − | .header .nav .Home span{ border-top: 4px solid #FAEE0D; color: #FAEE0D;}
| + | |
| | | | |
| − | .topic{ position: absolute; margin: auto; left: 0; right: 0; text-align: center; font-size: 5rem; color: white;} | + | /*custom header*/ |
| − | .topic p{ width: 785px; padding: 30px; border-top: 5px solid white; border-bottom: 5px solid white; word-break: break-word; margin: auto;} | + | .header{ position: absolute; margin-top: 15px;} |
| | + | .header .nav .Home span{ color: #FAEE0D;} |
| | | | |
| − | .Project_Introduction{ background: #EEEEEE; width: 100%; height: 1000px; padding: 60px 100px 0 100px; text-align: justify;}
| |
| − | .Project_Introduction .title{ font-size: 2.8rem; color: black; margin-bottom: 25px; font-weight: bold;}
| |
| − | .Project_Introduction .top{ width: 100%; margin-bottom: 20px; display: block;}
| |
| − | .Project_Introduction .top .img{ width: 530px; height: 340px; float: left; margin-right: 50px; background: url(https://static.igem.org/mediawiki/2017/5/59/SSTi-SZGD_background_Project_Introduction.png) no-repeat center;}
| |
| − | .Project_Introduction .top .content{ width: 565px; float: left;}
| |
| − | .Project_Introduction .top .content p{ color: #555; margin-top: 35px; font-size: 1.8rem; line-height: 2.5rem;}
| |
| | | | |
| − | .Project_Introduction .bottom{ width: 100%; margin-bottom: 20px;}
| + | /*--1190--*/ |
| − | .Project_Introduction .bottom .img{ width: 565px; height: 350px; float: left; background: url(https://static.igem.org/mediawiki/2017/0/02/SSTi-SZGD_background_Project_Introduction2.png) no-repeat center; margin-top: 85px;} | + | @media only screen and (max-width: 1190px) { |
| − | .Project_Introduction .bottom .content{ width: 530px; float: left; margin-right: 50px;} | + | html{ font-size: 50%;} |
| − | .Project_Introduction .bottom .content p{ color: #555; font-size: 1.8rem; margin-top: 35px; line-height: 2.5rem;} | + | .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;} |
| | + | } |
Latest revision as of 10:53, 29 October 2017
body{ min-width: 1024px; min-height: 489px; position: relative;}
.SSTi-SZGD img{ width: 100%;}
/*custom header*/
.header{ position: absolute; margin-top: 15px;}
.header .nav .Home span{ color: #FAEE0D;}
/*--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;}
}
