/dev/trunk

To get this branch, use:
bzr branch http://darksoft.org/webbzr/dev/trunk

« back to all changes in this revision

Viewing changes to includes/dhtmlx.orig/skins/dhtmlxmenu_aqua_dark.css

  • Committer: Suren A. Chilingaryan
  • Date: 2008-10-29 03:02:24 UTC
  • 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:
 
1
/***************************************************************************************************************************************************************
 
2
                                                                "AQUA DARK" dhtmlxMenu Skin
 
3
***************************************************************************************************************************************************************/
 
4
 
 
5
/*
 
6
        top level container
 
7
*/
 
8
table.dhtmlxMenu_aqua_dark_TBL {
 
9
        height: 30px;
 
10
        position: relative;
 
11
}
 
12
iframe.dhtmlxMenu_IE6CoverFix_aqua_dark {
 
13
        position: absolute;
 
14
        border: none;
 
15
        background: #000000;
 
16
        filter: alpha(opacity=100);
 
17
}
 
18
div.dhtmlxMenu_aqua_dark_Middle {
 
19
        position: relative;
 
20
        height: 30px;
 
21
        width: 100%;
 
22
        left: 0px;
 
23
        top: 0px;
 
24
        border: none;
 
25
        background-color: none;
 
26
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_top_bg_middle.gif");
 
27
        -moz-user-select: none;
 
28
}
 
29
table td.dhtmlxMenu_aqua_dark_Left {
 
30
        width: 8px;
 
31
        font-size: 2px;
 
32
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_top_bg_left.gif");
 
33
        background-repeat: no-repeat;
 
34
}
 
35
table td.dhtmlxMenu_aqua_dark_Right {
 
36
        width: 8px;
 
37
        font-size: 2px;
 
38
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_top_bg_right.gif");
 
39
        background-repeat: no-repeat;
 
40
}
 
41
/*
 
42
        top level items
 
43
*/
 
44
div.dhtmlxMenu_aqua_dark_TopLevel_Item_Normal {
 
45
        position: absolute;
 
46
        font-family: Arial;
 
47
        font-size: 11px;
 
48
        font-weight: bold;
 
49
        color: #FFFFFF;
 
50
        cursor: default;
 
51
        white-space: nowrap;
 
52
        -moz-user-select: none;
 
53
        top: 0px;
 
54
        height: 22px;
 
55
        height=30px;
 
56
        padding-left: 7px;
 
57
        padding-right: 7px;
 
58
        margin-left: 1px;
 
59
        margin-right: 1px;
 
60
        padding-top: 8px;
 
61
}
 
62
div.dhtmlxMenu_aqua_dark_TopLevel_Item_Disabled {
 
63
        position: absolute;
 
64
        font-family: Arial;
 
65
        font-size: 11px;
 
66
        font-weight: bold;
 
67
        color: #CCCCCC;
 
68
        cursor: default;
 
69
        white-space: nowrap;
 
70
        -moz-user-select: none;
 
71
        top: 0px;
 
72
        height: 22px;
 
73
        height=30px;
 
74
        padding-left: 7px;
 
75
        padding-right: 7px;
 
76
        margin-left: 1px;
 
77
        margin-right: 1px;
 
78
        padding-top: 8px;
 
79
}
 
80
div.dhtmlxMenu_aqua_dark_TopLevel_Item_Selected {
 
81
        position: absolute;
 
82
        font-family: Arial;
 
83
        font-size: 11px;
 
84
        font-weight: bold;
 
85
        /* background-color: #648DB3; */
 
86
        cursor: default;
 
87
        color: #FFFFFF;
 
88
        white-space: nowrap;
 
89
        -moz-user-select: none;
 
90
        top: 0px;
 
91
        height: 22px;
 
92
        height=30px;
 
93
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_top_bg_over.gif");
 
94
        background-repeat: repeat-x;
 
95
        border-left: #333333 1px solid;
 
96
        border-right: #333333 1px solid;
 
97
        padding-left: 7px;
 
98
        padding-right: 7px;
 
99
        padding-top: 8px;
 
100
        margin: 0px;
 
101
}
 
102
/*
 
103
        sub level polygon
 
104
*/
 
105
div.dhtmlxMenu_aqua_dark_SubLevelArea_Polygon {
 
106
        position: absolute;
 
107
        background-color: #FFFFFF;
 
108
        padding-top: 1px;
 
109
        border: #333333 1px solid;
 
110
        overflow: hidden;
 
111
}
 
