public
Created

  • Download Gist
gistfile1.css
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
/*This is a clean gradient menu purely based on CSS3 */
 
div#header {
background: -webkit-gradient(linear, left top, left bottom, from(#a8acad), to(#736f6e));
background: -moz-linear-gradient(top, #a8acad, #736f6e);
border-radius: 10px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 5px 5px 20px #a5a5a5;
width: 95%;
height: 50px;
margin-left: 10px;
margin-right: 20px; }
div#header ul {
padding: 0;
margin: 0;
float: left; }
div#header li {
float: left;
list-style: none; }
div#header li a:link {
display: block;
text-decoration: none;
text-align: center;
text-shadow: 0px 0px 10px #000;
height: 35px;
width: 95px;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
font-weight: bold;
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1); }
div#header li a:visited {
color: #ffffff;
font-weight: bold;
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
text-shadow: 0px 0px 10px #000; }
div#header li a:hover {
color: orange;
text-shadow: 0px 0px 10px #000; }

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.