resources/css/structure/menu.css

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