112
/*
 
113
        separator
 
114
*/
 
115
div.dhtmlxMenu_aqua_dark_SubLevelArea_Separator {
 
116
        font-size: 1px;
 
117
        cursor: default;
 
118
        -moz-user-select: none;
 
119
        border-top: #D3D2D2 1px solid;
 
120
        border-bottom: #FFFFFF 1px solid;
 
121
}
 
122
/*
 
123
        items
 
124
*/
 
125
div.dhtmlxMenu_aqua_dark_SubLevelArea_Item_Normal {
 
126
        position: relative;
 
127
        font-family: Tahoma;
 
128
        font-size: 11px;
 
129
        font-weight: normal;
 
130
        color: #333333;
 
131
        border-left: #FFFFFF 1px solid;
 
132
        border-right: #CCCCCC 1px solid;
 
133
        background-color: #F5F5F5;
 
134
        margin: 0px 0px 0px 0px;
 
135
        padding: 5px 28px 5px 28px;
 
136
        cursor: default;
 
137
        white-space: nowrap;
 
138
        -moz-user-select: none;
 
139
}
 
140
div.dhtmlxMenu_aqua_dark_SubLevelArea_Item_Disabled {
 
141
        position: relative;
 
142
        font-family: Tahoma;
 
143
        font-size: 11px;
 
144
        font-weight: normal;
 
145
        color: #999999;
 
146
        border-left: #FFFFFF 1px solid;
 
147
        border-right: #CCCCCC 1px solid;
 
148
        background-color: #F5F5F5;
 
149
        margin: 0px 0px 0px 0px;
 
150
        padding: 5px 28px 5px 28px;
 
151
        cursor: default;
 
152
        white-space: nowrap;
 
153
        -moz-user-select: none;
 
154
}
 
155
div.dhtmlxMenu_aqua_dark_SubLevelArea_Item_Selected {
 
156
        position: relative;
 
157
        font-family: Tahoma;
 
158
        font-size: 11px;
 
159
        font-weight: normal;
 
160
        color: #FFFFFF;
 
161
        margin: 0px 0px 0px 0px;
 
162
        padding: 5px 28px 5px 28px;
 
163
        border-left: #333333 1px solid;
 
164
        border-right: #333333 1px solid;
 
165
        background-color: #333333;
 
166
        cursor: default;
 
167
        white-space: nowrap;
 
168
        -moz-user-select: none;
 
169
}
 
170
/*
 
171
        hotkeys
 
172
*/
 
173
div.dhtmlxMenu_aqua_dark_SubLevelArea_Item_Normal div.dhtmlxMenu_aqua_dark_SubLevelArea_Item_HotKey {
 
174
        position: absolute;
 
175
        top: 6px;
 
176
        right: 8px;
 
177
        font-size: 10px;
 
178
        color: #606060;
 
179
}
 
180
div.dhtmlxMenu_aqua_dark_SubLevelArea_Item_Disabled div.dhtmlxMenu_aqua_dark_SubLevelArea_Item_HotKey {
 
181
        position: absolute;
 
182
        top: 6px;
 
183
        right: 8px;
 
184
        font-size: 10px;
 
185
        color: #999999;
 
186
}
 
187
div.dhtmlxMenu_aqua_dark_SubLevelArea_Item_Selected div.dhtmlxMenu_aqua_dark_SubLevelArea_Item_HotKey {
 
188
        position: absolute;
 
189
        top: 6px;
 
190
        right: 8px;
 
191
        font-size: 10px;
 
192
        color: #FFFFFF;
 
193
}
 
194
/*
 
195
        arrow cascade (right, loading)
 
196
*/
 
197
img.dhtmlxMenu_aqua_dark_SubLevelArea_Item_Arrow {
 
198
        width: 4px;
 
199
        height: 9px;
 
200
        position: absolute;
 
201
        margin-top: 3px;
 
202
        right: 8px;
 
203
}
 
204
img.dhtmlxMenu_aqua_dark_SubLevelArea_Item_Arrow_Loading {
 
205
        position: absolute;
 
206
        width: 16px;
 
207
        height: 16px;
 
208
        margin-top: -2px;
 
209
        right: 2px;
 
210
}
 
211
/*
 
212
        icons (checkboxes and radios are use the same class)
 
213
*/
 
