commit extjs-2.2.1
[extjs.git] / resources / css / menu.css
1 /*\r
2  * Ext JS Library 2.2.1\r
3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
4  * licensing@extjs.com\r
5  * \r
6  * http://extjs.com/license\r
7  */\r
8 \r
9 .x-menu {\r
10         border: 1px solid #718bb7;\r
11         z-index: 15000;\r
12         zoom: 1;\r
13         background: #f0f0f0 url(../images/default/menu/menu.gif) repeat-y;\r
14         padding: 2px;\r
15 }\r
16 .x-menu a {\r
17     text-decoration: none !important;\r
18 }\r
19 .ext-ie .x-menu {\r
20     zoom:1;\r
21     overflow:hidden;\r
22 }\r
23 .x-menu-list{\r
24         background:transparent;\r
25         border:0 none;\r
26 }\r
27 .x-menu li{\r
28         line-height:100%;\r
29 }\r
30 .x-menu li.x-menu-sep-li{\r
31         font-size:1px;\r
32         line-height:1px;\r
33 }\r
34 .x-menu-list-item{\r
35         font:normal 11px tahoma,arial, sans-serif;\r
36     white-space: nowrap;\r
37     -moz-user-select: none;\r
38         -khtml-user-select: none;\r
39         display:block;\r
40         padding:1px;\r
41 }\r
42 .x-menu-item-arrow{\r
43         background:transparent url(../images/default/menu/menu-parent.gif) no-repeat right;\r
44 }\r
45 .x-menu-sep {\r
46         display:block;\r
47         font-size:1px;\r
48         line-height:1px;\r
49         margin: 2px 3px;\r
50     background-color:#e0e0e0;\r
51         border-bottom:1px solid #fff;\r
52     overflow:hidden;\r
53 }\r
54 .x-menu-focus {\r
55         position:absolute;\r
56         left:-1px;\r
57         top:-1px;\r
58         width:1px;\r
59         height:1px;\r
60     line-height:1px;\r
61     font-size:1px;\r
62     -moz-outline:0 none;\r
63     outline:0 none;\r
64     -moz-user-select: text;\r
65     -khtml-user-select: text;\r
66     overflow:hidden;\r
67     display:block;\r
68 }\r
69 .x-menu a.x-menu-item {\r
70         display:block;\r
71         line-height:16px;\r
72         padding:3px 21px 3px 27px;\r
73         white-space: nowrap;\r
74         text-decoration:none;\r
75         color:#222;\r
76         -moz-outline: 0 none;\r
77         outline: 0 none;\r
78         cursor:pointer;\r
79     position: relative; \r
80 }\r
81 .x-menu-item-active {\r
82         background: #ebf3fd url(../images/default/menu/item-over.gif) repeat-x left bottom;\r
83         border:1px solid #aaccf6;\r
84         padding: 0;\r
85 }\r
86 .x-menu-item-active a.x-menu-item {\r
87     color: #233d6d;\r
88 }\r
89 \r
90 .x-menu-item-icon {\r
91         border: 0 none;\r
92         height: 16px;\r
93         padding: 0;\r
94         vertical-align: top;\r
95         width: 16px;\r
96         position: absolute;\r
97     left: 3px;\r
98     top: 3px;\r
99     margin: 0;\r
100     background-position:center;\r
101 }\r
102 \r
103 .x-menu-check-item .x-menu-item-icon{\r
104         background: transparent url(../images/default/menu/unchecked.gif) no-repeat center;\r
105 }\r
106 \r
107 .x-menu-item-checked .x-menu-item-icon{\r
108         background-image:url(../images/default/menu/checked.gif);\r
109 }\r
110 .x-menu-group-item .x-menu-item-icon{\r
111         background: transparent;\r
112 }\r
113 \r
114 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{\r
115     background: transparent url(../images/default/menu/group-checked.gif) no-repeat center;\r
116 }\r
117 \r
118 .x-menu-plain {\r
119         background:#fff !important;\r
120 }\r
121 .x-menu-date-item{\r
122         padding:0;\r
123 }\r
124 \r
125 .x-menu .x-color-palette, .x-menu .x-date-picker{\r
126     margin-left: 26px;\r
127          margin-right:4px;\r
128 }\r
129 .x-menu .x-date-picker{\r
130     border:1px solid #a3bad9;\r
131     margin-top:2px;\r
132     margin-bottom:2px;\r
133 }\r
134 .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{\r
135          margin: 0;\r
136          border: 0 none;\r
137 }\r
138 .x-date-menu {\r
139    padding:0 !important;\r
140 }\r
141 \r
142 .x-cycle-menu .x-menu-item-checked {\r
143     border:1px dotted #a3bae9 !important;\r
144     background:#DFE8F6;\r
145         padding:0;\r
146 }\r