Projet

Général

Profil

Paste
Télécharger (13,9 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / libraries / Superfish-for-Drupal-1.x / style / simple / simple.css @ 5a7e6170

1
.block-superfish {
2
  overflow: visible;
3
}
4
.sf-menu.sf-style-simple {
5
  float: left;
6
  margin: 0;
7
  padding: 0;
8
}
9
.sf-menu.sf-style-simple a > .sf-sub-indicator {
10
  top: 1.5em;
11
  background-image: url('images/simple-arrows.png');
12
}
13
.sf-menu.sf-style-simple.rtl a > .sf-sub-indicator {
14
  background-image: url('images/simple-arrows-rtl.png');
15
}
16
.sf-menu.sf-style-simple.sf-vertical a > .sf-sub-indicator {
17
  top: 1.1em;
18
}
19
.sf-menu.sf-style-simple li li .sf-sub-indicator,
20
.sf-menu.sf-style-simple li li a > .sf-sub-indicator {
21
  top: 1em;
22
}
23
.sf-menu.sf-style-simple ul {
24
  padding-left: 0;
25
}
26
.sf-menu.sf-style-simple.rtl ul {
27
  padding-left: auto;
28
  padding-right: 0;
29
}
30
.sf-menu.sf-style-simple.sf-horizontal.sf-shadow ul,
31
.sf-menu.sf-style-simple.sf-vertical.sf-shadow ul,
32
.sf-menu.sf-style-simple.sf-navbar.sf-shadow ul ul {
33
  padding: 0 8px 7px 0 !important;
34
  -webkit-border-top-right-radius: 15px;
35
  -webkit-border-bottom-left-radius: 15px;
36
  -moz-border-radius-topright: 15px;
37
  -moz-border-radius-bottomleft: 15px;
38
  border-top-right-radius: 15px;
39
  border-bottom-left-radius: 15px;
40
}
41
.sf-menu.sf-style-simple.sf-horizontal.sf-shadow.rtl ul,
42
.sf-menu.sf-style-simple.sf-vertical.sf-shadow.rtl ul,
43
.sf-menu.sf-style-simple.sf-navbar.sf-shadow.rtl ul ul {
44
  padding: 0 0 7px 8px !important;
45
  -webkit-border-top-left-radius: 15px;
46
  -webkit-border-top-right-radius: 0;
47
  -webkit-border-bottom-right-radius: 15px;
48
  -webkit-border-bottom-left-radius: 0;
49
  -moz-border-radius-topleft: 15px;
50
  -moz-border-radius-topright: 0;
51
  -moz-border-radius-bottomright: 15px;
52
  -moz-border-radius-bottomleft: 0;
53
  border-top-left-radius: 15px;
54
  border-top-right-radius: 0;
55
  border-bottom-right-radius: 15px;
56
  border-bottom-left-radius: 0;
57
}
58
.sf-menu.sf-style-simple.sf-horizontal li:hover > ul,
59
.sf-menu.sf-style-simple.sf-horizontal li.sfHover > ul {
60
  top: 48px;
61
}
62
.sf-menu.sf-style-simple.sf-horizontal > li:hover > ul,
63
.sf-menu.sf-style-simple.sf-horizontal > li.sfHover > ul {
64
  left: -1px;
65
}
66
.sf-menu.sf-style-simple.sf-horizontal.rtl > li:hover > ul,
67
.sf-menu.sf-style-simple.sf-horizontal.rtl > li.sfHover > ul {
68
  left: auto;
69
  right: -1px;
70
}
71
.sf-menu.sf-style-simple.sf-horizontal li li:hover > ul,
72
.sf-menu.sf-style-simple.sf-horizontal li li.sfHover > ul,
73
.sf-menu.sf-style-simple.sf-vertical li:hover > ul,
74
.sf-menu.sf-style-simple.sf-vertical li.sfHover > ul,
75
.sf-menu.sf-style-simple.sf-navbar li li li:hover > ul,
76
.sf-menu.sf-style-simple.sf-navbar li li li.sfHover > ul,
77
.sf-menu.sf-style-simple.sf-navbar li li li.active-trail ul {
78
  top: -1px;
79
}
80
.sf-menu.sf-style-simple.sf-horizontal > li.first:hover > ul,
81
.sf-menu.sf-style-simple.sf-horizontal > li.first.sfHover > ul {
82
  left: 10px;
83
}
84
.sf-menu.sf-style-simple.sf-horizontal.rtl > li.first:hover > ul,
85
.sf-menu.sf-style-simple.sf-horizontal.rtl > li.first.sfHover > ul {
86
  left: auto;
87
  right: 10px;
88
}
89
.sf-menu.sf-style-simple.sf-horizontal li li li.first:hover > ul,
90
.sf-menu.sf-style-simple.sf-horizontal li li li.first.sfHover > ul,
91
.sf-menu.sf-style-simple.sf-vertical li.first:hover > ul,
92
.sf-menu.sf-style-simple.sf-vertical li.first.sfHover > ul,
93
.sf-menu.sf-style-simple.sf-navbar li li li li.first:hover > ul,
94
.sf-menu.sf-style-simple.sf-navbar li li li li.first.sfHover > ul {
95
  top: 10px;
96
}
97
.sf-menu.sf-style-simple.sf-navbar > li:hover > ul,
98
.sf-menu.sf-style-simple.sf-navbar > li.sfHover > ul,
99
.sf-menu.sf-style-simple.sf-navbar > li.active-trail > ul {
100
  top: 50px;
101
}
102
.sf-menu.sf-style-simple.sf-navbar li li:hover > ul,
103
.sf-menu.sf-style-simple.sf-navbar li li.sfHover > ul {
104
  top: 38px;
105
}
106
.sf-menu.sf-style-simple a,
107
.sf-menu.sf-style-simple a:visited  {
108
  color: #555555;
109
  font: normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-serif;
110
  padding: 1.4em 1.5em;
111
  text-decoration: none;
112
  text-shadow: 1px 1px 0 #ffffff;
113
}
114
.sf-menu.sf-style-simple a:focus,
115
.sf-menu.sf-style-simple a:hover,
116
.sf-menu.sf-style-simple a:active,
117
.sf-menu.sf-style-simple li:hover > a,
118
.sf-menu.sf-style-simple li.sfHover > a {
119
  color: #222222;
120
}
121
.sf-menu.sf-style-simple li li a,
122
.sf-menu.sf-style-simple.sf-vertical a {
123
  padding: 1em 1.5em;
124
}
125
.sf-menu.sf-style-simple a.sf-with-ul {
126
  padding-right: 3em;
127
}
128
.sf-menu.sf-style-simple.rtl a.sf-with-ul {
129
  padding-left: 3em;
130
  padding-right: 1.5em;
131
}
132
.sf-menu.sf-style-simple span.sf-description {
133
  color: #666666;
134
  display: block;
135
  font-size: 0.8em;
136
  line-height: 1.5em;
137
  margin: 5px 0 0 5px;
138
  padding: 0;
139
}
140
.sf-menu.sf-style-simple.sf-horizontal li,
141
.sf-menu.sf-style-simple.sf-navbar li {
142
  border: 1px solid #e0e0e0;
143
  border-left-color: #ffffff;
144
}
145
.sf-menu.sf-style-simple.sf-horizontal > li.first,
146
.sf-menu.sf-style-simple.sf-navbar > li.first {
147
  border-left-color: #e0e0e0;
148
}
149
.sf-menu.sf-style-simple.sf-horizontal.rtl > li.first,
150
.sf-menu.sf-style-simple.sf-navbar.rtl > li.first {
151
  border-left-color: #ffffff;
152
}
153
.sf-menu.sf-style-simple.sf-horizontal.rtl > li.last,
154
.sf-menu.sf-style-simple.sf-navbar.rtl > li.last {
155
  border-left-color: #e0e0e0;
156
}
157
.sf-menu.sf-style-simple.sf-navbar li > ul > li {
158
  border: 0 none;
159
  border-bottom: 1px solid #e0e0e0;
160
}
161
.sf-menu.sf-style-simple.sf-navbar li > ul > li.first,
162
.sf-menu.sf-style-simple.sf-navbar.rtl li > ul > li.last {
163
  border-left: 1px solid #e0e0e0;
164
}
165
.sf-menu.sf-style-simple.sf-navbar li > ul > li.last,
166
.sf-menu.sf-style-simple.sf-navbar.rtl li > ul > li.first {
167
  border-right: 1px solid #e0e0e0;
168
}
169
.sf-menu.sf-style-simple.sf-vertical li,
170
.sf-menu.sf-style-simple.sf-horizontal li li,
171
.sf-menu.sf-style-simple.sf-navbar li li li {
172
  border: 1px solid #e0e0e0;
173
  border-top-color: #ffffff;
174
}
175
.sf-menu.sf-style-simple.sf-vertical li.first,
176
.sf-menu.sf-style-simple.sf-horizontal li li li.first,
177
.sf-menu.sf-style-simple.sf-navbar li li li li.first,
178
.sf-menu.sf-style-simple li ul.sf-megamenu li.sf-megamenu-wrapper {
179
  border-top-color: #e0e0e0;
180
}
181
.sf-menu.sf-style-simple li {
182
  background: url('images/simple-background.png') repeat-x top left #eeeeee;
183
}
184
.sf-menu.sf-style-simple li:hover,
185
.sf-menu.sf-style-simple li.sfHover {
186
  background: url('images/simple-background-active.png') repeat-x top left #fefefe;
187
}
188
.sf-menu.sf-style-simple.sf-horizontal > li.first {
189
  -webkit-border-top-left-radius: 8px;
190
  -webkit-border-bottom-left-radius: 8px;
191
  -moz-border-radius-topleft: 8px;
192
  -moz-border-radius-bottomleft: 8px;
193
  border-top-left-radius: 8px;
194
  border-bottom-left-radius: 8px;
195
}
196
.sf-menu.sf-style-simple.sf-horizontal > li.last,
197
.sf-menu.sf-style-simple.sf-horizontal li li.sf-total-children-1 > ul > li.first,
198
.sf-menu.sf-style-simple.sf-vertical li li.sf-total-children-1 > ul > li.first,
199
.sf-menu.sf-style-simple.sf-navbar li li li.sf-total-children-1 > ul > li.first {
200
  -webkit-border-top-right-radius: 8px;
201
  -webkit-border-bottom-right-radius: 8px;
202
  -moz-border-radius-topright: 8px;
203
  -moz-border-radius-bottomright: 8px;
204
  border-top-right-radius: 8px;
205
  border-bottom-right-radius: 8px;
206
}
207
.sf-menu.sf-style-simple.sf-vertical > li.first {
208
  -webkit-border-top-left-radius: 8px;
209
  -webkit-border-top-right-radius: 8px;
210
  -moz-border-radius-topleft: 8px;
211
  -moz-border-radius-topright: 8px;
212
  border-top-left-radius: 8px;
213
  border-top-right-radius: 8px;
214
}
215
.sf-menu.sf-style-simple.sf-vertical li.last,
216
.sf-menu.sf-style-simple.sf-horizontal li li.last,
217
.sf-menu.sf-style-simple.sf-navbar li li li.last,
218
.sf-menu.sf-style-simple li.sf-total-children-1 > ul > li.first {
219
  -webkit-border-bottom-right-radius: 8px;
220
  -webkit-border-bottom-left-radius: 8px;
221
  -moz-border-radius-bottomright: 8px;
222
  -moz-border-radius-bottomleft: 8px;
223
  border-bottom-right-radius: 8px;
224
  border-bottom-left-radius: 8px;
225
}
226
.sf-menu.sf-style-simple.sf-vertical.sf-total-items-1 > li.first,
227
.sf-menu.sf-style-simple.sf-horizontal.sf-total-items-1 > li.first {
228
  -webkit-border-radius: 8px;
229
  -moz-border-radius: 8px;
230
  border-radius: 8px;
231
}
232
.sf-menu.sf-style-simple.sf-navbar > li.first {
233
  -webkit-border-top-left-radius: 8px;
234
  -moz-border-radius-topleft: 8px;
235
  border-top-left-radius: 8px;
236
}
237
.sf-menu.sf-style-simple.sf-navbar > li > ul > li.first {
238
  -webkit-border-bottom-left-radius: 8px;
239
  -moz-border-radius-bottomleft: 8px;
240
  border-bottom-left-radius: 8px;
241
}
242
.sf-menu.sf-style-simple.sf-navbar > li > ul > li.last {
243
  -webkit-border-bottom-right-radius: 8px;
244
  -moz-border-radius-bottomright: 8px;
245
  border-bottom-right-radius: 8px;
246
}
247
.sf-menu.sf-style-simple.sf-navbar > li.last,
248
.sf-menu.sf-style-simple.sf-navbar li li li li.first,
249
.sf-menu.sf-style-simple.sf-vertical li li.first,
250
.sf-menu.sf-style-simple.sf-horizontal li li li.first {
251
  -webkit-border-top-right-radius: 8px;
252
  -moz-border-radius-topright: 8px;
253
  border-top-right-radius: 8px;
254
}
255
.sf-menu.sf-style-simple.sf-navbar.rtl > li.first {
256
  -webkit-border-radius: 0;
257
  -webkit-border-top-right-radius: 8px;
258
  -moz-border-radius: 0;
259
  -moz-border-radius-topright: 8px;
260
  border-radius: 0;
261
  border-top-right-radius: 8px;
262
}
263
.sf-menu.sf-style-simple.sf-horizontal.rtl > li.last,
264
.sf-menu.sf-style-simple.sf-horizontal.rtl li li.sf-total-children-1 > ul > li.first,
265
.sf-menu.sf-style-simple.sf-vertical.rtl li li.sf-total-children-1 > ul > li.first,
266
.sf-menu.sf-style-simple.sf-navbar.rtl li li li.sf-total-children-1 > ul > li.first {
267
  -webkit-border-radius: 8px;
268
  -webkit-border-top-right-radius: 0;
269
  -webkit-border-bottom-right-radius: 0;
270
  -moz-border-radius: 8px;
271
  -moz-border-radius-topright: 0;
272
  -moz-border-radius-bottomright: 0;
273
  border-radius: 8px;
274
  border-top-right-radius: 0;
275
  border-bottom-right-radius: 0;
276
}
277
.sf-menu.sf-style-simple.sf-horizontal.rtl > li.first {
278
  -webkit-border-radius: 0;
279
  -webkit-border-top-right-radius: 8px;
280
  -webkit-border-bottom-right-radius: 8px;
281
  -moz-border-radius: 0;
282
  -moz-border-radius-topright: 8px;
283
  -moz-border-radius-bottomright: 8px;
284
  border-radius: 0;
285
  border-top-right-radius: 8px;
286
  border-bottom-right-radius: 8px;
287
}
288
.sf-menu.sf-style-simple.sf-navbar.rtl > li > ul > li.first {
289
  -webkit-border-radius: 0;
290
  -webkit-border-bottom-right-radius: 8px;
291
  -moz-border-radius: 0;
292
  -moz-border-radius-bottomright: 8px;
293
  border-radius: 0;
294
  border-bottom-right-radius: 8px;
295
}
296
.sf-menu.sf-style-simple.sf-navbar.rtl > li.last,
297
.sf-menu.sf-style-simple.sf-navbar.rtl li li li li.first,
298
.sf-menu.sf-style-simple.sf-vertical.rtl li li.first,
299
.sf-menu.sf-style-simple.sf-horizontal.rtl li li li.first {
300
  -webkit-border-radius: 0;
301
  -webkit-border-top-left-radius: 8px;
302
  -moz-border-radius: 0;
303
  -moz-border-radius-topleft: 8px;
304
  border-radius: 0;
305
  border-top-left-radius: 8px;
306
}
307
.sf-menu.sf-style-simple.sf-navbar.rtl > li > ul > li.last {
308
  -webkit-border-radius: 0;
309
  -webkit-border-bottom-left-radius: 8px;
310
  -moz-border-radius: 0;
311
  -moz-border-radius-bottomleft: 8px;
312
  border-radius: 0;
313
  border-bottom-left-radius: 8px;
314
}
315
.sf-menu.sf-style-simple.sf-vertical.rtl li.last,
316
.sf-menu.sf-style-simple.sf-horizontal.rtl li li.last,
317
.sf-menu.sf-style-simple.sf-navbar.rtl li li li.last,
318
.sf-menu.sf-style-simple.rtl li.sf-total-children-1 > ul > li.first {
319
  -webkit-border-bottom-right-radius: 8px;
320
  -webkit-border-bottom-left-radius: 8px;
321
  -moz-border-radius-bottomright: 8px;
322
  -moz-border-radius-bottomleft: 8px;
323
  border-bottom-right-radius: 8px;
324
  border-bottom-left-radius: 8px;
325
}
326
.sf-menu.sf-style-simple li ul.sf-megamenu li ol li {
327
  background: none;
328
  border: 0 none;
329
}
330
.sf-menu.sf-style-simple li ul.sf-megamenu li.sf-megamenu-wrapper {
331
  -webkit-border-radius: 8px;
332
  -webkit-border-top-left-radius: 0;
333
  -moz-border-radius: 8px;
334
  -moz-border-radius-topleft: 0;
335
  border-radius: 8px;
336
  border-top-left-radius: 0;
337
}
338
.sf-menu.sf-style-simple li ul.sf-megamenu  li.sf-megamenu-wrapper,
339
.sf-menu.sf-style-simple li ul.sf-megamenu  li.sf-megamenu-wrapper:hover,
340
.sf-menu.sf-style-simple li ul.sf-megamenu  li.sf-megamenu-wrapper.sfHover {
341
  background: url('images/simple-background.png') repeat-x top left #eeeeee;
342
}
343
.sf-menu.sf-style-simple li ul.sf-megamenu li.sf-megamenu-wrapper ol,
344
.sf-menu.sf-style-simple li ul.sf-megamenu li.sf-megamenu-wrapper ol li {
345
  margin: 0;
346
  padding: 0;
347
}
348
.sf-menu.sf-style-simple ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a {
349
  font-weight: bold;
350
  padding: 1em;
351
}
352
.sf-menu.sf-style-simple ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column:hover > a {
353
  color: #555555;
354
}
355
.sf-menu.sf-style-simple ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a:focus,
356
.sf-menu.sf-style-simple ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a:hover,
357
.sf-menu.sf-style-simple ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a:active {
358
  color: #222222;
359
}
360
.sf-menu.sf-style-simple ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column ol li {
361
  background: url('images/simple-list.png') no-repeat left center;
362
  margin: 0 0 0 1em;
363
  padding: 0 0 0 1em;
364
}
365
.sf-menu.sf-style-simple.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column ol li {
366
  background-position: right center;
367
  margin: 0 1em 0 0;
368
  padding: 0 1em 0 0;
369
}
370
.sf-menu.sf-style-simple ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column ol li a {
371
  font-size: 0.8em;
372
  padding: 0.5em 0;
373
}
374
.sf-menu.sf-style-simple ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
375
  display: inline;
376
  float: left;
377
  width: 12em;
378
}
379
.sf-menu.sf-style-simple.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
380
  float: right;
