Difference between revisions of "Team:SSTi-SZGD/css/Home"
| Line 8: | Line 8: | ||
.topic p{ width: 785px; padding: 30px; border-top: 5px solid white; border-bottom: 5px solid white; word-break: break-word; margin: auto;} | .topic p{ width: 785px; padding: 30px; border-top: 5px solid white; border-bottom: 5px solid white; word-break: break-word; margin: auto;} | ||
| − | .Project_Introduction_box{ | + | .Project_Introduction_box{ background: #EEEEEE; width: 100%; height: 1000px;} |
.Project_Introduction{ padding: 60px 100px 0 100px; text-align: justify; display: none;} | .Project_Introduction{ padding: 60px 100px 0 100px; text-align: justify; display: none;} | ||
.Project_Introduction .title{ font-size: 2.8rem; color: black; margin-bottom: 25px; font-weight: bold;} | .Project_Introduction .title{ font-size: 2.8rem; color: black; margin-bottom: 25px; font-weight: bold;} | ||
| − | .Project_Introduction .top{ width: 100%; margin-bottom: 20px; | + | .Project_Introduction .top{ width: 100%; margin-bottom: 20px; height: 340px;} |
.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 .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{ width: 565px; float: left;} | ||
.Project_Introduction .top .content p{ color: #555; font-size: 1.8rem; margin-top: 35px; line-height: 2.5rem;} | .Project_Introduction .top .content p{ color: #555; font-size: 1.8rem; margin-top: 35px; line-height: 2.5rem;} | ||
| − | .Project_Introduction .bottom{ width: 100%; margin-bottom: 20px;} | + | .Project_Introduction .bottom{ width: 100%; margin-bottom: 20px; height: 350px;} |
.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;} | .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;} | ||
.Project_Introduction .bottom .content{ width: 530px; float: left; margin-right: 50px;} | .Project_Introduction .bottom .content{ width: 530px; float: left; margin-right: 50px;} | ||
.Project_Introduction .bottom .content p{ color: #555; font-size: 1.8rem; margin-top: 35px; line-height: 2.5rem;} | .Project_Introduction .bottom .content p{ color: #555; font-size: 1.8rem; margin-top: 35px; line-height: 2.5rem;} | ||
Revision as of 10:24, 26 July 2017
.SSTi-SZGD{ background: url(
) no-repeat 0px 0px; min-height: 380px; background-size: cover; padding-top: 15px;}
/*自定义header*/ .header .nav .Home{ margin-right: 20px;} .header .nav .Home span{ color: #FAEE0D;}
.topic{ position: absolute; margin: auto; left: 0; right: 0; text-align: center; font-size: 5rem; color: white;} .topic p{ width: 785px; padding: 30px; border-top: 5px solid white; border-bottom: 5px solid white; word-break: break-word; margin: auto;}
.Project_Introduction_box{ background: #EEEEEE; width: 100%; height: 1000px;}
.Project_Introduction{ padding: 60px 100px 0 100px; text-align: justify; display: none;}
.Project_Introduction .title{ font-size: 2.8rem; color: black; margin-bottom: 25px; font-weight: bold;}
.Project_Introduction .top{ width: 100%; margin-bottom: 20px; height: 340px;}
.Project_Introduction .top .img{ width: 530px; height: 340px; float: left; margin-right: 50px; background: url(
) no-repeat center;}
.Project_Introduction .top .content{ width: 565px; float: left;}
.Project_Introduction .top .content p{ color: #555; font-size: 1.8rem; margin-top: 35px; line-height: 2.5rem;}
.Project_Introduction .bottom{ width: 100%; margin-bottom: 20px; height: 350px;}
.Project_Introduction .bottom .img{ width: 565px; height: 350px; float: left; background: url(
) no-repeat center; margin-top: 85px;}
.Project_Introduction .bottom .content{ width: 530px; float: left; margin-right: 50px;}
.Project_Introduction .bottom .content p{ color: #555; font-size: 1.8rem; margin-top: 35px; line-height: 2.5rem;}
