/adei/ui

To get this branch, use:
bzr branch http://darksoft.org/webbzr/adei/ui

« back to all changes in this revision

Viewing changes to includes/dhtmlx/skins/dhtmlxmenu_standard.css

  • Committer: Suren A. Chilingaryan
  • Date: 2008-10-29 03:02:24 UTC
  • mto: This revision was merged to the branch mainline in revision 116.
  • Revision ID: csa@dside.dyndns.org-20081029030224-yc3wy2dti4htlfxf
New version of dhtmlxmenu and dhtmlxtree is added

Show diffs side-by-side

added added

removed removed

Lines of Context:
includes/dhtmlx/skins/dhtmlxmenu_standard.css
 
1
/***************************************************************************************************************************************************************
 
2
                                                                "STANDARD" dhtmlxMenu Skin
 
3
***************************************************************************************************************************************************************/
 
4
 
 
5
/*
 
6
        top level container
 
7
*/
 
8
table.dhtmlxMenu_standard_TBL {
 
9
        height: 26px;
 
10
        position: relative;
 
11
}
 
12
div.dhtmlxMenu_standard_Middle {
 
13
        position: relative;
 
14
        height: 26px;
 
15
        width: 100%;
 
16
        left: 0px;
 
17
        top: 0px;
 
18
        border: none;
 
19
        background-color: none;
 
20
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_top_bg_middle.gif");
 
21
        -moz-user-select: none;
 
22
}
 
23
table td.dhtmlxMenu_standard_Left {
 
24
        width: 3px;
 
25
        font-size: 2px;
 
26
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_top_bg_left.gif");
 
27
        background-repeat: no-repeat;
 
28
}
 
29
table td.dhtmlxMenu_standard_Right {
 
30
        width: 3px;
 
31
        font-size: 2px;
 
32
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_top_bg_right.gif");
 
33
        background-repeat: no-repeat;
 
34
}
 
35
/*
 
36
        top level items
 
37
*/
 
38
div.dhtmlxMenu_standard_TopLevel_Item_Normal {
 
39
        top: 2px;
 
40
        top=0px;
 
41
        position: absolute;
 
42
        font-family: Tahoma;
 
43
        font-size: 11px;
 
44
        font-weight: normal;
 
45
        color: #000000;
 
46
        cursor: default;
 
47
        white-space: nowrap;
 
48
        -moz-user-select: none;
 
49
        height: 14px;
 
50
        height=20px;
 
51
        padding-left: 7px;
 
52
        padding-right: 7px;
 
53
        padding-top: 2px;
 
54
        padding-bottom: 2px;
 
55
        margin: 1px;
 
56
        margin-top: 2px;
 
57
        margin-top=4px;
 
58
}
 
59
div.dhtmlxMenu_standard_TopLevel_Item_Disabled {
 
60
        top: 2px;
 
61
        top=0px;
 
62
        position: absolute;
 
63
        font-family: Tahoma;
 
64
        font-size: 11px;
 
65
        font-weight: normal;
 
66
        color: #909090;
 
67
        cursor: default;
 
68
        white-space: nowrap;
 
69
        height: 14px;
 
70
        height=20px;
 
71
        -moz-user-select: none;
 
72
        padding-left: 7px;
 
73
        padding-right: 7px;
 
74
        padding-top: 2px;
 
75
        padding-bottom: 2px;
 
76
        margin: 1px;
 
77
        margin-top: 2px;
 
78
        margin-top=4px;
 
79
}
 
80
div.dhtmlxMenu_standard_TopLevel_Item_Selected {
 
81
        top: 2px;
 
82
        top=0px;
 
83
        position: absolute;
 
84
        font-family: Tahoma;
 
85
        font-size: 11px;
 
86
        font-weight: normal;
 
87
        cursor: default;
 
88
        color: #000000;
 
89
        white-space: nowrap;
 
90
        -moz-user-select: none;
 
91
        height: 14px;
 
92
        height=20px;
 
93
        background-color: #D2D1D1;
 
94
        border-top: #808080 1px solid;
 
95
        border-left: #808080 1px solid;
 
96
        border-bottom: #FFFFFF 1px solid;
 
97
        border-right: #FFFFFF 1px solid;
 
98
        padding-left: 7px;
 
99
        padding-right: 7px;
 
100
        padding-top: 2px;
 
101
        padding-bottom: 2px;
 
102
        margin-top: 1px;
 
103
        margin-top=3px;
 
104
}
 
