(214 intermediate revisions by 5 users not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | |||
− | |||
− | |||
− | |||
* { | * { | ||
− | + | margin:0 auto; | |
− | + | text-align:center; | |
− | + | background-repeat:repeat-x,y; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
div#header { | div#header { | ||
− | position: fixed; | + | position:fixed; |
_position: absolute; | _position: absolute; | ||
− | |||
background-repeat:repeat-x,y; | background-repeat:repeat-x,y; | ||
background-color:white; | background-color:white; | ||
+ | |||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
− | width: | + | width: 1500px; |
z-index:2; | z-index:2; | ||
+ | opacity:0.95; | ||
} | } | ||
div#header ul { | div#header ul { | ||
− | + | list-style-type:none; | |
+ | |||
+ | |||
} | } | ||
div#header ul ul { | div#header ul ul { | ||
− | + | visibility:hidden; | |
+ | margin-top:-1px; | ||
+ | margin-left:0px; | ||
+ | background-color:white; | ||
+ | |||
+ | |||
} | } | ||
− | + | div#header ul ul li { | |
− | li#menu001,li#menu002,li#menu003,li#menu004,li#menu005,li#menu006,li#menu007,li#menu008 { | + | list-style-type:none; |
− | float:left;margin-left; | + | display:inline; |
+ | margin-top:-30px; | ||
+ | } | ||
+ | div#header ul ul li a { | ||
+ | border-left:1px solid #cccccc; | ||
+ | width:89px; | ||
+ | font-family:'Century Gothic',sans-serif; | ||
+ | } | ||
+ | img { float:left; | ||
+ | margin-right:11px; | ||
+ | } | ||
+ | li#menu001,li#menu002,li#menu003,li#menu004,li#menu005, | ||
+ | li#menu006,li#menu007,li#menu008,li#menu009 { | ||
+ | float:left; | ||
+ | margin-left;140px; | ||
display:inline; | display:inline; | ||
list-style-type:none; | list-style-type:none; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
width:130px; | width:130px; | ||
+ | border-right:1px solid #cccccc; | ||
} | } | ||
− | div#header a { | + | div#header font { |
+ | display:block; | ||
+ | font-family:'Century Gothic',sans-serif; | ||
+ | padding-bottom:20px; | ||
+ | border-right:1px solid #cccccc; | ||
+ | font-color:blue; | ||
+ | } | ||
+ | div#header font#menu010 { | ||
+ | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | } | ||
+ | div#header li a { | ||
padding:20px; | padding:20px; | ||
display:block; | display:block; | ||
Line 56: | Line 73: | ||
border-right:1px solid #cccccc; | border-right:1px solid #cccccc; | ||
text-decoration:none; | text-decoration:none; | ||
− | font-family: | + | font-family:'Century Gothic',sans-serif; |
+ | font-size:120%; | ||
} | } | ||
− | + | ||
− | + | div#header li:hover { | |
+ | background-color:#ccffff; | ||
} | } | ||
− | + | ||
− | + | div#header li a:hover { | |
+ | background-color:#ccffff; | ||
} | } | ||
− | li | + | div#header li ul { |
− | + | position:absolute; | |
− | + | ||
} | } | ||
− | div#header | + | div#header li ul a { |
− | + | height:10px; | |
− | + | padding-top:10px; | |
− | + | width:150px; | |
− | + | border:1px solid #cccccc; | |
− | + | } | |
− | + | div#header li#back a { | |
− | + | padding-top:0px; | |
− | + | height:20px; | |
− | + | } | |
− | + | div#header li#puri a { | |
− | + | padding-top:0px; | |
+ | height:20px; | ||
} | } | ||
− | + | div#header li#com a { | |
− | + | padding-top:0px; | |
− | + | height:20px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | + | ||
− | + | ||
− | + | ||
− | div# | + | div#header li#coll a { |
− | + | padding-top:0px; | |
− | height: | + | height:20px; |
− | + | ||
} | } | ||
+ | |||
+ | </style> | ||
</head> | </head> | ||
+ | <body> | ||
+ | <div id="header"> | ||
+ | <ul> | ||
+ | <a href="https://2016.igem.org/Team:Gifu"><img src="https://static.igem.org/mediawiki/2016/3/38/Gifu--logo.png" height=60px></a> | ||
+ | |||
+ | <li id="menu002" onmouseover="document.getElementById('pro').style.visibility='visible'" | ||
+ | onmouseout="document.getElementById('pro').style.visibility='hidden'" > | ||
+ | <font size="5"><br>Project</font> | ||
+ | <ul id="pro"> | ||
+ | <li> <a href="https://2016.igem.org/Team:Gifu/Project#abstract">Abstract </a></li> | ||
+ | <li id="back"> <a href="https://2016.igem.org/Team:Gifu/Project#background">Back ground </a></li> | ||
+ | <li id="puri"> <a href="https://2016.igem.org/Team:Gifu/Project#purine">Purine metabolism</a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Gifu/Project#experiments">Experiments </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Gifu/Project#results">Results </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Gifu/Project#conclusion">Conclusion </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Gifu/Project#modeling">Modeling </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Gifu/Project#futurework">Futurework</a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Gifu/Project#reference">Reference</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="menu009" onmouseover="document.getElementById('note').style.visibility='visible'" | ||
+ | onmouseout="document.getElementById('note').style.visibility='hidden'" > | ||
+ | <font size="5"><br>Lab Note</font> | ||
+ | <ul id="note"> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/Protocol">Protocol</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/Calendar">Calendar</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/InterLab">InterLab</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/Proof">Proof</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="menu004"onmouseover="document.getElementById('parts').style.visibility='visible'" | ||
+ | onmouseout="document.getElementById('parts').style.visibility='hidden'"> | ||
+ | <font size="5"><br>Parts</font> | ||
+ | <ul id="parts"> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/Basic Part">Basic Part</a></li> | ||
+ | <li id="com"><a href="https://2016.igem.org/Team:Gifu/Composite Part">Composite Part</a></li> | ||
+ | <li id="coll"><a href="https://2016.igem.org/Team:Gifu/Part Collection">Part Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="menu007"onmouseover="document.getElementById('hupra').style.visibility='visible'" | ||
+ | onmouseout="document.getElementById('hupra').style.visibility='hidden'"> | ||
+ | <font id="menu010" size="5">Human Practices</font> | ||
+ | <ul id="hupra"> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/HP/HP">Human Practices</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="menu003"onmouseover="document.getElementById('us').style.visibility='visible'" | ||
+ | onmouseout="document.getElementById('us').style.visibility='hidden'"> | ||
+ | <font size="5"><br>About Us</font> | ||
+ | <ul id="us"> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/Team">Team</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/Safety">Safety</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Gifu/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 09:35, 2 December 2016