|
|
Line 319: |
Line 319: |
| </script> | | </script> |
| | | |
- | <style type="text/css">
| + | |
- | .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 */
| + | |
- | .lavaLamp li {
| + | |
- | float: left;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | /* Represents the background of the highlighted menu-item. */
| + | |
- | .lavaLamp li.back {
| + | |
- | 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;
| + | |
- | z-index: 6;
| + | |
- | position: absolute;
| + | |
- | }
| + | |
- | .lavaLamp li.back .left {
| + | |
- | background: url("https://static.igem.org/mediawiki/2011/b/b8/Vit_button.png") no-repeat top left;
| + | |
- | height: 30px;
| + | |
- | margin-right: 9px;
| + | |
- | }
| + | |
- | /* Styles for each menu-item. */
| + | |
- | .lavaLamp li a {
| + | |
- | position: relative; overflow: hidden;
| + | |
- | top: 5px;
| + | |
- | text-decoration: none;
| + | |
- | text-transform: uppercase;
| + | |
- | font: bold 20px verdana;
| + | |
- | color: #fff; outline: none;
| + | |
- | text-align: center;
| + | |
- | height: 50px; top:0px;
| + | |
- | z-index: 10; letter-spacing: 0;
| + | |
- | float: left; display: block;
| + | |
- | margin: auto 75px;
| + | |
- | }
| + | |
- | </style>
| + | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
| $(function() { $(".lavaLamp").lavaLamp({ fx: "elasinout", speed: 700 })}); | | $(function() { $(".lavaLamp").lavaLamp({ fx: "elasinout", speed: 700 })}); |
Line 374: |
Line 328: |
| <body> | | <body> |
| | | |
- | <ul class="lavaLamp">
| |
- | <li><a href="https://2011.igem.org/Team:VIT_Vellore">Home</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:VIT_Vellore/Project">Project</a></li>
| |
- | <li><a href="#">NewCat</a></li>
| |
- | <li><a href="#">Team</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:VIT_Vellore/Safety">Safety</a></li>
| |
- | </ul>
| |
| | | |
| <script type="text/javascript"> | | <script type="text/javascript"> |