381
}
382
.sf-menu.sf-style-simple li.sf-parent-children-1 ul.sf-megamenu {
383
  width: 12em;
384
}
385
.sf-menu.sf-style-simple li.sf-parent-children-2 ul.sf-megamenu {
386
  width: 24em;
387
}
388
.sf-menu.sf-style-simple li.sf-parent-children-3 ul.sf-megamenu {
389
  width: 36em;
390
}
391
.sf-menu.sf-style-simple li.sf-parent-children-4 ul.sf-megamenu {
392
  width: 48em;
393
}
394
.sf-menu.sf-style-simple li.sf-parent-children-5 ul.sf-megamenu {
395
  width: 60em;
396
}
397
.sf-menu.sf-style-simple li.sf-parent-children-6 ul.sf-megamenu {
398
  width: 72em;
399
}
400
.sf-menu.sf-style-simple li.sf-parent-children-7 ul.sf-megamenu {
401
  width: 84em;
402
}
403
.sf-menu.sf-style-simple li.sf-parent-children-8 ul.sf-megamenu {
404
  width: 96em;
405
}
406
.sf-menu.sf-style-simple li.sf-parent-children-9 ul.sf-megamenu {
407
  width: 108em;
408
}
409
.sf-menu.sf-style-simple li.sf-parent-children-10 ul.sf-megamenu {
410
  width: 120em;
411
}