/ext-4.1.0_b3/resources/themes/stylesheets/neptune/default/widgets/_menu.scss

  1/**
  2  * @class Ext.menu.*
  3  */
  4@mixin extjs-menu {
  5
  6
  7    .#{$prefix}menu {
  8//        @include box-shadow(#CACAC9 0 0 4px);
  9        @include border-top-right-radius(4px);
 10        @include border-bottom-right-radius(4px);
 11        @include border-bottom-left-radius(4px);
 12        background: $menu-background-color !important;
 13    //        padding: $menu-padding;
 14            
 15//        border: 1px solid #fff;
 16//        border-top: 0;
 17
 18        &.x-panel {
 19//            background: transparent;
 20        }
 21
 22        .#{$prefix}menu-body {
 23            @extend .no-select;
 24        }
 25    }
 26    
 27    .#{$prefix}menu-item .#{$prefix}form-text {
 28        user-select: text;
 29        -webkit-user-select: text;
 30        -o-user-select: text;
 31        -ie-user-select: text;
 32        -moz-user-select: text;
 33        -ie-user-select: text;
 34    }
 35
 36    .#{$prefix}menu-icon-separator {
 37        position: absolute;
 38        top: 0px;
 39        left: $menu-item-indent;
 40        z-index: 0;
 41//        border-left: solid 1px $menu-separator-border-color;
 42//        background-color: $menu-separator-background-color;
 43        width: 2px;
 44        height: 100%!important;
 45        overflow: hidden;
 46    }
 47
 48    .#{$prefix}menu-plain {
 49        .#{$prefix}menu-icon-separator {
 50            display: none;
 51        }
 52    }
 53
 54    .#{$prefix}menu-focus {
 55        display: block;
 56        position: absolute;
 57        top: -10px;
 58        left: -10px;
 59        width: 0px;
 60        height: 0px;
 61    }
 62
 63    .#{$prefix}menu-item {
 64        white-space: nowrap;
 65        overflow: hidden;
 66        z-index: 1;
 67
 68        &:last-child {
 69//            background:red;
 70////            .#{$prefix}menu-item-link {
 71////                @include border-top-right-radius(4px);
 72////            }
 73//        }
 74            .x-menu-item-link {
 75                @include border-bottom-radius(4px);
 76            }
 77        }
 78    }
 79
 80    .#{$prefix}menu-item-cmp {
 81        margin-bottom: 1px;
 82    }
 83
 84    .#{$prefix}menu-item-link {
 85        display: block;
 86//        margin: 1px;
 87        padding: $menu-link-padding;
 88        text-decoration: none !important;
 89        line-height: 16px;
 90        cursor: default;
 91    }
 92    
 93    @if $include-opera {
 94        .#{$prefix}opera {
 95            // Opera 10.5 absolute positioning of submenu arrow has issues
 96            // This will fix it, and not affect newer Operas
 97            .#{$prefix}menu-item-link {
 98                position: relative;
 99            }
100        }
101    }
102
103    .#{$prefix}menu-item-icon {
104        width: 16px;
105        height: 16px;
106        position: absolute;
107        top: 5px;
108        left: 4px;
109        background: no-repeat center center;
110    }
111
112    .#{$prefix}menu-item-text {
113        font-size: ceil($font-size * .9);
114        color: $menu-text-color;
115        font-weight:bold;
116    }
117
118    .#{$prefix}menu-item-checked {
119        .#{$prefix}menu-item-icon {
120            background-image: theme-background-image($theme-name, $menu-icon-checked);
121        }
122        .#{$prefix}menu-group-icon {
123            background-image: theme-background-image($theme-name, $menu-icon-group-checked);
124        }
125    }
126
127    .#{$prefix}menu-item-unchecked {
128        .#{$prefix}menu-item-icon {
129            background-image: theme-background-image($theme-name, $menu-icon-unchecked);
130        }
131        .#{$prefix}menu-group-icon {
132            background-image: none;
133        }
134    }
135
136    .#{$prefix}menu-item-separator {
137        height: 2px;
138//        border-top: solid 1px $menu-separator-border-color;
139        background-color: $menu-separator-background-color;
140//        margin: $menu-padding 0px;
141        overflow: hidden;
142    }
143
144    .#{$prefix}menu-item-arrow {
145        position: absolute;
146        width: 12px;
147        height: 9px;
148        top: 9px;
149        right: 0px;
150        background: no-repeat center center;
151        background-image: theme-background-image($theme-name, $menu-icon-arrow);
152    }
153
154    .#{$prefix}menu-item-indent {
155//        margin-left: $menu-item-indent + $menu-padding + 2px; /* The 2px is the width of the seperator */
156    }
157
158    .#{$prefix}menu-item-active {
159        cursor: pointer;
160
161        .#{$prefix}menu-item-link {
162//            @include background-gradient($menu-item-active-background-color, $base-gradient);
163            background: $menu-item-active-background-color;
164            margin: 0px;
165//            border: 1px solid $menu-item-active-border-color;
166            cursor: pointer;
167            
168//            @include border-radius(2px);
169            
170            // @todo ie6ify
171//            @include box-shadow(rgba(#000, .4) 0 1px 3px);
172        }
173        .#{$prefix}menu-item-text {
174            color: $menu-item-active-color;
175        }
176    }
177
178    .#{$prefix}menu-item-disabled {
179        @include opacity(.5);
180    }
181
182    @if $include-ie {
183        .#{$prefix}ie {
184            .#{$prefix}menu-item-disabled {
185                .#{$prefix}menu-item-icon {
186                    @include opacity(.5);
187                }
188
189                .#{$prefix}menu-item-text {
190                    // IE opacity/cleartype bug workaround
191                    background-color: transparent;
192                }
193            }
194            
195            .#{$prefix}strict .#{$prefix}ie7m & {
196                .#{$prefix}menu-icon-separator {
197                    width: 1px;
198                }
199                
200                .#{$prefix}menu-item-separator {
201                    height: 1px;
202                }
203            }
204        }
205        
206        .#{$prefix}ie6,
207        .#{$prefix}ie7,
208        .#{$prefix}quirks .#{$prefix}ie8 {
209            .#{$prefix}menu-item-link {
210                padding-bottom: $menu-padding;
211            }
212        }
213    }
214
215    @if not $supports-gradients or $compile-all {
216        .#{$prefix}nlg {
217            .#{$prefix}menu-item-active .#{$prefix}menu-item-link {
218                background: $menu-item-active-background-color repeat-x left top;
219                background-image: theme-background-image($theme-name, $menu-item-active-background-image);
220            }
221        }
222    }
223    
224    .#{$prefix}menu-date-item {
225        border-color: #99BBE8;
226    }
227}