resources/css/structure/menu.css

   1 /*!
   2  * Ext JS Library 3.0.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     -moz-user-select: none;\r
  50     -khtml-user-select:none;\r
  51     -webkit-user-select:ignore;\r
  52         display:block;\r
  53         padding:1px;\r
  54 }\r
  55 \r
  56 .x-menu-item-arrow{\r
  57         background:transparent no-repeat right;\r
  58 }\r
  59 \r
  60 .x-menu-sep {\r
  61         display:block;\r
  62         font-size:1px;\r
  63         line-height:1px;\r
  64         margin: 2px 3px;\r
  65         border-bottom:1px solid;\r
  66     overflow:hidden;\r
  67 }\r
  68 \r
  69 .x-menu-focus {\r
  70         position:absolute;\r
  71         left:-1px;\r
  72         top:-1px;\r
  73         width:1px;\r
  74         height:1px;\r
  75     line-height:1px;\r
  76     font-size:1px;\r
  77     -moz-outline:0 none;\r
  78     outline:0 none;\r
  79     -moz-user-select: none;\r
  80     -khtml-user-select:none;\r
  81     -webkit-user-select:ignore;\r
  82     overflow:hidden;\r
  83     display:block;\r
  84 }\r
  85 \r
  86 a.x-menu-item {\r
  87     cursor: pointer;\r
  88     display: block;\r
  89     line-height: 16px;\r
  90     outline-color: -moz-use-text-color;\r
  91     outline-style: none;\r
  92     outline-width: 0;\r
  93     padding: 3px 21px 3px 27px;\r
  94     position: relative;\r
  95     text-decoration: none;\r
  96     white-space: nowrap;\r
  97 }\r
  98 \r
  99 .x-menu-item-active {\r
 100     background-repeat: repeat-x;\r
 101     background-position: left bottom;\r
 102     border-style:solid;\r
 103     border-width: 1px 0;\r
 104     margin:0 1px;\r
 105         padding: 0;\r
 106 }\r
 107 \r
 108 .x-menu-item-active a.x-menu-item {\r
 109     border-style:solid;\r
 110     border-width:0 1px;\r
 111     margin:0 -1px;\r
 112 }\r
 113 \r
 114 .x-menu-item-icon {\r
 115         border: 0 none;\r
 116         height: 16px;\r
 117         padding: 0;\r
 118         vertical-align: top;\r
 119         width: 16px;\r
 120         position: absolute;\r
 121     left: 3px;\r
 122     top: 3px;\r
 123     margin: 0;\r
 124     background-position:center;\r
 125 }\r
 126 \r
 127 .ext-ie .x-menu-item-icon {\r
 128     left: -24px;\r
 129 }\r
 130 .ext-strict .x-menu-item-icon {\r
 131     left: 3px;\r
 132 }\r
 133 \r
 134 .ext-ie6 .x-menu-item-icon {\r
 135     left: -24px;\r
 136 }\r
 137 \r
 138 .ext-ie .x-menu-item-icon {\r
 139     vertical-align: middle;\r
 140 }\r
 141 \r
 142 .x-menu-check-item .x-menu-item-icon{\r
 143         background: transparent no-repeat center;\r
 144 }\r
 145 \r
 146 .x-menu-group-item .x-menu-item-icon{\r
 147         background: transparent;\r
 148 }\r
 149 \r
 150 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{\r
 151     background: transparent no-repeat center;\r
 152 }\r
 153 \r
 154 .x-date-menu .x-menu-list{\r
 155     padding: 0;\r
 156 }\r
 157 \r
 158 .x-menu-date-item{\r
 159         padding:0;\r
 160 }\r
 161 \r
 162 .x-menu .x-color-palette, .x-menu .x-date-picker{\r
 163     margin-left: 26px;\r
 164         margin-right:4px;\r
 165 }\r
 166 \r
 167 .x-menu .x-date-picker{\r
 168     border:1px solid;\r
 169     margin-top:2px;\r
 170     margin-bottom:2px;\r
 171 }\r
 172 \r
 173 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{\r
 174          margin: 0;\r
 175          border: 0 none;\r
 176 }\r
 177 \r
 178 .x-date-menu {\r
 179    padding:0 !important;\r
 180 }\r
 181 \r
 182 .x-cycle-menu .x-menu-item-checked {\r
 183     border:1px dotted !important;\r
 184         padding:0;\r
 185 }\r
 186 \r
 187 .x-menu .x-menu-scroller {\r
 188     width: 100%;\r
 189         background-repeat:no-repeat;\r
 190         background-position:center;\r
 191         height:8px;\r
 192     line-height: 8px;\r
 193         cursor:pointer;\r
 194     margin: 0;\r
 195     padding: 0;\r
 196 }\r
 197 \r
 198 .x-menu .x-menu-scroller-active{\r
 199     height: 6px;\r
 200     line-height: 6px;\r
 201 }\r
 202 \r
 203 .x-menu-list-item-indent{\r
 204     padding-left: 27px;\r
 205 }\r