6bb6519656aceaec8d76a704ad3da559481aca50
[philo.git] / philo / contrib / gilbert / static / gilbert / murano / sass / murano / components / _menu.scss
1 .x-menu{
2         @include box-shadow(0 1px 4px 0 bla(.35));
3         white-space:nowrap;
4         @extend .x-boundlist;
5 }
6
7 .x-menu-body{
8         position:absolute;
9 }
10
11 .x-menu-item{
12         padding:2px;
13 }
14
15 .x-menu-item-link{
16         padding:4px;
17         border:1px solid transparent;
18         @include border-radius(5px);
19         text-decoration:none;
20         display:block;
21         color:#FFF;
22 }
23
24 .x-menu-item-active .x-menu-item-link{
25         border-color:$accent-color;
26         @include background-image(linear-gradient($accent-color, darken($accent-color, 10%)));
27         @include box-shadow(0 -1px 0 0 bla(.15) inset);
28 }
29
30 .x-menu-item-icon{
31         width:16px;
32         height:16px;
33         margin-right:5px;
34         float:left;
35 }
36
37 .x-menu-item-unchecked{
38         .x-menu-item-icon{
39                 background: theme-image($theme-name, 'form/unchecked.png');
40         }
41         .x-menu-group-icon{
42                 background: theme-image($theme-name, 'form/unradioed.png');
43         }
44 }
45 .x-menu-item-checked{
46         .x-menu-item-icon{
47                 background: theme-image($theme-name, 'form/checked.png');
48         }
49         .x-menu-group-icon{
50                 background: theme-image($theme-name, 'form/radioed.png');
51         }
52 }
53
54 .x-menu-item-separator{
55         height:0;
56         padding:0;
57         margin: 3px 9px 3px 10px;
58         border-bottom:1px solid wha(.25);
59 }