"
Team:VIT Vellore/Template/Menu
From 2011.igem.org
(Difference between revisions)
A.Sivakumar (Talk | contribs) |
|||
| (52 intermediate revisions not shown) | |||
| Line 321: | Line 321: | ||
<style type="text/css"> | <style type="text/css"> | ||
.lavaLamp { | .lavaLamp { | ||
| - | + | position:absolute; | |
| - | + | left:-200px; | |
| - | + | margin:0px; | |
| - | + | top:150px; | |
| - | + | display:block; | |
| + | width:145%; | ||
| + | height:25px; | ||
| + | -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | ||
| + | background:#1085bc; | ||
| + | background: -moz-linear-gradient(center top , #1085bc, #0c5476) repeat scroll 0 0 transparent; | ||
} | } | ||
/* Force the list to flow horizontally */ | /* Force the list to flow horizontally */ | ||
| Line 334: | Line 339: | ||
/* Represents the background of the highlighted menu-item. */ | /* Represents the background of the highlighted menu-item. */ | ||
.lavaLamp li.back { | .lavaLamp li.back { | ||
| - | background: url("https://static.igem.org/mediawiki/2011/ | + | background: url("https://static.igem.org/mediawiki/2011/b/b8/Vit_button.png") no-repeat right 0px; |
| + | top:2px; | ||
| + | left:20px | ||
width: 9px; height: 30px; | width: 9px; height: 30px; | ||
z-index: 6; | z-index: 6; | ||
| Line 340: | Line 347: | ||
} | } | ||
.lavaLamp li.back .left { | .lavaLamp li.back .left { | ||
| - | background: url("https://static.igem.org/mediawiki/2011/ | + | background: url("https://static.igem.org/mediawiki/2011/b/b8/Vit_button.png") no-repeat top left; |
height: 30px; | height: 30px; | ||
margin-right: 9px; | margin-right: 9px; | ||
| Line 347: | Line 354: | ||
.lavaLamp li a { | .lavaLamp li a { | ||
position: relative; overflow: hidden; | position: relative; overflow: hidden; | ||
| + | top: 5px; | ||
text-decoration: none; | text-decoration: none; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| - | font: bold | + | font: bold 20px helvetica; |
color: #fff; outline: none; | color: #fff; outline: none; | ||
text-align: center; | text-align: center; | ||
| Line 355: | Line 363: | ||
z-index: 10; letter-spacing: 0; | z-index: 10; letter-spacing: 0; | ||
float: left; display: block; | float: left; display: block; | ||
| - | margin: auto | + | margin: auto 75px; |
} | } | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| - | $(function() { $(".lavaLamp").lavaLamp({ fx: " | + | $(function() { $(".lavaLamp").lavaLamp({ fx: "elasinout", speed: 700 })}); |
</script> | </script> | ||
| Line 365: | Line 373: | ||
<body> | <body> | ||
| + | |||
<ul class="lavaLamp"> | <ul class="lavaLamp"> | ||
| - | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:VIT_Vellore">Home</a></li> |
| - | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:VIT_Vellore/Project">Project</a></li> |
<li><a href="#">Team</a></li> | <li><a href="#">Team</a></li> | ||
| - | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:VIT_Vellore/Safety">Safety</a></li> |
| + | <li><a href="#">Attributions</a></li> | ||
</ul> | </ul> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 07:20, 5 October 2011
