Team:VIT Vellore/Template/Menu

From 2011.igem.org

(Difference between revisions)
Line 320: Line 320:
<style type="text/css">
<style type="text/css">
 +
#head {
 +
position:absolute;
 +
margin:0;
 +
top:0;
 +
display:block;
 +
width:100%;
 +
height:40px;
 +
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 +
background:#333333;
 +
    background: -moz-linear-gradient(center top , #333333, #111111) repeat scroll 0 0 transparent;
 +
}
.lavaLamp {
.lavaLamp {
-
    position: relative;
+
  position:absolute;
-
    height: 29px; width: 900px;
+
margin:0;
-
     background: url("https://static.igem.org/mediawiki/2011/e/e1/Vit_menu_bar.png") no-repeat top;
+
top:0;
-
    padding: 15px; margin: 10px 0;
+
display:block;
-
     overflow: hidden;
+
width:100%;
 +
height:30px;
 +
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 +
background:#000000;
 +
     background: -moz-linear-gradient(center top , #333333, #111111) repeat scroll 0 0 transparent;
}
}
     /* Force the list to flow horizontally */
     /* Force the list to flow horizontally */
Line 365: Line 380:
<body>
<body>
 +
<ul class="lavaLamp">
<ul class="lavaLamp">
             <li><a href="#">Home</a></li>
             <li><a href="#">Home</a></li>

Revision as of 13:20, 14 July 2011

Untitled Document