/openshift/adei

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

« back to all changes in this revision

Viewing changes to includes/dhtmlx/skins/dhtmlxmenu_modern_blue.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:
includes/dhtmlx/skins/dhtmlxmenu_modern_blue.css
 
1
/***************************************************************************************************************************************************************
 
2
                                                                "MODERN BLUE" dhtmlxMenu Skin
 
3
***************************************************************************************************************************************************************/
 
4
 
 
5
/*
 
6
        top level container
 
7
*/
 
8
table.dhtmlxMenu_modern_blue_TBL {
 
9
        height: 30px;
 
10
        position: relative;
 
11
}
 
12
iframe.dhtmlxMenu_IE6CoverFix_modern_blue {
 
13
        position: absolute;
 
14
        border: none;
 
15
        background: #000000;
 
16
        filter: alpha(opacity=100);
 
17
}
 
18
 
 
19
div.dhtmlxMenu_modern_blue_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_blue/dhtmlxmenu_top_bg_middle.gif");
 
28
        -moz-user-select: none;
 
29
}
 
30
table td.dhtmlxMenu_modern_blue_Left {
 
31
        width: 8px;
 
32
        font-size: 2px;
 
33
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_top_bg_left.gif");
 
34
        background-repeat: no-repeat;
 
35
}
 
36
table td.dhtmlxMenu_modern_blue_Right {
 
37
        width: 8px;
 
38
        font-size: 2px;
 
39
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_top_bg_right.gif");
 
40
        background-repeat: no-repeat;
 
41
}
 
42
/*
 
43
        top level items
 
44
*/
 
45
div.dhtmlxMenu_modern_blue_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_blue_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_blue_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_blue/dhtmlxmenu_top_bg_over.gif");
 
94
        background-repeat: repeat-x;
 
95
        border-top: #346C87 1px solid;
 
96
        border-left: #346C87 1px solid;
 
97
        border-bottom: #8DB9CE 1px solid;
 
98
        border-right: #8DB9CE 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_blue_SubLevelArea_Polygon {
 
109
        position: absolute;
 
110
        background-color: #F6F6EE;
 
111
        border-top: #006699 1px solid;
 
112
        border-left: #006699 1px solid;
 
113
        border-bottom: #145270 1px solid;
 
114
        border-right: #145270 1px solid;
 
115
        overflow: hidden;
 
116
        padding-top: 1px;
 
117
        padding-bottom: 1px;
 
118
}
 
119
/*
 
120
        separator
 
121
*/
 
122
div.dhtmlxMenu_modern_blue_SubLevelArea_Separator {
 
123
        font-size: 1px;
 
124
        cursor: default;
 
125
        -moz-user-select: none;
 
126
        border-top: #D3D2D2 1px solid;
 
127
        border-bottom: #FFFFFF 1px solid;
 
128
        margin-top: 1px;
 
129
}
 
130
/*
 
131
        items
 
132
*/
 
133
div.dhtmlxMenu_modern_blue_SubLevelArea_Item_Normal {
 
134
        position: relative;
 
135
        font-family: Arial;
 
136
        font-size: 12px;
 
137
        font-weight: normal;
 
138
        color: #333333;
 
139
        background: none;
 
140
        margin: 0px 0px 0px 0px;
 
141
        padding: 5px 28px 5px 28px;
 
142
        cursor: default;
 
143
        white-space: nowrap;
 
144
        -moz-user-select: none;
 
145
}
 
146
div.dhtmlxMenu_modern_blue_SubLevelArea_Item_Disabled {
 
147
        position: relative;
 
148
        font-family: Arial;
 
149
        font-size: 12px;
 
150
        font-weight: normal;
 
151
        color: #999999;
 
152
        background: none;
 
153
        margin: 0px 0px 0px 0px;
 
154
        padding: 5px 28px 5px 28px;
 
155
        cursor: default;
 
156
        white-space: nowrap;
 
157
        -moz-user-select: none;
 
158
}
 
159
div.dhtmlxMenu_modern_blue_SubLevelArea_Item_Selected {
 
160
        position: relative;
 
161
        font-family: Arial;
 
162
        font-size: 12px;
 
163
        font-weight: normal;
 
164
        color: #333333;
 
165
        background-color: #CCCCCC;
 
166
        margin: 0px 0px 0px 0px;
 
167
        padding: 5px 28px 5px 28px;
 
168
        cursor: default;
 
169
        white-space: nowrap;
 
170
        -moz-user-select: none;
 
171
}
 
172
/*
 
173
        hotkey
 
174
*/
 
175
div.dhtmlxMenu_modern_blue_SubLevelArea_Item_HotKey {
 
176
        position: absolute;
 
177
        top: 6px;
 
178
        font-size: 10px;
 
179
        right: 8px;
 
180
        color: #606060;
 
181
}
 
182
/*
 
183
        arrow cascade (right, loading)
 
184
*/
 