105
/*
 
106
        sub level polygon
 
107
*/
 
108
div.dhtmlxMenu_standard_SubLevelArea_Polygon {
 
109
        position: absolute;
 
110
        padding-top: 1px;
 
111
        border-top: #D2D1D1 1px solid;
 
112
        border-left: #D2D1D1 1px solid;
 
113
        border-right: #7E7E7E 1px solid;
 
114
        border-bottom: #7E7E7E 1px solid;
 
115
        background-color: #FFFFFF;
 
116
        overflow: hidden;
 
117
}
 
118
/*
 
119
        separator
 
120
*/
 
121
div.dhtmlxMenu_standard_SubLevelArea_Separator {
 
122
        font-size: 1px;
 
123
        cursor: default;
 
124
        -moz-user-select: none;
 
125
        border-top: #BCBBBB 1px solid;
 
126
        border-bottom: #FFFFFF 1px solid;
 
127
        border-right: #9E9E9E 1px solid;
 
128
        margin-left: 1px;
 
129
}
 
130
/*
 
131
        items
 
132
*/
 
133
div.dhtmlxMenu_standard_SubLevelArea_Item_Normal {
 
134
        position: relative;
 
135
        font-family: Tahoma;
 
136
        font-size: 11px;
 
137
        font-weight: normal;
 
138
        color: #333333;
 
139
        border-left: #FFFFFF 1px solid;
 
140
        border-right: #9E9E9E 1px solid;
 
141
        background-color: #E3E3E3;
 
142
        margin: 0px 0px 0px 0px;
 
143
        padding: 4px 28px 4px 28px;
 
144
        cursor: default;
 
145
        white-space: nowrap;
 
146
        -moz-user-select: none;
 
147
}
 
148
div.dhtmlxMenu_standard_SubLevelArea_Item_Disabled {
 
149
        position: relative;
 
150
        font-family: Tahoma;
 
151
        font-size: 11px;
 
152
        font-weight: normal;
 
153
        color: #999999;
 
154
        background-color: #E3E3E3;
 
155
        margin: 0px 0px 0px 0px;
 
156
        padding: 4px 28px 4px 28px;
 
157
        border-left: #FFFFFF 1px solid;
 
158
        border-right: #9E9E9E 1px solid;
 
159
        cursor: default;
 
160
        white-space: nowrap;
 
161
        -moz-user-select: none;
 
162
}
 
163
div.dhtmlxMenu_standard_SubLevelArea_Item_Selected {
 
164
        position: relative;
 
165
        font-family: Tahoma;
 
166
        font-size: 11px;
 
167
        font-weight: normal;
 
168
        color: #333333;
 
169
        background-color: #B0B0B0;
 
170
        margin: 0px 0px 0px 0px;
 
171
        padding: 4px 28px 4px 28px;
 
172
        border-left: #FFFFFF 1px solid;
 
173
        border-right: #9E9E9E 1px solid;
 
174
        cursor: default;
 
175
        white-space: nowrap;
 
176
        -moz-user-select: none;
 
177
}
 
178
/*
 
179
        hotkey
 
180
*/
 
181
div.dhtmlxMenu_standard_SubLevelArea_Item_Normal div.dhtmlxMenu_standard_SubLevelArea_Item_HotKey {
 
182
        color: #333333;
 
183
}
 
184
div.dhtmlxMenu_standard_SubLevelArea_Item_Disabled div.dhtmlxMenu_standard_SubLevelArea_Item_HotKey {
 
185
        color: #AAAAAA;
 
186
}
 
