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

Line 1: Line 1:
 
body{ min-width: 1200px !important;}
 
body{ min-width: 1200px !important;}
 
 
.SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/3/3d/SSTi-SZGD_banner.jpeg) no-repeat 0px 0px; background-size: cover; min-height: 790px; padding-top: 15px;}
+
#HQ_page .SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/3/3d/SSTi-SZGD_banner.jpeg) no-repeat 0px 0px; background-size: cover; min-height: 790px; padding-top: 15px;}
  
 
/*自定义header*/
 
/*自定义header*/
.header .nav .Home{ margin-right: 20px;}
+
#HQ_page .header .nav .Home{ margin-right: 20px;}
.header .nav .Home span{ border-top: 4px solid #FAEE0D; color: #FAEE0D;}
+
#HQ_page .header .nav .Home span{ border-top: 4px solid #FAEE0D; color: #FAEE0D;}
  
.Project_Introduction{ background: #EEEEEE; width: 100%; height: 1000px; padding: 60px 100px 0 100px !important; text-align: justify;}
+
#HQ_page .Project_Introduction{ background: #EEEEEE; width: 100%; height: 1000px; padding: 60px 100px 0 100px !important; text-align: justify;}
.Project_Introduction .title{ font-size: 2.8rem !important; color: black; margin-bottom: 25px !important; font-weight: bold;}
+
#HQ_page .Project_Introduction .title{ font-size: 2.8rem !important; color: black; margin-bottom: 25px !important; font-weight: bold;}
.Project_Introduction .top{ width: 100%; margin-bottom: 20px !important; display: block;}
+
#HQ_page .Project_Introduction .top{ width: 100%; margin-bottom: 20px !important; display: block;}
.Project_Introduction .top .img{ width: 530px; height: 340px; float: left; margin-right: 50px !important; background: url(https://static.igem.org/mediawiki/2017/5/59/SSTi-SZGD_background_Project_Introduction.png) no-repeat center;}
+
#HQ_page .Project_Introduction .top .img{ width: 530px; height: 340px; float: left; margin-right: 50px !important; 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; line-height: 2.5rem;}
+
#HQ_page .Project_Introduction .top .content{ width: 565px; float: left; line-height: 2.5rem;}
.Project_Introduction .top .content p{ color: #555; margin-top: 35px !important; font-size: 1.8rem !important;}
+
#HQ_page .Project_Introduction .top .content p{ color: #555; margin-top: 35px !important; font-size: 1.8rem !important;}
  
.Project_Introduction .bottom{ width: 100%; margin-bottom: 20px !important;}
+
#HQ_page .Project_Introduction .bottom{ width: 100%; margin-bottom: 20px !important;}
.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 !important;}
+
#HQ_page .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 !important;}
.Project_Introduction .bottom .content{ width: 530px; float: left; line-height: 2.5rem; margin-right: 50px !important;}
+
#HQ_page .Project_Introduction .bottom .content{ width: 530px; float: left; line-height: 2.5rem; margin-right: 50px !important;}
.Project_Introduction .bottom .content p{ color: #555; font-size: 1.8rem !important; margin-top: 35px !important;}
+
#HQ_page .Project_Introduction .bottom .content p{ color: #555; font-size: 1.8rem !important; margin-top: 35px !important;}

Revision as of 10:16, 22 July 2017

body{ min-width: 1200px !important;}

  1. HQ_page .SSTi-SZGD{ background: url(SSTi-SZGD_banner.jpeg) no-repeat 0px 0px; background-size: cover; min-height: 790px; padding-top: 15px;}

/*自定义header*/

  1. HQ_page .header .nav .Home{ margin-right: 20px;}
  2. HQ_page .header .nav .Home span{ border-top: 4px solid #FAEE0D; color: #FAEE0D;}
  1. HQ_page .Project_Introduction{ background: #EEEEEE; width: 100%; height: 1000px; padding: 60px 100px 0 100px !important; text-align: justify;}
  2. HQ_page .Project_Introduction .title{ font-size: 2.8rem !important; color: black; margin-bottom: 25px !important; font-weight: bold;}
  3. HQ_page .Project_Introduction .top{ width: 100%; margin-bottom: 20px !important; display: block;}
  4. HQ_page .Project_Introduction .top .img{ width: 530px; height: 340px; float: left; margin-right: 50px !important; background: url(SSTi-SZGD_background_Project_Introduction.png) no-repeat center;}
  5. HQ_page .Project_Introduction .top .content{ width: 565px; float: left; line-height: 2.5rem;}
  6. HQ_page .Project_Introduction .top .content p{ color: #555; margin-top: 35px !important; font-size: 1.8rem !important;}
  1. HQ_page .Project_Introduction .bottom{ width: 100%; margin-bottom: 20px !important;}
  2. HQ_page .Project_Introduction .bottom .img{ width: 565px; height: 350px; float: left; background: url(SSTi-SZGD_background_Project_Introduction2.png) no-repeat center; margin-top: 85px !important;}
  3. HQ_page .Project_Introduction .bottom .content{ width: 530px; float: left; line-height: 2.5rem; margin-right: 50px !important;}
  4. HQ_page .Project_Introduction .bottom .content p{ color: #555; font-size: 1.8rem !important; margin-top: 35px !important;}