Line 1: | Line 1: | ||
− | {{ | + | {{Kyoto_Common}} |
<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/b/b0/T--Kyoto--titleprojectpng.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> | ||
+ | <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="https://static.igem.org/mediawiki/2016/1/1d/T--Kyoto--pagephoto-04.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"> | ||
+ | <div> | ||
+ | <h1>header 1</h1> | ||
+ | <h2>header 2</h2> | ||
+ | <h3>header 3</h3> | ||
+ | <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> | ||
+ | <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> | ||
+ | <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> | ||
+ | <ul> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h1>header 1</h1> | ||
+ | <h2>header 2</h2> | ||
+ | <h3>header 3</h3> | ||
+ | <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> | ||
+ | <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> | ||
+ | <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> | ||
+ | <ul> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h1>header 1</h1> | ||
+ | <h2>header 2</h2> | ||
+ | <h3>header 3</h3> | ||
+ | <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> | ||
+ | <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> | ||
+ | <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> | ||
+ | <ul> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | <li>listlistlistlistlist</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="footer"> | ||
+ | <div id="footer_logos"> | ||
+ | <img src="T--Kyoto--Footer-24.png" width="874" height="95"> | ||
+ | </div> | ||
+ | <div id="footer_contact"> | ||
+ | <img src="T--Kyoto--Footer-25.png"> | ||
+ | </div> | ||
+ | <div id="footer_social"> | ||
+ | <a href="mailto:igemkyoto@gmail.com"><img src="T--Kyoto--Footer-28.png"></a> | ||
+ | <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> | ||
</html> | </html> |
Revision as of 14:56, 11 October 2016
header 1
header 2
header 3
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
- listlistlistlistlist
- listlistlistlistlist
- listlistlistlistlist
- listlistlistlistlist
- listlistlistlistlist
header 1
header 2
header 3
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
- listlistlistlistlist
- listlistlistlistlist
- listlistlistlistlist
- listlistlistlistlist
- listlistlistlistlist
header 1
header 2
header 3
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
- listlistlistlistlist
- listlistlistlistlist
- listlistlistlistlist
- listlistlistlistlist
- listlistlistlistlist