214
img.dhtmlxMenu_aqua_dark_TopLevel_Item_Icon {
 
215
        position: absolute;
 
216
        margin-top: -1px;
 
217
        left: 6px;
 
218
        width: 16px;
 
219
        height: 16px;
 
220
}
 
221
img.dhtmlxMenu_aqua_dark_SubLevelArea_Item_Icon {
 
222
        position: absolute;
 
223
        top: 3px;
 
224
        left: 6px;
 
225
        left=-23px;
 
226
        width: 16px;
 
227
        height: 16px;
 
228
}
 
229
/*
 
230
        arrows limit (up, down)
 
231
*/
 
232
div.dhtmlxMenu_aqua_dark_SubLevelArea_Arrow {
 
233
        width: 100%;
 
234
        height: 100%;
 
235
        background-repeat: no-repeat;
 
236
        background-position: center center;
 
237
}
 
238
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowUp {
 
239
        position: absolute;
 
240
        height: 16px;
 
241
        height=17px;
 
242
        font-size: 1px;
 
243
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_bg_default.gif");
 
244
        background-repeat: repeat-x;
 
245
        border-top: #333333 1px solid;
 
246
        border-left: #333333 1px solid;
 
247
        border-right: #333333 1px solid;
 
248
}
 
249
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowUp_Over {
 
250
        position: absolute;
 
251
        height: 16px;
 
252
        height=17px;
 
253
        font-size: 1px;
 
254
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_bg_over.gif");
 
255
        background-repeat: repeat-x;
 
256
        border-top: #333333 1px solid;
 
257
        border-left: #333333 1px solid;
 
258
        border-right: #333333 1px solid;
 
259
}
 
260
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowUp_Disabled {
 
261
        position: absolute;
 
262
        height: 16px;
 
263
        height=17px;
 
264
        font-size: 1px;
 
265
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_bg_default.gif");
 
266
        background-repeat: repeat-x;
 
267
        border-top: #333333 1px solid;
 
268
        border-left: #333333 1px solid;
 
269
        border-right: #333333 1px solid;
 
270
}
 
271
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowUp div.dhtmlxMenu_aqua_dark_SubLevelArea_Arrow {
 
272
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_up.gif");
 
273
}
 
274
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_aqua_dark_SubLevelArea_Arrow {
 
275
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_up_over.gif");
 
276
}
 
277
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_aqua_dark_SubLevelArea_Arrow {
 
278
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_up_dis.gif");
 
279
}
 
280
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowDown {
 
281
        position: absolute;
 
282
        height: 16px;
 
283
        height=17px;
 
284
        font-size: 1px;
 
285
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_bg_default.gif");
 
286
        background-repeat: repeat-x;
 
287
        border-left: #333333 1px solid;
 
288
        border-right: #333333 1px solid;
 
289
        border-bottom: #333333 1px solid;
 
290
}
 
291
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowDown_Over {
 
292
        position: absolute;
 
293
        height: 16px;
 
294
        height=17px;
 
295
        font-size: 1px;
 
296
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_bg_over.gif");
 
297
        background-repeat: repeat-x;
 
298
        border-left: #333333 1px solid;
 
299
        border-right: #333333 1px solid;
 
300
        border-bottom: #333333 1px solid;
 
301
}
 
302
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowDown_Disabled {
 
303
        position: absolute;
 
304
        height: 16px;
 
305
        height=17px;
 
306
        font-size: 1px;
 
307
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_bg_default.gif");
 
308
        background-repeat: repeat-x;
 
309
        border-left: #333333 1px solid;
 
310
        border-right: #333333 1px solid;
 
311
        border-bottom: #333333 1px solid;
 
312
}
 
313
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowDown div.dhtmlxMenu_aqua_dark_SubLevelArea_Arrow {
 
314
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_down.gif");
 
315
}
 
316
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowDown_Over div.dhtmlxMenu_aqua_dark_SubLevelArea_Arrow {
 
317
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_down_over.gif");
 
318
}
 
319
div.dhtmlxMenu_aqua_dark_SubLevelArea_ArrowDown_Disabled div.dhtmlxMenu_aqua_dark_SubLevelArea_Arrow {
 
320
        background-image: url("../imgs/dhxmenu_aqua_dark/dhtmlxmenu_arrow_down_dis.gif");
 
321
}
 
 
b'\\ No newline at end of file'