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; } | |
- | + | ||
- | + | ||
.lavaLamp li { | .lavaLamp li { | ||
float: left; | float: left; | ||
list-style: none; | list-style: none; | ||
- | + | margin-right:10px; | |
- | + | position:relative; | |
- | + | display:inline; } | |
- | + | ||
.lavaLamp li.back { | .lavaLamp li.back { | ||
- | background: url("lava.gif") | + | 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") | + | 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; | ||
- | + | 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 { | |
- | + | display:inline; | |
- | + | padding:0px; | |
- | + | color:#fff; | |
- | + | 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; }