Template:Lavalamp

From 2011.igem.org

(Difference between revisions)
(Created page with " .lavaLamp { position: relative; height: 29px; width: 921px; background: url("bg.gif") no-repeat top left; padding: ...")
 
Line 6: Line 6:
             padding: 15px;
             padding: 15px;
             margin: 0 0;
             margin: 0 0;
-
overflow:hidden;
+
    overflow:hidden; }
-
+
 
-
  }
+
                 .lavaLamp li {
                 .lavaLamp li {
                     float: left;
                     float: left;
                     list-style: none;
                     list-style: none;
-
margin-right:10px;
+
    margin-right:10px;
-
                position:relative;
+
            position:relative;
-
                display:inline;
+
            display:inline;   }
-
                }
+
 
                     .lavaLamp li.back {
                     .lavaLamp li.back {
-
                         background: url("lava.gif")     no-repeat right -30px;
+
                         background: url("lava.gif") no-repeat right -30px;
                         width: 9px; height: 30px;
                         width: 9px; height: 30px;
                         z-index: 8;
                         z-index: 8;
-
                         position: absolute;
+
                         position: absolute;   }
-
                    }
+
 
                         .lavaLamp li.back .left {
                         .lavaLamp li.back .left {
-
                             background: url("lava.gif")   no-repeat top left;
+
                             background: url("lava.gif") no-repeat top left;
                             height: 30px;
                             height: 30px;
-
                             margin-right: 9px;  
+
                             margin-right: 9px;   }
-
                        }
+
 
                     .lavaLamp li a {
                     .lavaLamp li a {
                         font: bold 15px arial;
                         font: bold 15px arial;
-
opacity:1;
+
text-decoration: none;
-
                        text-decoration: none;
+
                         color: #fff;
                         color: #fff;
                         outline: none;
                         outline: none;
Line 41: Line 39:
                         height: 30px;
                         height: 30px;
                         position: relative;
                         position: relative;
-
                         margin: auto 10px;
+
                         margin: auto 10px; }           
-
+
     
-
                    }                 
+
                  .lavaLamp a {
-
        .lavaLamp a{
+
                display:inline;
-
                    display:inline;
+
                padding:0px;
-
                    padding:0px;
+
                color:#fff;
-
                    color:#fff;
+
                text-decoration:none; }
-
                    text-decoration:none;
+
-
 
+
-
+
-
}
+

Latest revision as of 00:12, 5 September 2011

  .lavaLamp {
           position: relative;
           height: 29px;
           width: 921px;
           background: url("bg.gif") no-repeat top left;
           padding: 15px;
           margin: 0 0;

overflow:hidden; }

               .lavaLamp li {
                   float: left;
                   list-style: none;

margin-right:10px; position:relative; display:inline; }

                   .lavaLamp li.back {
                       background: url("lava.gif") no-repeat right -30px;
                       width: 9px; height: 30px;
                       z-index: 8;
                       position: absolute;    }
                       .lavaLamp li.back .left {
                           background: url("lava.gif") no-repeat top left;
                           height: 30px;
                           margin-right: 9px;   }
                   .lavaLamp li a {
                       font: bold 15px arial;

text-decoration: none;

                       color: #fff;
                       outline: none;
                       text-align: center;
                       top: 7px;
                       text-transform: uppercase;
                       letter-spacing: 0;
                       z-index: 12;
                       float: left;
                       height: 30px;
                       position: relative;
                       margin: auto 10px;  }            
      
                  .lavaLamp a {

display:inline; padding:0px; color:#fff; text-decoration:none; }