|
|
Line 1: |
Line 1: |
− | <html lang="zh-CN">
| |
| <head> | | <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
Line 19: |
Line 18: |
| } | | } |
| </style> | | </style> |
| + | <script> |
| + | function Background_fitting(){ |
| + | screen_ratio = document.body.clientWidth/document.body.clientHeight |
| + | picture_ratio = 600/360 |
| + | if (screen_ratio>picture_ratio) |
| + | { |
| + | ph=document.body.clientWidth/picture_ratio |
| + | document.getElementById("background_picture_div").style.width=document.body.clientWidth |
| + | document.getElementById("background_picture_div").style.height=ph |
| + | document.getElementById("background_picture_div").style.top=document.body.clientHeight-ph |
| + | } |
| + | else if (screen_ratio=pirture_ratio) |
| + | { |
| + | document.getElementById("background_picture_div").style.width=document.body.clientWidth |
| + | document.getElementById("background_picture_div").style.height=document.body.clientHeight |
| + | } |
| + | else |
| + | { |
| + | pw=document.body.clienHeighth*picture_ratio |
| + | document.getElementById("background_picture_div").style.width=document.body.clientHeight |
| + | document.getElementById("background_picture_div").style.height=pw |
| + | document.getElementById("background_picture_div").style.top=document.body.clientWidth-pw |
| + | } |
| + | } |
| + | |
| + | </script> |
| </head> | | </head> |
− | <body class="home blog logged-in admin-bar no-customize-support" style = "background-color: #F1F1F1"> | + | <body class="home blog logged-in admin-bar no-customize-support" onload="Background_fitting()" onresize="Background_fitting()"> |
| + | |
| + | <div id="background_picture_div" style="overflow: hidden; z-index: -1; position: fixed; height: 600px; width: 360px; top: 0px; left: 0px; "> |
| + | <img id="background_picture" src="http://hk-4.hostpark.cn:2082/cpsess9639011050/viewer/home%2frcajvtwp%2fpublic_html%2fwp-content%2fthemes%2fslimwriter%2fstatic%2fcss/testing_picture.jpg" style="position: absolute; display: block; left: 0px; top: 0px;"> |
| + | </div> |
| | | |
| <div id="wrap"> | | <div id="wrap"> |
| <div id="branding"> | | <div id="branding"> |
− | <a id="logo" href="https://2017.igem.org/Team:SHSBNU_China"><img src="图片网址" /></a> | + | <a id="logo" href="https://2017.igem.org/Team:SHSBNU_China"><img src="头图" /></a> |
| </div> | | </div> |
| | | |
Line 30: |
Line 59: |
| <nav class = "main" style = "font-size:20px; text-align: center; " > | | <nav class = "main" style = "font-size:20px; text-align: center; " > |
| <a href="https://2017.igem.org/Team:SHSBNU_China/Project">Project</a> | | <a href="https://2017.igem.org/Team:SHSBNU_China/Project">Project</a> |
| + | <a> | </a> |
| <a href="https://2017.igem.org/Team:SHSBNU_China/Experiment">Experiment</a> | | <a href="https://2017.igem.org/Team:SHSBNU_China/Experiment">Experiment</a> |
| + | <a> | </a> |
| <a href="https://2017.igem.org/Team:SHSBNU_China/Model">Model</a> | | <a href="https://2017.igem.org/Team:SHSBNU_China/Model">Model</a> |
| + | <a> | </a> |
| <a href="https://2017.igem.org/Team:SHSBNU_China/HP">HP</a> | | <a href="https://2017.igem.org/Team:SHSBNU_China/HP">HP</a> |
| + | <a> | </a> |
| <a href="https://2017.igem.org/Team:SHSBNU_China/Safety">Safety</a> | | <a href="https://2017.igem.org/Team:SHSBNU_China/Safety">Safety</a> |
| + | <a> | </a> |
| <a href="https://2017.igem.org/Team:SHSBNU_China/Team">Team</a> | | <a href="https://2017.igem.org/Team:SHSBNU_China/Team">Team</a> |
| + | <a> | </a> |
| + | <a href="https://2017.igem.org/Team:SHSBNU_China/Interlab">Interlab</a> |
| + | <a> | </a> |
| <a href="https://2017.igem.org/Team:SHSBNU_China/Achievement">Achievement</a> | | <a href="https://2017.igem.org/Team:SHSBNU_China/Achievement">Achievement</a> |
| </nav> | | </nav> |
| </div> | | </div> |
| | | |
| + | <!-- |
| <div id = "nav"> | | <div id = "nav"> |
| <nav class = "title" style = "font-size:20px; text-align: center"> | | <nav class = "title" style = "font-size:20px; text-align: center"> |
| <p style = "font-family:arial;color:#000;font-size:32px; text-align: center"> Gut Inflammation Dectors </p> | | <p style = "font-family:arial;color:#000;font-size:32px; text-align: center"> Gut Inflammation Dectors </p> |
| </nav> | | </nav> |
| + | </div> |
| + | --> |
| + | |
| + | <div id="branding"> |
| + | <a id="logo" href="https://2017.igem.org/Team:SHSBNU_China"><img src="http://www.azirquantum.com/wp-content/themes/slimwriter/static/css/Home_GIF1.gif" /></a> |
| </div> | | </div> |
| | | |
</style>
<link rel='stylesheet' id='-slimwriter-style-css' href='http://www.azirquantum.com/wp-content/themes/slimwriter/static/css/SHSBNU2017_style.css?ver=4.8.1' type='text/css' media='all' />
<style type="text/css" media="screen">
html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 46px !important; }
* html body { margin-top: 46px !important; }
}
</style>
<script>
</script>
</head>
<body class="home blog logged-in admin-bar no-customize-support" onload="Background_fitting()" onresize="Background_fitting()">