Team:Chiba/Prepare
From 2010.igem.org
(Difference between revisions)
(36 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<p> | <p> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | #header { | |
- | + | ||
- | # | + | width: 965px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
line-height: 1.2em; | line-height: 1.2em; | ||
- | + | color: #33cc33; | |
} | } | ||
a { | a { | ||
- | + | color: #000000; | |
- | color: # | + | |
} | } | ||
a:hover { | a:hover { | ||
- | color: # | + | color: #33cc33; |
- | + | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#headerlinks{ | #headerlinks{ | ||
margin-left: -20px; | margin-left: -20px; | ||
} | } | ||
- | # | + | #arr, #arr ul { |
padding: 0; | padding: 0; | ||
list-style: none; | list-style: none; | ||
} | } | ||
- | # | + | #arr a { |
display: block; | display: block; | ||
- | width: | + | width: 96px; |
} | } | ||
- | # | + | #arr li { |
float: left; | float: left; | ||
- | width: | + | width: 96px; |
margin-right: 41px; | margin-right: 41px; | ||
} | } | ||
- | # | + | #arr li ul { |
position: absolute; | position: absolute; | ||
- | width: | + | width: 96px; |
left: -999em; | left: -999em; | ||
} | } | ||
- | # | + | #arr li:hover ul { |
left: auto; | left: auto; | ||
- | |||
color: white !important; | color: white !important; | ||
} | } | ||
- | # | + | #arr li:hover ul, #arr li.sfhover ul { |
left: auto; | left: auto; | ||
- | |||
color: white !important; | color: white !important; | ||
} | } | ||
sfHover = function() { | sfHover = function() { | ||
- | var sfEls = document.getElementById(" | + | var sfEls = document.getElementById("arr").getElementsByTagName("LI"); |
for (var i=0; i<sfEls.length; i++) { | for (var i=0; i<sfEls.length; i++) { | ||
sfEls[i].onmouseover=function() { | sfEls[i].onmouseover=function() { | ||
Line 93: | Line 66: | ||
} | } | ||
if (window.attachEvent) window.attachEvent("onload", sfHover); | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
- | + | ||
- | + | a.taplinks { | |
- | + | ||
- | + | ||
- | + | ||
- | a. | + | |
color: white !important; | color: white !important; | ||
- | |||
} | } | ||
- | a. | + | a.taptoplinks { |
color: white !important; | color: white !important; | ||
- | |||
} | } | ||
- | a. | + | a.taplinks:hover, a.taptoplinks:hover { |
- | background-color: # | + | background-color: #ff3366; |
color: white; | color: white; | ||
} | } | ||
- | . | + | .taplinks { |
- | background-color: # | + | background-color: #ff9933; |
border-style: solid; | border-style: solid; | ||
- | border-color: | + | border-color: black; |
border-width: 1px; | border-width: 1px; | ||
color: white; | color: white; | ||
Line 124: | Line 91: | ||
} | } | ||
- | . | + | .taptoplinks { |
- | background-color: # | + | background-color: #33cc33; |
border-style: solid; | border-style: solid; | ||
border-color: white; | border-color: white; | ||
Line 134: | Line 101: | ||
} | } | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | #headerlinks > # | + | #headerlinks > #arr > li { |
- | border-bottom: | + | border-bottom: 1px solid white; |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
- | <!-- !END | + | <!-- !END CSS --> |
- | + | <center> | |
<div id="headerlinks"> | <div id="headerlinks"> | ||
- | <ul id=" | + | <ul id="arr"> |
<li> | <li> | ||
- | <a class=" | + | <a class="taptoplinks" href="https://2010.igem.org/Team:Chiba">Home</a> |
</li> | </li> | ||
- | <li><a class=" | + | <li><a class="taptoplinks" href="#">Team</a> |
<ul style="z-index:1"> | <ul style="z-index:1"> | ||
- | <li><a class=" | + | <li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Team">Team</a></li> |
- | <li><a class=" | + | <li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Member">Member</a></li> |
- | <li><a class=" | + | <li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/School">School</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a class=" | + | <li><a class="taptoplinks" href="#">Project</a> |
<ul style="z-index:1"> | <ul style="z-index:1"> | ||
- | <li><a class=" | + | <li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Project">test1 Project</a></li> |
- | <li><a class=" | + | <li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Circuit_1">test2</a></li> |
- | <li><a class=" | + | <li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Circuit_2">test3</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a class=" | + | <a class="taptoplinks" href="https://2010.igem.org/Team:Chiba/Parts">Parts</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a class=" | + | <a class="taptoplinks" href="https://2010.igem.org/Team:Chiba/Modeling">Modeling</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a class=" | + | <a class="taptoplinks" href="https://2010.igem.org/Team:Chiba/Notebook">Notebook</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a class=" | + | <a class="taptoplinks" href="https://2010.igem.org/Team:Chiba/Safety">Safety</a> |
</li> | </li> | ||
- | + | </center> | |
</div> | </div> | ||
+ | </html> |
Latest revision as of 09:50, 13 October 2010