187
div.dhtmlxMenu_standard_SubLevelArea_Item_Selected div.dhtmlxMenu_standard_SubLevelArea_Item_HotKey {
 
188
        color: #333333;
 
189
}
 
190
div.dhtmlxMenu_standard_SubLevelArea_Item_HotKey {
 
191
        position: absolute;
 
192
        top: 4px;
 
193
        font-size: 10px;
 
194
        right: 8px;
 
195
}
 
196
/*
 
197
        arrow cascade (right, loading)
 
198
*/
 
199
img.dhtmlxMenu_standard_SubLevelArea_Item_Arrow {
 
200
        width: 4px;
 
201
        height: 7px;
 
202
        position: absolute;
 
203
        margin-top: 3px;
 
204
        right: 8px;
 
205
}
 
206
img.dhtmlxMenu_standard_SubLevelArea_Item_Arrow_Loading {
 
207
        width: 10px;
 
208
        height: 10px;
 
209
        position: absolute;
 
210
        margin-top: 1px;
 
211
        right: 6px;
 
212
}
 
213
/*
 
214
        icons (checkboxes and radios are use the same class)
 
215
*/
 
216
img.dhtmlxMenu_standard_TopLevel_Item_Icon {
 
217
        position: absolute;
 
218
        margin-top: -1px;
 
219
        left: 6px;
 
220
        width: 16px;
 
221
        height: 16px;
 
222
}
 
223
img.dhtmlxMenu_standard_SubLevelArea_Item_Icon {
 
224
        position: absolute;
 
225
        top: 2px;
 
226
        left: 6px;
 
227
        _left: -23px;
 
228
        width: 16px;
 
229
        height: 16px;
 
230
}
 
231
/*
 
232
        arrows limit (up, down)
 
233
*/
 
234
div.dhtmlxMenu_standard_SubLevelArea_Arrow {
 
235
        width: 100%;
 
236
        height: 15px;
 
237
        background-repeat: no-repeat;
 
238
        background-position: center center;
 
239
        background-color: #E6E5E5;
 
240
}
 
241
div.dhtmlxMenu_standard_SubLevelArea_ArrowUp {
 
242
        position: absolute;
 
243
        height: 16px;
 
244
        height=18px;
 
245
        padding-top: 1px;
 
246
        padding-left: 1px;
 
247
        padding-right: 1px;
 
248
        padding-right=0px;
 
249
        font-size: 1px;
 
250
        background-color: #FFFFFF;
 
251
        border-top: #D3D2D2 1px solid;
 
252
        border-left: #D3D2D2 1px solid;
 
253
        border-right: #7E7E7E 1px solid;
 
254
        border-bottom: #7E7E7E 1px solid;
 
255
}
 
256
div.dhtmlxMenu_standard_SubLevelArea_ArrowUp_Over {
 
257
        position: absolute;
 
258
        height: 16px;
 
259
        height=18px;
 
260
        padding-top: 1px;
 
261
        padding-left: 1px;
 
262
        padding-right: 1px;
 
263
        padding-right=0px;
 
264
        font-size: 1px;
 
265
        background-color: #FFFFFF;
 
266
        border-top: #D3D2D2 1px solid;
 
267
        border-left: #D3D2D2 1px solid;
 
268
        border-right: #7E7E7E 1px solid;
 
269
        border-bottom: #7E7E7E 1px solid;
 
270
}
 
271
div.dhtmlxMenu_standard_SubLevelArea_ArrowUp_Disabled {
 
272
        position: absolute;
 
273
        height: 16px;
 
274
        height=18px;
 
275
        padding-top: 1px;
 
276
        padding-left: 1px;
 
277
        padding-right: 1px;
 
278
        padding-right=0px;
 
279
        font-size: 1px;
 
280
        background-color: #FFFFFF;
 
281
        border-top: #D3D2D2 1px solid;
 
282
        border-left: #D3D2D2 1px solid;
 
283
        border-right: #7E7E7E 1px solid;
 
284
        border-bottom: #7E7E7E 1px solid;
 
285
}
 
