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

Revision as of 06:51, 31 August 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;}

/*自定义header*/ .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: 58.28%; padding: 30px; border-top: 5px solid white; border-bottom: 5px solid white; margin: auto;}

/*Abstract*/ .Content{ width: 100%; height: 500px; 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) { .header .logo span{ margin-top: 17px;} .header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;} }

/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 52%;} .header .nav .Team{ width: 100px;} .header .nav .Project{ width: 90px;} .header .nav .Parts{ width: 115px;} .header .nav .Human_Practices{ width: 135px;} .header .nav .Awards{ width: 120px;} .header .nav .mainnav span{ margin-bottom: 22.5px; padding-top: 6px;} }

@@ Line 1: / Line 1: @@
-body{ min-width: 1347px; min-height: 465px; position: relative;}
+body{ min-width: 1024px; min-height: 465px; position: relative;}
 .SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/3/3d/SSTi-SZGD_banner.jpeg) no-repeat 0px 0px; min-height: 465px; background-size: cover; padding-top: 15px;}
@@ Line 13: / Line 13: @@
 .Abstract{ background: url(https://static.igem.org/mediawiki/2017/4/49/SSTi-SZGD_background_Abstract.png) 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;}
 /*兼容*/
-/*--1600--*/
+/*--1920--*/
-@media only screen and (max-width: 1680px) {
+@media only screen and (max-width: 1920px) {
-	.Content{ height: 460px;}
+	.header .logo span{ margin-top: 17px;}
+	.header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;}
 }
-/*--1440--*/
+/*--1190--*/
-@media only screen and (max-width: 1440px) {
+@media only screen and (max-width: 1190px) {
-	.Content{ height: 500px;}
+	html{ font-size: 52%;}
-}
-/*--1280--*/
-@media only screen and (max-width: 1280px) {
-	html{ font-size: 50%;}
-	.header .nav .mainnav span{ margin-bottom: 20px;}
-	.Content{ height: 455px;}
-}
-/*--1150--*/
-@media only screen and (max-width: 1280px) {
-	html{ font-size: 50%;}
-	.header .nav .Team{ width: 100px;}
-	.header .nav .Project{ width: 85px;}
-	.header .nav .Parts{ width: 110px;}
-	.header .nav .Human_Practices{ width: 130px;}
-	.header .nav .Awards{ width: 120px;}
-	.header .nav .mainnav span{ margin-bottom: 21.5px;}
-	.Content{ height: 455px;}
-}
-/*--1024--*/
-@media only screen and (max-width: 1024px) {
-	html{ font-size: 45%;}
-	.header .logo span{ margin-top: 18px;}
 	.header .nav .Team{ width: 100px;}
 	.header .nav .Project{ width: 90px;}
@@ Line 54: / Line 31: @@
 	.header .nav .Human_Practices{ width: 135px;}
 	.header .nav .Awards{ width: 120px;}
-	.header .nav .mainnav span{ margin-bottom: 20.5px; padding-top: 8px;}
+	.header .nav .mainnav span{ margin-bottom: 22.5px; padding-top: 6px;}
-	.Content{ height: 400px;}
 }