Template:Paris/Menu
From 2008.igem.org
(Difference between revisions)
(110 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | # | + | body { |
- | + | background: #69c; | |
- | + | } | |
+ | |||
+ | #content { | ||
+ | padding: 0px 5px; | ||
+ | } | ||
+ | |||
+ | #p-logo a{ | ||
+ | color: transparent; | ||
+ | } | ||
+ | |||
+ | h1.firstHeading { | ||
+ | display: none; | ||
} | } | ||
#menu { | #menu { | ||
+ | margin: 0; | ||
+ | position: relative; | ||
+ | left: 70px; | ||
+ | top: -26px; | ||
padding: 0; | padding: 0; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 30: | Line 41: | ||
#menu li a { | #menu li a { | ||
margin: 0; | margin: 0; | ||
- | padding: 0; | + | padding: 0 8px; |
- | font: 1.5em | + | font: 1.5em Arial, sans-serif; |
+ | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
+ | border: dashed 1px transparent; | ||
} | } | ||
#menu li a:hover, #menu li a:focus, #menu li a:active { | #menu li a:hover, #menu li a:focus, #menu li a:active { | ||
- | + | border: dashed 1px white; | |
- | + | ||
} | } | ||
#menu li:not(:last-child) a:after { | #menu li:not(:last-child) a:after { | ||
+ | padding-left: 8px; | ||
content: ">"; | content: ">"; | ||
+ | } | ||
+ | |||
+ | #links { | ||
+ | float: right; | ||
+ | margin: 1em; | ||
+ | padding: 0.8em; | ||
+ | border: dotted 1px #69c; | ||
+ | width: 13em; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | #links span { | ||
+ | font-weight: bold; | ||
} | } | ||
.button { | .button { | ||
+ | font-size: 1.1em; | ||
+ | font-weight: bold; | ||
cursor:pointer; | cursor:pointer; | ||
display: inline; | display: inline; | ||
- | |||
color: white; | color: white; | ||
- | background: # | + | background: #69c; |
margin: 10px; | margin: 10px; | ||
- | padding: | + | padding: 4px 8px |
+ | border: 10px solid f00; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px | ||
} | } | ||
Line 94: | Line 124: | ||
} | } | ||
} | } | ||
- | window.onload=function(){toggleNextByTagAndClassName('div','toggleswitch')} | + | window.onload=function(){ |
+ | toggleNextByTagAndClassName('div','toggleswitch'); | ||
+ | } | ||
</script> | </script> | ||
- | <div | + | <div id="header"><a href="https://2008.igem.org/Team:Paris"><img src="https://static.igem.org/mediawiki/2008/c/c7/ParisBanner.jpg"/></a></div> |
- | < | + | <div id="menu"><ul> |
- | <div id="menu"> | + | |
- | <ul> | + | |
<li><a href="https://2008.igem.org/Team:Paris/Project">Project</a></li> | <li><a href="https://2008.igem.org/Team:Paris/Project">Project</a></li> | ||
- | <li><a href="https://2008.igem.org/Team:Paris/ | + | <li><a href="https://2008.igem.org/Team:Paris/Analysis">Analysis</a></li> |
- | <li><a href=" | + | <li><a href="https://2008.igem.org/Team:Paris/Construction">Construction</a></li> |
- | <li><a href=" | + | <li><a href="https://2008.igem.org/Team:Paris/Characterization">Characterization</a></li> |
- | + | <li><a href="https://2008.igem.org/Team:Paris/Perspectives">Perspectives</a></li> | |
- | <li><a href="https://2008.igem.org/Team:Paris/ | + | </ul></div> |
- | </ul> | + | |
- | </div> | + | |
- | + | ||
- | + | ||
</html> | </html> | ||
- | + | {|cellspacing="5" cellpadding="10" style="margin-top: 3px; background:#649CD7; width: 965px;" | |
- | {|cellspacing="5" cellpadding="10" style="background:#649CD7; width: 965px;" | + | |
|-valign="top" | |-valign="top" | ||
- | |style="background:# | + | |style="background:#fff"| |
- | + | ||
- | + | ||
- | + |
Latest revision as of 07:30, 30 October 2008