286
div.dhtmlxMenu_standard_SubLevelArea_ArrowUp div.dhtmlxMenu_standard_SubLevelArea_Arrow {
 
287
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_arrow_up.gif");
 
288
        border-right: #9E9E9E 1px solid;
 
289
        height: 100%;
 
290
}
 
291
div.dhtmlxMenu_standard_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_standard_SubLevelArea_Arrow {
 
292
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_arrow_up_over.gif");
 
293
        border-right: #9E9E9E 1px solid;
 
294
        height: 100%;
 
295
}
 
296
div.dhtmlxMenu_standard_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_standard_SubLevelArea_Arrow {
 
297
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_arrow_up_dis.gif");
 
298
        border-right: #9E9E9E 1px solid;
 
299
        height: 100%;
 
300
}
 
301
div.dhtmlxMenu_standard_SubLevelArea_ArrowDown {
 
302
        position: absolute;
 
303
        height: 16px;
 
304
        height=18px;
 
305
        font-size: 1px;
 
306
        padding-top: 1px;
 
307
        padding-left: 1px;
 
308
        padding-right: 1px;
 
309
        padding-right=0px;
 
310
        background-color: #FFFFFF;
 
311
        border-top: #D3D2D2 1px solid;
 
312
        border-left: #D3D2D2 1px solid;
 
313
        border-right: #7E7E7E 1px solid;
 
314
        border-bottom: #7E7E7E 1px solid;
 
315
}
 
316
div.dhtmlxMenu_standard_SubLevelArea_ArrowDown_Over {
 
317
        position: absolute;
 
318
        /*
 
319
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_arrow_bg_over.gif");
 
320
        background-repeat: repeat-x;
 
321
        */
 
322
        height: 16px;
 
323
        height=18px;
 
324
        font-size: 1px;
 
325
        padding-top: 1px;
 
326
        padding-left: 1px;
 
327
        padding-right: 1px;
 
328
        padding-right=0px;
 
329
        background-color: #FFFFFF;
 
330
        border-top: #D3D2D2 1px solid;
 
331
        border-left: #D3D2D2 1px solid;
 
332
        border-right: #7E7E7E 1px solid;
 
333
        border-bottom: #7E7E7E 1px solid;
 
334
}
 
335
div.dhtmlxMenu_standard_SubLevelArea_ArrowDown_Disabled {
 
336
        position: absolute;
 
337
        height: 16px;
 
338
        height=18px;
 
339
        font-size: 1px;
 
340
        padding-top: 1px;
 
341
        padding-left: 1px;
 
342
        padding-right: 1px;
 
343
        padding-right=0px;
 
344
        background-color: #FFFFFF;
 
345
        border-top: #D3D2D2 1px solid;
 
346
        border-left: #D3D2D2 1px solid;
 
347
        border-right: #7E7E7E 1px solid;
 
348
        border-bottom: #7E7E7E 1px solid;
 
349
}
 
350
div.dhtmlxMenu_standard_SubLevelArea_ArrowDown div.dhtmlxMenu_standard_SubLevelArea_Arrow {
 
351
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_arrow_down.gif");
 
352
        border-right: #9E9E9E 1px solid;
 
353
        border-bottom: #9E9E9E 1px solid;
 
354
}
 
355
div.dhtmlxMenu_standard_SubLevelArea_ArrowDown_Over div.dhtmlxMenu_standard_SubLevelArea_Arrow {
 
356
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_arrow_down_over.gif");
 
357
        border-right: #9E9E9E 1px solid;
 
358
        border-bottom: #9E9E9E 1px solid;
 
359
}
 
360
div.dhtmlxMenu_standard_SubLevelArea_ArrowDown_Disabled div.dhtmlxMenu_standard_SubLevelArea_Arrow {
 
361
        background-image: url("../imgs/dhxmenu_standard/dhtmlxmenu_arrow_down_dis.gif");
 
362
        border-right: #9E9E9E 1px solid;
 
363
        border-bottom: #9E9E9E 1px solid;
 
364
}
 
 
b'\\ No newline at end of file'