Posted By

marshalletm on 08/14/11

Tagged

Versions (?)

Last Edited at 08/14/11 05:30am

Statistics

Viewed 692 times

Favorited by 0 user(s)

Related snippets

CSS for Lava-Lamp style Nav Menu

/ Published in: CSS

Name this style.css or re-associate the style sheet in HTML to the saved CSS file of your choice

Highlighted TextExpand

#container {
    width: 1200px;
    margin: 100px auto;
}
ul, li {
    margin: 0; padding: 0;
}
#blob {
    border-right: 1px solid #0059ec;
    border-left: 1px solid #0059ec;
    position: absolute;
    top: 0;
    z-index : 1;
    background: #0b2b61;
    background: -moz-linear-gradient(top, #0b2b61, #1153c0);
    background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px #011331;
    -webkit-box-shadow: 2px 3px 10px #011331;
}
#nav {  
    position: relative;  
    background: #292929;  
    float: left;  
}  
#nav li {  
    float: left;  
    list-style: none;  
    border-right: 1px solid #4a4a4a;  
    border-left: 1px solid black;  
}
#nav li a {  
    color: #e3e3e3;  
    position: relative;  
    z-index: 2;  
    float: left;  
    font-size: 30px;  
    font-family: helvetica, arial, sans-serif;  
    text-decoration: none;  
    padding: 30px 45px;  
}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.