Difference between revisions of "Team:SSTi-SZGD/css/Description"
YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
| Line 11: | Line 11: | ||
.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{ margin-bottom: | + | .Project_Introduction .top{ margin-bottom: 50px; height: 360px;} |
.Project_Introduction .top .img{ height: inherit; width: 48%; float: left; background: url(https://static.igem.org/mediawiki/2017/5/59/SSTi-SZGD_background_Project_Introduction.png) no-repeat center;} | .Project_Introduction .top .img{ height: inherit; width: 48%; float: left; background: url(https://static.igem.org/mediawiki/2017/5/59/SSTi-SZGD_background_Project_Introduction.png) no-repeat center;} | ||
.Project_Introduction .top .content{ width: 48%; float: right;} | .Project_Introduction .top .content{ width: 48%; float: right;} | ||
| Line 17: | Line 17: | ||
.Project_Introduction .bottom{ margin-bottom: 20px; height: 500px;} | .Project_Introduction .bottom{ margin-bottom: 20px; height: 500px;} | ||
| − | .Project_Introduction .bottom .img{ width: 48%; height: inherit; float: right; background: url(https://static.igem.org/mediawiki/2017/0/02/SSTi-SZGD_background_Project_Introduction2.png) no-repeat center;} | + | .Project_Introduction .bottom .img{ width: 48%; height: inherit; float: right; background: url(https://static.igem.org/mediawiki/2017/0/02/SSTi-SZGD_background_Project_Introduction2.png) no-repeat top center;} |
.Project_Introduction .bottom .content{ width: 48%; float: left;} | .Project_Introduction .bottom .content{ width: 48%; float: left;} | ||
Revision as of 01:30, 20 October 2017
body{ min-width: 1024px; min-height: 465px; position: relative;}
.SSTi-SZGD{ background: url(
) no-repeat 0px 0px; height: 465px; background-size: cover; padding-top: 15px;}
/*custom header*/ .header .nav .Project span,.header .nav .Project li:nth-of-type(1) a{ color: #FAEE0D;}
/*Content*/ .Content{ background: cornsilk; width: 100%;} .Project_Introduction{ padding: 80px 0; text-align: justify; width: 1100px; margin: auto; font-size: 1.8rem;} .Project_Introduction .title{ font-size: 2.8rem; color: black; margin-bottom: 25px; font-weight: bold;}
.Project_Introduction .top{ margin-bottom: 50px; height: 360px;}
.Project_Introduction .top .img{ height: inherit; width: 48%; float: left; background: url(
) no-repeat center;}
.Project_Introduction .top .content{ width: 48%; float: right;}
.Project_Introduction .top .content p,.Project_Introduction .bottom .content p{ color: #555; line-height: 1.6;}
.Project_Introduction .bottom{ margin-bottom: 20px; height: 500px;}
.Project_Introduction .bottom .img{ width: 48%; height: inherit; float: right; background: url(
) no-repeat top center;}
.Project_Introduction .bottom .content{ width: 48%; float: left;}
/*--1920--*/ @media only screen and (max-width: 1920px) { .header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;} .topic p{ font-size: 5.5rem;} }
/*--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;} .topic p{ font-size: 5rem;} }
/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 52%;} .header .nav .Team{ width: 90px;} .header .nav .Project{ width: 100px;} .header .nav .Application{ width: 115px;} .header .nav .Human_Practices{ width: 135px;} .header .nav .Achievement{ width: 120px;} .header .nav .mainnav span{ padding-top: 6.5px; margin-bottom: 22px;} .topic p{ font-size: 4.5rem;} .Project_Introduction{ width: 1000px;} }
/*--1024--*/ @media only screen and (max-width: 1024px) { .Project_Introduction{ width: 900px;} .Project_Introduction .top .content p{ margin-top: 20px;} .Project_Introduction .bottom .img{ margin-top: 65px;} }
