tazpanel rev 471
base.css: fix menu hover switching, add menu shadows.
author | Aleksej Bobylev <al.bobylev@gmail.com> |
---|---|
date | Wed Apr 29 00:29:46 2015 +0300 (2015-04-29) |
parents | 098e260f32cd |
children | 836e45b5567b |
files | styles/default/base.css |
line diff
1.1 --- a/styles/default/base.css Tue Apr 28 18:19:43 2015 +0300 1.2 +++ b/styles/default/base.css Wed Apr 29 00:29:46 2015 +0300 1.3 @@ -47,6 +47,10 @@ 1.4 /* menu panel */ 1.5 #toolbarMenu { margin: 0; padding: 0; height: 100%; font: menu; } 1.6 1.7 +/* shadows */ 1.8 +#toolbar { z-index: 10; box-shadow: 0 0 8px #000; } 1.9 +menu.opened, menu.opened li:hover menu { z-index: 9; box-shadow: 2px 2px 8px hsla(0, 0%, 0%, 0.3); } 1.10 + 1.11 /* menu items */ 1.12 #toolbarMenu li { 1.13 list-style: none; 1.14 @@ -118,9 +122,10 @@ 1.15 /* Clicking this layer close menu */ 1.16 #noMenu { 1.17 position: fixed; 1.18 + position: absolute; top: 63px; bottom: 0; left: 0; right: 0; 1.19 background-color: transparent; 1.20 display: none; 1.21 - height: 100%; width: 100%; 1.22 + z-index: 9; 1.23 } 1.24 1.25