resources/css/structure/menu.css

   1 /*!
   2  * Ext JS Library 3.1.0
   3  * Copyright(c) 2006-2009 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  * Ugly mess to remove the white border under the picker\r
 187  */\r
 188 .ext-ie .x-date-menu{\r
 189     height: 199px;\r
 190 }\r
 191 \r
 192 .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{\r
 193     height: 197px;\r
 194 }\r
 195 \r
 196 .ext-strict .ext-ie7 .x-date-menu{\r
 197     height: 195px;\r
 198 }\r
 199 \r
 200 .ext-strict .ext-ie8 .x-date-menu{\r
 201     height: auto;\r
 202 }\r
 203 \r
 204 .x-cycle-menu .x-menu-item-checked {\r
 205     border:1px dotted !important;\r
 206         padding:0;\r
 207 }\r
 208 \r
 209 .x-menu .x-menu-scroller {\r
 210     width: 100%;\r
 211         background-repeat:no-repeat;\r
 212         background-position:center;\r
 213         height:8px;\r
 214     line-height: 8px;\r
 215         cursor:pointer;\r
 216     margin: 0;\r
 217     padding: 0;\r
 218 }\r
 219 \r
 220 .x-menu .x-menu-scroller-active{\r
 221     height: 6px;\r
 222     line-height: 6px;\r
 223 }\r
 224 \r
 225 .x-menu-list-item-indent{\r
 226     padding-left: 27px;\r
 227 }\r