resources/css/structure/menu.css

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 .x-menu {
   8         z-index: 15000;
   9         zoom: 1;
  10         background: repeat-y;
  11 }
  12
  13 .x-menu-floating{
  14     border: 1px solid;
  15 }
  16
  17 .x-menu a {
  18     text-decoration: none !important;
  19 }
  20
  21 .ext-ie .x-menu {
  22     zoom:1;
  23     overflow:hidden;
  24 }
  25
  26 .x-menu-list{
  27     padding: 2px;
  28         background-color:transparent;
  29         border:0 none;
  30     overflow:hidden;
  31     overflow-y: hidden;
  32 }
  33
  34 .ext-strict .ext-ie .x-menu-list{
  35     position: relative;
  36 }
  37
  38 .x-menu li{
  39         line-height:100%;
  40 }
  41
  42 .x-menu li.x-menu-sep-li{
  43         font-size:1px;
  44         line-height:1px;
  45 }
  46
  47 .x-menu-list-item{
  48     white-space: nowrap;
  49         display:block;
  50         padding:1px;
  51 }
  52
  53 .x-menu-item{
  54     -moz-user-select: none;
  55     -khtml-user-select:none;
  56     -webkit-user-select:ignore;
  57 }
  58
  59 .x-menu-item-arrow{
  60         background:transparent no-repeat right;
  61 }
  62
  63 .x-menu-sep {
  64         display:block;
  65         font-size:1px;
  66         line-height:1px;
  67         margin: 2px 3px;
  68         border-bottom:1px solid;
  69     overflow:hidden;
  70 }
  71
  72 .x-menu-focus {
  73         position:absolute;
  74         left:-1px;
  75         top:-1px;
  76         width:1px;
  77         height:1px;
  78     line-height:1px;
  79     font-size:1px;
  80     -moz-outline:0 none;
  81     outline:0 none;
  82     -moz-user-select: none;
  83     -khtml-user-select:none;
  84     -webkit-user-select:ignore;
  85     overflow:hidden;
  86     display:block;
  87 }
  88
  89 a.x-menu-item {
  90     cursor: pointer;
  91     display: block;
  92     line-height: 16px;
  93     outline-color: -moz-use-text-color;
  94     outline-style: none;
  95     outline-width: 0;
  96     padding: 3px 21px 3px 27px;
  97     position: relative;
  98     text-decoration: none;
  99     white-space: nowrap;
 100 }
 101
 102 .x-menu-item-active {
 103     background-repeat: repeat-x;
 104     background-position: left bottom;
 105     border-style:solid;
 106     border-width: 1px 0;
 107     margin:0 1px;
 108         padding: 0;
 109 }
 110
 111 .x-menu-item-active a.x-menu-item {
 112     border-style:solid;
 113     border-width:0 1px;
 114     margin:0 -1px;
 115 }
 116
 117 .x-menu-item-icon {
 118         border: 0 none;
 119         height: 16px;
 120         padding: 0;
 121         vertical-align: top;
 122         width: 16px;
 123         position: absolute;
 124     left: 3px;
 125     top: 3px;
 126     margin: 0;
 127     background-position:center;
 128 }
 129
 130 .ext-ie .x-menu-item-icon {
 131     left: -24px;
 132 }
 133 .ext-strict .x-menu-item-icon {
 134     left: 3px;
 135 }
 136
 137 .ext-ie6 .x-menu-item-icon {
 138     left: -24px;
 139 }
 140
 141 .ext-ie .x-menu-item-icon {
 142     vertical-align: middle;
 143 }
 144
 145 .x-menu-check-item .x-menu-item-icon{
 146         background: transparent no-repeat center;
 147 }
 148
 149 .x-menu-group-item .x-menu-item-icon{
 150         background-color: transparent;
 151 }
 152
 153 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
 154     background: transparent no-repeat center;
 155 }
 156
 157 .x-date-menu .x-menu-list{
 158     padding: 0;
 159 }
 160
 161 .x-menu-date-item{
 162         padding:0;
 163 }
 164
 165 .x-menu .x-color-palette, .x-menu .x-date-picker{
 166     margin-left: 26px;
 167         margin-right:4px;
 168 }
 169
 170 .x-menu .x-date-picker{
 171     border:1px solid;
 172     margin-top:2px;
 173     margin-bottom:2px;
 174 }
 175
 176 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
 177          margin: 0;
 178          border: 0 none;
 179 }
 180
 181 .x-date-menu {
 182    padding:0 !important;
 183 }
 184
 185 /*
 186  * fixes separator visibility problem in IE 6
 187  */
 188 .ext-strict .ext-ie6 .x-menu-sep-li {
 189     padding: 3px 4px;
 190 }
 191 .ext-strict .ext-ie6 .x-menu-sep {
 192     margin: 0;
 193     height: 1px;
 194 }
 195
 196 /*
 197  * Fixes an issue with "fat" separators in webkit
 198  */
 199 .ext-webkit .x-menu-sep{
 200     height: 1px;
 201 }
 202
 203 /*
 204  * Ugly mess to remove the white border under the picker
 205  */
 206 .ext-ie .x-date-menu{
 207     height: 199px;
 208 }
 209
 210 .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{
 211     height: 197px;
 212 }
 213
 214 .ext-strict .ext-ie7 .x-date-menu{
 215     height: 195px;
 216 }
 217
 218 .ext-strict .ext-ie8 .x-date-menu{
 219     height: auto;
 220 }
 221
 222 .x-cycle-menu .x-menu-item-checked {
 223     border:1px dotted !important;
 224         padding:0;
 225 }
 226
 227 .x-menu .x-menu-scroller {
 228     width: 100%;
 229         background-repeat:no-repeat;
 230         background-position:center;
 231         height:8px;
 232     line-height: 8px;
 233         cursor:pointer;
 234     margin: 0;
 235     padding: 0;
 236 }
 237
 238 .x-menu .x-menu-scroller-active{
 239     height: 6px;
 240     line-height: 6px;
 241 }
 242
 243 .x-menu-list-item-indent{
 244     padding-left: 27px;
 245 }