Difference between revisions of "Template:Jilin China"

Line 146: Line 146:
 
}
 
}
 
 
−
/**home**/
+
/*home page*/
−
.igem_2017_content_wrapper{}
+
.home_01,.home_02,.home_03,.home_04{
 +
width: 100%;
 +
position: relative;
 +
box-sizing: border-box;
 +
}
 +
.home_01{}
 +
.home_01 .home_01_box{position: absolute; left: 0px; top: 160px; width: 100%;}
 +
.home_01 .home_01_box .home_01_content{width: 1100px; height: 600px; margin: auto; border: 1px solid red;}
 +
 +
.home_02{}
 +
.home_02 .home_02_box{position: absolute; left: 0px; top: 25%; width: 100%;}
 +
.home_02 .home_02_content{width: 78%; margin: auto; text-align: center;}
 +
.home_02 .title{font-size: 24px; font-weight: bold; line-height: 100px;}
 +
.home_02 .title span{font-size: 36px; font-weight: bold;}
 +
.home_02 .content{font-size: 20px; line-height: 60px;}
 +
@media (max-width:1700px){
 +
.home_02 .home_02_box{ top: 20%;}
 +
.home_02 .title{font-size: 20px; line-height: 80px;}
 +
.home_02 .title span{font-size: 30px;}
 +
.home_02 .content{font-size: 18px; line-height: 54px;}
 +
}
 +
@media (max-width:1500px){
 +
.home_02 .home_02_box{ top: 20%;}
 +
.home_02 .title{font-size: 20px; line-height: 80px;}
 +
.home_02 .title span{font-size: 30px;}
 +
.home_02 .content{font-size: 18px; line-height: 46px;}
 +
}
 +
 +
 +
.home_03{}
 +
.home_03 .home_03_box{position: absolute; left: 0px; top: 160px; width: 100%;}
 +
.home_03 .home_03_box .home_03_content{width: 1100px; height: 600px; margin: auto; border: 1px solid red;}
 +
 +
.home_04{}
 +
.home_04 .home_04_box{position: absolute; left: 0px; top: 160px; width: 100%;}
 +
.home_04 .home_04_box .home_04_content{width: 1100px; height: 600px; margin: auto; border: 1px solid red;}
 
 
 
 

Revision as of 08:23, 23 October 2017