Difference between revisions of "CSS/gifu/head"
| (200 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<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; | ||
| + | |||
| + | |||
} | } | ||
| − | img {float:left;margin-right:11px;} | + | 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; |
| + | 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; | 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 51: | 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 a: | + | div#header li ul { |
| − | + | position:absolute; | |
| − | + | } | |
| + | 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# | + | |
| − | + | ||
| − | height: | + | |
| − | + | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | div#header li#coll a { | ||
| + | padding-top:0px; | ||
| + | height:20px; | ||
| + | |||
| + | } | ||
| + | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
| − | + | <div id="header"> | |
| − | + | ||
| − | + | ||
| − | + | ||
<ul> | <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'" > | |
| − | <li id="menu002" onmouseover="document.getElementById(' | + | <font size="5"><br>Project</font> |
| − | + | <ul id="pro"> | |
| − | + | <li> <a href="https://2016.igem.org/Team:Gifu/Project#abstract">Abstract </a></li> | |
| − | <ul id=" | + | <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> | </ul> | ||
</li> | </li> | ||
| − | <li id=" | + | <li id="menu009" onmouseover="document.getElementById('note').style.visibility='visible'" |
| − | <li id="menu004"><a href=""> | + | onmouseout="document.getElementById('note').style.visibility='hidden'" > |
| − | + | <font size="5"><br>Lab Note</font> | |
| − | + | <ul id="note"> | |
| − | <li id="menu007"><a href="">Human Practices</a></li> | + | <li><a href="https://2016.igem.org/Team:Gifu/Protocol">Protocol</a></li> |
| − | <li id=" | + | <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> | </ul> | ||
| − | + | </div> | |
| + | |||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 09:35, 2 December 2016
