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