Template:Kyoto Foreground
From 2011.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<style> | <style> | ||
#content { | #content { | ||
- | color:#000000; | + | color:#000000; |
- | width:965px; | + | width:965px; |
- | background-color:#FFCC77; | + | background-color:#FFCC77; |
} | } | ||
#foreground{ | #foreground{ | ||
- | position: fixed; | + | position: fixed; |
- | z-index: 100; | + | z-index: 100; |
- | left: 50%; | + | left: 50%; |
- | top:0px; | + | top:0px; |
} | } | ||
- | # | + | #menu { |
- | position: absolute; | + | position: absolute; |
- | display: block; | + | display: block; |
- | margin-left: -483px; | + | margin-left: -483px; |
- | margin-top: 350px; | + | margin-top: 350px; |
- | height: auto; | + | height: auto; |
- | width: 130px; | + | width: 130px; |
- | font-family: 'Arial'; | + | font-family: 'Arial'; |
} | } | ||
.image a{ | .image a{ | ||
- | + | display:block; | |
- | + | float:left; | |
- | + | width:105px; | |
- | + | color:#000000; | |
- | + | background:url(https://static.igem.org/mediawiki/2011/f/f0/Kyoto_MenuButton0.png) no-repeat; | |
- | + | line-height:30px; | |
- | + | text-align:center; | |
- | + | } | |
.image a:hover{ | .image a:hover{ | ||
- | + | background:url(https://static.igem.org/mediawiki/2011/f/f8/Kyoto_MenuButton1.png) no-repeat; | |
- | + | } | |
#main { | #main { | ||
- | height: auto; | + | height: auto; |
- | width: 830px; | + | width: 830px; |
- | float: right; | + | float: right; |
- | font-family: 'Arial'; | + | font-family: 'Arial'; |
} | } | ||
</style> | </style> | ||
<div id ="foreground"> | <div id ="foreground"> | ||
- | <div id =" | + | <div id ="menu" align="center"> |
<div class ="image"><a href="https://2011.igem.org/Team:Kyoto">Home</a></div> | <div class ="image"><a href="https://2011.igem.org/Team:Kyoto">Home</a></div> | ||
<div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Team">Team</a></div> | <div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Team">Team</a></div> | ||
Line 57: | Line 57: | ||
<div class ="image"><a>Acknowledgement</a></div> | <div class ="image"><a>Acknowledgement</a></div> | ||
</div> | </div> | ||
- | <!-- end | + | <!-- end menu --> |
</div> | </div> | ||
<!-- end foreground --> | <!-- end foreground --> | ||
</html> | </html> |
Revision as of 10:40, 9 September 2011