Line 13: | Line 13: | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
.menu_wrapper { | .menu_wrapper { | ||
− | |||
− | |||
width:150px; | width:150px; | ||
height:100vh; | height:100vh; | ||
Line 94: | Line 92: | ||
/* When hovering on a menu item */ | /* When hovering on a menu item */ | ||
.menu_items li:hover { | .menu_items li:hover { | ||
− | background- | + | display: inline-block; |
− | + | background: -webkit-linear-gradient(#C0C0C0, #E6E6FA); /* Style for internet browsers */ | |
+ | background: -moz-linear-gradient(#C0C0C0, #E6E6FA); | ||
+ | background: -ms-linear-gradient(#C0C0C0, #E6E6FA); | ||
+ | background: -o-linear-gradient(#C0C0C0, #E6E6FA); | ||
+ | background: linear-gradient(#C0C0C0, #E6E6FA); | ||
+ | border-radius: 3px; | ||
+ | text-shadow: 0 1px 0 rgba(255, 255, 255, .4); | ||
+ | box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, | ||
+ | 0 -1px 0 hsl(210, 100%, 32%) inset, | ||
+ | 0 -2px 0 hsl(210, 100%, 38%) inset, | ||
+ | 0 -3px 0 hsl(210, 100%, 44%) inset, | ||
+ | 0 -4px 0 hsl(210, 100%, 50%) inset, | ||
+ | 0 -5px 0 hsl(210, 100%, 60%) inset; | ||
} | } | ||
Revision as of 09:52, 10 June 2016