Team:VIT Vellore/Template/Menu

From 2011.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 321: Line 321:
<style type="text/css">
<style type="text/css">
.lavaLamp {
.lavaLamp {
-
    position: relative;
+
  position:absolute;
-
    height: 29px; width: 421px;
+
left:-200px;
-
     background: url("https://static.igem.org/mediawiki/2011/9/95/Vit_menu_bckg.png") no-repeat top;
+
margin:0px;
-
    padding: 15px; margin: 10px 0;
+
top:150px;
-
     overflow: hidden;
+
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/1/14/Buttonbckg.png") no-repeat right -30px;
+
             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: 8;
+
             z-index: 6;
             position: absolute;
             position: absolute;
         }
         }
             .lavaLamp li.back .left {
             .lavaLamp li.back .left {
-
                 background: url("https://static.igem.org/mediawiki/2011/1/14/Buttonbckg.png") no-repeat top left;
+
                 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 14px verdana;
+
             font: bold 20px helvetica;
             color: #fff; outline: none;
             color: #fff; outline: none;
             text-align: center;
             text-align: center;
-
             height: 30px; top: 7px;
+
             height: 50px; top:0px;
             z-index: 10; letter-spacing: 0;
             z-index: 10; letter-spacing: 0;
             float: left; display: block;
             float: left; display: block;
-
             margin: auto 10px;
+
             margin: auto 75px;
         }
         }
</style>
</style>
   <script type="text/javascript">
   <script type="text/javascript">
-
     $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
+
     $(function() { $(".lavaLamp").lavaLamp({ fx: "elasinout", speed: 700 })});
</script>
</script>
        
        
Line 365: Line 373:
<body>
<body>
 +
<ul class="lavaLamp">
<ul class="lavaLamp">
-
             <li><a href="#">Home</a></li>
+
             <li><a href="https://2011.igem.org/Team:VIT_Vellore">Home</a></li>
-
             <li><a href="#">Project</a></li>
+
             <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="#">Safety</a></li>
+
             <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

Untitled Document