185
img.dhtmlxMenu_modern_blue_SubLevelArea_Item_Arrow {
 
186
        width: 4px;
 
187
        height: 7px;
 
188
        position: absolute;
 
189
        margin-top: 4px;
 
190
        right: 8px;
 
191
}
 
192
img.dhtmlxMenu_modern_blue_SubLevelArea_Item_Arrow_Loading {
 
193
        width: 10px;
 
194
        height: 10px;
 
195
        position: absolute;
 
196
        margin-top: 1px;
 
197
        right: 6px;
 
198
}
 
199
/*
 
200
        icons (checkboxes and radios are use the same class)
 
201
*/
 
202
img.dhtmlxMenu_modern_blue_TopLevel_Item_Icon {
 
203
        position: absolute;
 
204
        margin-top: -1px;
 
205
        left: 6px;
 
206
        width: 16px;
 
207
        height: 16px;
 
208
}
 
209
img.dhtmlxMenu_modern_blue_SubLevelArea_Item_Icon {
 
210
        position: absolute;
 
211
        top: 3px;
 
212
        left: 6px;
 
213
        left=-23px;
 
214
        width: 16px;
 
215
        height: 16px;
 
216
}
 
217
/*
 
218
        arrows limit (up, down)
 
219
*/
 
220
div.dhtmlxMenu_modern_blue_SubLevelArea_Arrow {
 
221
        width: 100%;
 
222
        height: 100%;
 
223
        background-repeat: no-repeat;
 
224
        background-position: center center;
 
225
}
 
226
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowUp {
 
227
        position: absolute;
 
228
        height: 16px;
 
229
        height=17px;
 
230
        font-size: 1px;
 
231
        border-top: #006699 1px solid;
 
232
        border-left: #006699 1px solid;
 
233
        border-right: #006699 1px solid;
 
234
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_bg_default.gif");
 
235
        background-repeat: repeat-x;
 
236
}
 
237
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowUp_Over {
 
238
        position: absolute;
 
239
        height: 16px;
 
240
        height=17px;
 
241
        font-size: 1px;
 
242
        border-top: #006699 1px solid;
 
243
        border-left: #006699 1px solid;
 
244
        border-right: #006699 1px solid;
 
245
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_bg_over.gif");
 
246
        background-repeat: repeat-x;
 
247
}
 
248
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowUp_Disabled {
 
249
        position: absolute;
 
250
        height: 16px;
 
251
        height=17px;
 
252
        font-size: 1px;
 
253
        border-top: #666666 1px solid;
 
254
        border-left: #666666 1px solid;
 
255
        border-right: #666666 1px solid;
 
256
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_bg_disable.gif");
 
257
        background-repeat: repeat-x;
 
258
}
 
259
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowUp div.dhtmlxMenu_modern_blue_SubLevelArea_Arrow {
 
260
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_up.gif");
 
261
}
 
262
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_modern_blue_SubLevelArea_Arrow {
 
263
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_up_over.gif");
 
264
}
 
265
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_modern_blue_SubLevelArea_Arrow {
 
266
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_up_dis.gif");
 
267
}
 
268
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowDown {
 
269
        position: absolute;
 
270
        height: 16px;
 
271
        height=17px;
 
272
        font-size: 1px;
 
273
        border-left: #006699 1px solid;
 
274
        border-right: #006699 1px solid;
 
275
        border-bottom: #006699 1px solid;
 
276
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_bg_default.gif");
 
277
        background-repeat: repeat-x;
 
278
}
 
279
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowDown_Over {
 
280
        position: absolute;
 
281
        height: 16px;
 
282
        height=17px;
 
283
        font-size: 1px;
 
284
        border-left: #006699 1px solid;
 
285
        border-right: #006699 1px solid;
 
286
        border-bottom: #006699 1px solid;
 
287
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_bg_over.gif");
 
288
        background-repeat: repeat-x;
 
289
}
 
290
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowDown_Disabled {
 
291
        position: absolute;
 
292
        height: 16px;
 
293
        height=17px;
 
294
        font-size: 1px;
 
295
        border-left: #666666 1px solid;
 
296
        border-right: #666666 1px solid;
 
297
        border-bottom: #666666 1px solid;
 
298
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_bg_disable.gif");
 
299
        background-repeat: repeat-x;
 
300
}
 
301
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowDown div.dhtmlxMenu_modern_blue_SubLevelArea_Arrow {
 
302
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_down.gif");
 
303
}
 
304
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowDown_Over div.dhtmlxMenu_modern_blue_SubLevelArea_Arrow {
 
305
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_down_over.gif");
 
306
}
 
307
div.dhtmlxMenu_modern_blue_SubLevelArea_ArrowDown_Disabled div.dhtmlxMenu_modern_blue_SubLevelArea_Arrow {
 
308
        background-image: url("../imgs/dhxmenu_modern_blue/dhtmlxmenu_arrow_down_dis.gif");
 
309
}
 
 
b'\\ No newline at end of file'