(Prototype team page) |
|||
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/f/f8/T--Kyoto--titleteam.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/a/a0/T--Kyoto--pagephoto-08.png"> | ||
+ | </div> | ||
+ | <div id="header"> | ||
+ | <div id="nav-wrapper"> | ||
+ | <div class="nav"> | ||
+ | <ul class="nv"> | ||
+ | <li id ="nv0" style="width:56px"><a href="https://2016.igem.org/Team:Kyoto"></a></li> | ||
+ | <li id ="nv1"> | ||
+ | <a href="https://2016.igem.org/Team:Kyoto/Description"></a> | ||
+ | <ul> | ||
+ | <li id="nv11"><a href="https://2016.igem.org/Team:Kyoto/Description"></a></li> | ||
+ | <li id="nv12"><a href="https://2016.igem.org/Team:Kyoto/Proof"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv2"> | ||
+ | <a href="https://2016.igem.org/Team:Kyoto/Software"></a> | ||
+ | <ul> | ||
+ | <li id="nv21"><a href="https://2016.igem.org/Team:Kyoto/Software"></a></li> | ||
+ | <li id="nv22"><a href="https://2016.igem.org/Team:Kyoto/Collaborations"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv3"><a href="https://2016.igem.org/Team:Kyoto/Achievements"></a></li> | ||
+ | <li id ="nv4"><a href="https://2016.igem.org/Team:Kyoto/Experiments"></a></li> | ||
+ | <li id ="nv5"> | ||
+ | <a href="https://2016.igem.org/Team:Kyoto/Human_Practices"></a> | ||
+ | <ul> | ||
+ | <li id="nv51"><a href="https://2016.igem.org/Team:Kyoto/Human_Practices"></a></li> | ||
+ | <li id="nv52"><a href="https://2016.igem.org/Team:Kyoto/HP/Silver"></a></li> | ||
+ | <li id="nv53"><a href="https://2016.igem.org/Team:Kyoto/HP/Gold"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv6"><a href="https://2016.igem.org/Team:Kyoto/Notebook"></a></li> | ||
+ | <li id ="nv7"> | ||
+ | <a href="https://2016.igem.org/Team:Kyoto/Team"></a> | ||
+ | <ul> | ||
+ | <li id="nv71"><a href="https://2016.igem.org/Team:Kyoto/Team"></a></li> | ||
+ | <li id="nv72"><a href="https://2016.igem.org/Team:Kyoto/Attributions"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv8"><a href="https://2016.igem.org/Team:Kyoto/Safety"></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="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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 15:17, 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