Line 3: | Line 3: | ||
<style> | <style> | ||
+ | |||
+ | |||
body{ | body{ | ||
− | margin: | + | |
+ | margin: 0; | ||
+ | |||
} | } | ||
+ | |||
#background{ | #background{ | ||
− | + | ||
− | + | position:fixed; | |
− | + | ||
− | + | min-width: 1024px; | |
− | + | ||
+ | width:100%; | ||
+ | |||
+ | z-index:-1; | ||
+ | |||
} | } | ||
+ | |||
+ | #background-image{ | ||
+ | |||
+ | width:100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | #topbanner-wrapper{ | ||
+ | |||
+ | min-width:1024px; | ||
+ | |||
+ | position:relative; | ||
+ | |||
+ | } | ||
+ | |||
#topbanner{ | #topbanner{ | ||
− | width: | + | |
+ | position:absolute; | ||
+ | |||
+ | width: 565px; | ||
+ | |||
height: 105px; | height: 105px; | ||
− | margin: | + | |
− | background-image: url( | + | top:0; |
+ | |||
+ | bottom:0; | ||
+ | |||
+ | left:0; | ||
+ | |||
+ | right:0; | ||
+ | |||
+ | margin: auto; | ||
+ | |||
+ | background-image: url(T--Kyoto--titlenotebook.png); | ||
+ | |||
background-position: center center; | background-position: center center; | ||
+ | |||
} | } | ||
+ | |||
#button_wrapper{ | #button_wrapper{ | ||
+ | |||
width: 1023px; | width: 1023px; | ||
+ | |||
height: 186px; | height: 186px; | ||
+ | |||
margin: 0 auto; | margin: 0 auto; | ||
+ | |||
padding: 0; | padding: 0; | ||
+ | |||
letter-spacing: -1em; | letter-spacing: -1em; | ||
+ | |||
} | } | ||
− | # | + | |
+ | #button_left{ | ||
+ | |||
+ | /*float: left;*/ | ||
+ | |||
display: inline-block; | display: inline-block; | ||
− | width: | + | |
+ | width:341px; | ||
+ | |||
height: 186px; | height: 186px; | ||
+ | |||
letter-spacing: normal; | 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> | </style> | ||
+ | |||
+ | |||
<head> | <head> | ||
+ | |||
<link href="common.css" rel="stylesheet" type="text/css" media="all" /> | <link href="common.css" rel="stylesheet" type="text/css" media="all" /> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | |||
window.onload = function bwWidth(){ | window.onload = function bwWidth(){ | ||
+ | |||
var bw = document.getElementById("topbanner-wrapper"); | var bw = document.getElementById("topbanner-wrapper"); | ||
+ | |||
var width = Math.max(parseInt(document.documentElement.clientWidth),1024); | var width = Math.max(parseInt(document.documentElement.clientWidth),1024); | ||
+ | |||
var newwidth = width * 397 / 1368 - 72 | var newwidth = width * 397 / 1368 - 72 | ||
+ | |||
bw.style.height = newwidth + "px"; | bw.style.height = newwidth + "px"; | ||
+ | |||
} | } | ||
+ | |||
window.onresize = function bwWidth(){ | window.onresize = function bwWidth(){ | ||
+ | |||
var bw = document.getElementById("topbanner-wrapper"); | var bw = document.getElementById("topbanner-wrapper"); | ||
+ | |||
var width = Math.max(parseInt(document.documentElement.clientWidth),1024); | var width = Math.max(parseInt(document.documentElement.clientWidth),1024); | ||
+ | |||
var newwidth = width * 397 / 1368 - 72 | var newwidth = width * 397 / 1368 - 72 | ||
+ | |||
bw.style.height = newwidth + "px"; | bw.style.height = newwidth + "px"; | ||
+ | |||
} | } | ||
+ | |||
</script> | </script> | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
+ | |||
<div id="background"> | <div id="background"> | ||
+ | |||
+ | <img id="background-image" src="T--Kyoto--pagephoto-01.png"> | ||
+ | |||
+ | </div> | ||
+ | |||
<div id="header"> | <div id="header"> | ||
+ | |||
<div id="nav-wrapper"> | <div id="nav-wrapper"> | ||
+ | |||
<div class="nav"> | <div class="nav"> | ||
− | + | ||
− | <li id ="nv0" style="width:56px"><a href=" | + | <ul class="nv"> |
+ | |||
+ | <li id ="nv0" style="width:56px"><a href="index.html"></a></li> | ||
+ | |||
<li id ="nv1"> | <li id ="nv1"> | ||
− | <a href=" | + | |
+ | <a href="Description.html"></a> | ||
+ | |||
<ul> | <ul> | ||
− | <li id="nv11"><a href=" | + | |
− | + | <li id="nv11"><a href="Description.html"></a></li> | |
+ | |||
+ | <li id="nv12"><a href="Proof.html"></a></li> | ||
+ | |||
</ul> | </ul> | ||
+ | |||
</li> | </li> | ||
+ | |||
<li id ="nv2"> | <li id ="nv2"> | ||
− | <a href=" | + | |
+ | <a href="software.html"></a> | ||
+ | |||
<ul> | <ul> | ||
− | <li id="nv21"><a href=" | + | |
− | <li id="nv22"><a href=" | + | <li id="nv21"><a href="Software.html"></a></li> |
+ | |||
+ | <li id="nv22"><a href="Collaborations.html"></a></li> | ||
+ | |||
</ul> | </ul> | ||
+ | |||
</li> | </li> | ||
− | + | ||
− | <li id ="nv4"><a href=" | + | <li id ="nv3"><a href="Achievements.html"></a></li> |
+ | |||
+ | <li id ="nv4"><a href="Experiments.html"></a></li> | ||
+ | |||
<li id ="nv5"> | <li id ="nv5"> | ||
+ | |||
<a href="Human_Practices.html"></a> | <a href="Human_Practices.html"></a> | ||
+ | |||
<ul> | <ul> | ||
− | <li id="nv51"><a href=" | + | |
− | <li id="nv52"><a href=" | + | <li id="nv51"><a href="Human_Practices.html"></a></li> |
− | <li id="nv53"><a href=" | + | |
+ | <li id="nv52"><a href="HP-Silver.html"></a></li> | ||
+ | |||
+ | <li id="nv53"><a href="HP-Gold.html"></a></li> | ||
+ | |||
</ul> | </ul> | ||
+ | |||
</li> | </li> | ||
− | + | ||
+ | <li id ="nv6"><a href="Notebook.html"></a></li> | ||
+ | |||
<li id ="nv7"> | <li id ="nv7"> | ||
− | <a href=" | + | |
+ | <a href="Team.html"></a> | ||
+ | |||
<ul> | <ul> | ||
− | <li id="nv71"><a href=" | + | |
− | <li id="nv72"><a href=" | + | <li id="nv71"><a href="Team.html"></a></li> |
+ | |||
+ | <li id="nv72"><a href="Attributions.html"></a></li> | ||
+ | |||
</ul> | </ul> | ||
+ | |||
</li> | </li> | ||
− | <li id ="nv8"><a href=" | + | |
+ | <li id ="nv8"><a href="Safety.html"></a></li> | ||
+ | |||
</ul> | </ul> | ||
+ | |||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
− | <div id=" | + | |
− | + | <div id="topbanner-wrapper"> | |
− | + | ||
− | + | <div id="topbanner"> | |
− | + | ||
− | + | ||
− | <div id=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
− | <div id=" | + | |
− | + | <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> | ||
+ | |||
<div id="footer"> | <div id="footer"> | ||
+ | |||
<div id="footer_logos"> | <div id="footer_logos"> | ||
− | <img src=" | + | |
+ | <img src="T--Kyoto--Footer-24.png" width="874" height="95"> | ||
+ | |||
</div> | </div> | ||
+ | |||
<div id="footer_contact"> | <div id="footer_contact"> | ||
− | <img src=" | + | |
+ | <img src="T--Kyoto--Footer-25.png"> | ||
+ | |||
</div> | </div> | ||
+ | |||
<div id="footer_social"> | <div id="footer_social"> | ||
− | <a href="mailto:igemkyoto@gmail.com"><img src=" | + | |
− | <a href="https://twitter.com/igemkyoto"><img src=" | + | <a href="mailto:igemkyoto@gmail.com"><img src="T--Kyoto--Footer-28.png"></a> |
− | <a href="https://www.facebook.com/IgemKyoto/"><img src=" | + | |
+ | <a href="https://twitter.com/igemkyoto"><img src="T--Kyoto--Footer-26.png"></a> | ||
+ | |||
+ | <a href="https://www.facebook.com/IgemKyoto/"><img src="T--Kyoto--Footer-27.png"></a> | ||
+ | |||
</div> | </div> | ||
− | |||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 14:45, 11 October 2016