Difference between revisions of "Template:Jilin China"

Line 1: Line 1:
 
<html>
 
<html>
 
 
 +
 
<style type="text/css">
 
<style type="text/css">
 
#top_title{display: none;}
 
#top_title{display: none;}
Line 160: Line 161:
 
/*home page*/
 
/*home page*/
 
.home_01,.home_02,.home_03,.home_04{
 
.home_01,.home_02,.home_03,.home_04{
width: 100%;
+
width: 100%; position: relative; box-sizing: border-box;
position: relative;
+
box-sizing: border-box;
+
 
}
 
}
 
.home_01{}
 
.home_01{}
.home_01 .home_01_box{position: absolute; left: 0px; top: 160px; width: 100%;}
+
.home_01 .home_01_box{position: absolute; left: 0px; top: 0px; width: 100%;}
.home_01 .home_01_box .home_01_content{width: 1100px; height: 600px; margin: auto; border: 1px solid red;}
+
.home_01 .home_01_box .home_01_content{width: 100%; height: 100%; margin: auto;}
 +
.video,.source{width: 100%;}
 
 
 
.home_02{}
 
.home_02{}
Line 189: Line 189:
 
 
 
.home_03{}
 
.home_03{}
.home_03 .home_03_box{position: absolute; left: 0px; top: 160px; width: 100%;}
+
.home_03 .home_03_box{position: absolute; left: 0px; top: 100px; width: 100%;}
.home_03 .home_03_box .home_03_content{width: 1100px; height: 600px; margin: auto; border: 1px solid red;}
+
.home_03 .home_03_box .home_03_content{width: 1280px; margin: auto;}
 +
@media (max-width:1700px){
 +
.home_03 .home_03_box{position: absolute; left: 0px; top: 50px; width: 100%;}
 +
}
 +
@media (max-width:1550px){
 +
.home_03 .home_03_box{position: absolute; left: 0px; top: 10px; width: 100%;}
 +
}
 
 
.home_04{}
+
.home_04{height: 290px; background-color:#ededed ; border-bottom: 24px solid #14243f;}
 
.home_04 .home_04_box{position: absolute; left: 0px; top: 160px; width: 100%;}
 
.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;}
 
.home_04 .home_04_box .home_04_content{width: 1100px; height: 600px; margin: auto; border: 1px solid red;}
Line 324: Line 330:
 
<div><a href="https://2017.igem.org/Team:Jilin_China/Model">Model</a></div>
 
<div><a href="https://2017.igem.org/Team:Jilin_China/Model">Model</a></div>
 
<div><a href="https://2017.igem.org/Team:Jilin_China/Improve">Improve</a></div>
 
<div><a href="https://2017.igem.org/Team:Jilin_China/Improve">Improve</a></div>
<div><a href="https://2017.igem.org/Team:Jilin_China/Lab_Safety">Safety</a></div>
+
<div><a href="https://2017.igem.org/Team:Jilin_China/Lab_Safety">Lab Safety</a></div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 333: Line 339:
 
<div class="submenu" style="left: 4px;">
 
<div class="submenu" style="left: 4px;">
 
<div class="mj_menu_pro_bg">
 
<div class="mj_menu_pro_bg">
<div><a href="https://2017.igem.org/Team:Jilin_China/Geneguard">Geneguard</a></div>
+
<div><a href="https://2017.igem.org/Team:Jilin_China/geneguard">geneguard</a></div>
 
<div><a href="https://2017.igem.org/Team:Jilin_China/Application">Application</a></div>
 
<div><a href="https://2017.igem.org/Team:Jilin_China/Application">Application</a></div>
 
</div>
 
</div>
Line 362: Line 368:
  
 
<li class="drop-menu-effect">
 
<li class="drop-menu-effect">
<a><span>Practice</span></a>
+
<a><span>Practices</span></a>
<div class="submenu" style="left: -5px;">
+
<div class="submenu" style="left: 0px;">
 
<div class="mj_menu_pro_bg">
 
<div class="mj_menu_pro_bg">
<div><a href="https://2017.igem.org/Team:Jilin_China/Human_Practice">Human Practice</a></div>
+
<div><a href="https://2017.igem.org/Team:Jilin_China/Human_Practices">Human Practices</a></div>
 
<div><a href="https://2017.igem.org/Team:Jilin_China/Collaborations">Collaborations</a></div>
 
<div><a href="https://2017.igem.org/Team:Jilin_China/Collaborations">Collaborations</a></div>
 
</div>
 
</div>

Revision as of 05:19, 30 October 2017