(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{Kyoto}} | {{Kyoto}} | ||
+ | |||
<html> | <html> | ||
+ | <style> | ||
+ | body{ | ||
+ | margin: 0; | ||
+ | } | ||
+ | #background{ | ||
+ | position:fixed; | ||
+ | min-width: 1024px; | ||
+ | width:100%; | ||
+ | z-index:-1; | ||
+ | } | ||
+ | #background-image{ | ||
+ | width:100%; | ||
+ | } | ||
+ | #topbanner-wrapper{ | ||
+ | min-width:1024px; | ||
+ | position:relative; | ||
+ | } | ||
+ | #topbanner{ | ||
+ | position:absolute; | ||
+ | width: 565px; | ||
+ | height: 105px; | ||
+ | top:0; | ||
+ | bottom:0; | ||
+ | left:0; | ||
+ | right:0; | ||
+ | margin: auto; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2016/7/76/T--Kyoto--pagephoto-01.png); | ||
+ | background-position: center center; | ||
+ | } | ||
+ | #button_wrapper{ | ||
+ | width: 1023px; | ||
+ | height: 186px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | letter-spacing: -1em; | ||
+ | } | ||
+ | #button_left{ | ||
+ | /*float: left;*/ | ||
+ | display: inline-block; | ||
+ | width:341px; | ||
+ | height: 186px; | ||
+ | letter-spacing: normal; | ||
+ | border: 1px solid #000; | ||
+ | } | ||
+ | #button_center{ | ||
+ | display: inline-block; | ||
+ | width:341px; | ||
+ | height: 186px; | ||
+ | letter-spacing: normal; | ||
+ | border: 1px solid #000; | ||
+ | } | ||
+ | #button_right{ | ||
+ | display: inline-block; | ||
+ | width:341px; | ||
+ | height: 186px; | ||
+ | letter-spacing: normal; | ||
+ | border: 1px solid #000; | ||
+ | } | ||
+ | #contents{ | ||
+ | background-color:#ffffff; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <head> | ||
+ | <link href="common.css" rel="stylesheet" type="text/css" media="all" /> | ||
+ | <script type="text/javascript"> | ||
+ | window.onload = function bwWidth(){ | ||
+ | var bw = document.getElementById("topbanner-wrapper"); | ||
+ | var width = Math.max(parseInt(document.documentElement.clientWidth),1024); | ||
+ | var newwidth = width * 397 / 1368 - 72 | ||
+ | bw.style.height = newwidth + "px"; | ||
+ | } | ||
+ | window.onresize = function bwWidth(){ | ||
+ | var bw = document.getElementById("topbanner-wrapper"); | ||
+ | var width = Math.max(parseInt(document.documentElement.clientWidth),1024); | ||
+ | var newwidth = width * 397 / 1368 - 72 | ||
+ | bw.style.height = newwidth + "px"; | ||
+ | } | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="background"> | ||
+ | <img id="background-image" src="T--Kyoto--pagephoto-01.png"> | ||
+ | </div> | ||
+ | <div id="header"> | ||
+ | <div id="nav-wrapper"> | ||
+ | <div class="nav"> | ||
+ | <ul class="nv"> | ||
+ | <li id ="nv0" style="width:56px"><a href="index.html"></a></li> | ||
+ | <li id ="nv1"> | ||
+ | <a href="Description.html"></a> | ||
+ | <ul> | ||
+ | <li id="nv11"><a href="Description.html"></a></li> | ||
+ | <li id="nv12"><a href="Proof.html"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv2"> | ||
+ | <a href="software.html"></a> | ||
+ | <ul> | ||
+ | <li id="nv21"><a href="Software.html"></a></li> | ||
+ | <li id="nv22"><a href="Collaborations.html"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv3"><a href="Achievements.html"></a></li> | ||
+ | <li id ="nv4"><a href="Experiments.html"></a></li> | ||
+ | <li id ="nv5"> | ||
+ | <a href="Human_Practices.html"></a> | ||
+ | <ul> | ||
+ | <li id="nv51"><a href="Human_Practices.html"></a></li> | ||
+ | <li id="nv52"><a href="HP-Silver.html"></a></li> | ||
+ | <li id="nv53"><a href="HP-Gold.html"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv6"><a href="Notebook.html"></a></li> | ||
+ | <li id ="nv7"> | ||
+ | <a href="Team.html"></a> | ||
+ | <ul> | ||
+ | <li id="nv71"><a href="Team.html"></a></li> | ||
+ | <li id="nv72"><a href="Attributions.html"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv8"><a href="Safety.html"></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="topbanner-wrapper"> | ||
+ | <div id="topbanner"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="contents-wrapper"> | ||
+ | <div id="contents"> | ||
+ | <!-- Table Generated by KELN Author: Sukegawa --> | ||
+ | |||
+ | <div class="keln_container"> | ||
+ | |||
+ | <a name="0101" class = "kyoto-jump"></a> | ||
+ | |||
+ | <span class="keln_date"><h3>1/1</h3></span> | ||
+ | |||
+ | <span class="keln_exp"><h4>PCR (Target)</h4></span> | ||
+ | <span class="keln_researcher">Sukegawa</span> | ||
− | < | + | <table class="keln_table"> |
− | < | + | <tr><th>Templates/(µl)</th><th>Primer1/(µl)</th><th>Primer2/(µl)</th><th>Buffer/(µl)/th><th>MilliQ/(µl)</th><th>Any Other/(µl)</th><th>Total/(µl)</th></tr> |
− | </ | + | <tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr> |
− | + | </table> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /div> | |
− | < | + | <!------------ Table END ------------> |
− | + | </div> | |
− | + | </div> | |
− | < | + | <div id="footer"> |
− | < | + | <div id="footer_logos"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2016/e/e6/T--Kyoto--Footer-24.png" width="874" height="95"> |
− | + | </div> | |
− | + | <div id="footer_contact"> | |
− | </ | + | <img src="https://static.igem.org/mediawiki/2016/e/ec/T--Kyoto--Footer-25.png"> |
+ | </div> | ||
+ | <div id="footer_social"> | ||
+ | <a href="mailto:igemkyoto@gmail.com"><img src="https://static.igem.org/mediawiki/2016/2/28/T--Kyoto--Footer-28.png"></a> | ||
+ | <a href="https://twitter.com/igemkyoto"><img src="https://static.igem.org/mediawiki/2016/8/82/T--Kyoto--Footer-26.png"></a> | ||
+ | <a href="https://www.facebook.com/IgemKyoto/"><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Kyoto--Footer-27.png"></a> | ||
+ | </div> | ||
+ | </div> | ||
− | </ | + | </body> |
</html> | </html> |
Revision as of 14:52, 11 October 2016