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; |
− | + | ||
− | + | ||
} | } | ||
.home_01{} | .home_01{} | ||
− | .home_01 .home_01_box{position: absolute; left: 0px; top: | + | .home_01 .home_01_box{position: absolute; left: 0px; top: 0px; width: 100%;} |
− | .home_01 .home_01_box .home_01_content{width: | + | .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: | + | .home_03 .home_03_box{position: absolute; left: 0px; top: 100px; width: 100%;} |
− | .home_03 .home_03_box .home_03_content{width: | + | .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/ | + | <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> | + | <a><span>Practices</span></a> |
− | <div class="submenu" style="left: | + | <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/ | + | <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