Projet

Général

Profil

Paste
Télécharger (11 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / modules / adminimal_admin_menu / adminimal_admin_menu.css @ bad93dab

1
/* Import the Open Sans webfont from Google CDN */
2

    
3
@font-face {
4
  font-family: 'Open Sans';
5
  font-style: normal;
6
  font-weight: 300;
7
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
8
}
9

    
10
@font-face {
11
  font-family: 'Open Sans';
12
  font-style: normal;
13
  font-weight: 400;
14
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff');
15
}
16

    
17
@font-face {
18
  font-family: 'Open Sans';
19
  font-style: normal;
20
  font-weight: 600;
21
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNShsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
22
}
23

    
24

    
25
/* Blink Animation */
26

    
27
@keyframes blink {
28
  0% {
29
    background-color: #f69231;
30
    color: #fff;
31
  }
32
  50% {
33
    background-color: #d94f13;
34
    color: #fff;
35
  }
36
  100% {
37
    background-color: #f69231;
38
    color: #fff;
39
  }
40
}
41

    
42
@-moz-keyframes blink {
43
  0% {
44
    background-color: #f69231;
45
    color: #fff;
46
  }
47
  50% {
48
    background-color: #d94f13;
49
    color: #fff;
50
  }
51
  100% {
52
    background-color: #f69231;
53
    color: #fff;
54
  }
55
}
56

    
57
@-webkit-keyframes blink {
58
  0% {
59
    background-color: #f69231;
60
    color: #fff;
61
  }
62
  50% {
63
    background-color: #d94f13;
64
    color: #fff;
65
  }
66
  100% {
67
    background-color: #f69231;
68
    color: #fff;
69
  }
70
}
71

    
72
@-o-keyframes blink {
73
  0% {
74
    background-color: #f69231;
75
    color: #fff;
76
  }
77
  50% {
78
    background-color: #d94f13;
79
    color: #fff;
80
  }
81
  100% {
82
    background-color: #f69231;
83
    color: #fff;
84
  }
85
}
86

    
87
body.admin-menu.adminimal-menu #admin-menu *::-moz-focus-inner {
88
  border: 0;
89
}
90

    
91
body.admin-menu.adminimal-menu {
92
  margin-top: 0px !important;
93
}
94

    
95
body.admin-menu.adminimal-menu:before {
96
  content: "";
97
  display: block;
98
  width: 100%;
99
  height: 29px;
100
  top: 0;
101
  left: 0;
102
}
103

    
104
body.adminimal-menu div#admin-menu {
105
  background: #333;
106
  background: none repeat scroll 0 0 #202020;
107
  border-bottom: 1px solid #111111;
108
  font-family: Open Sans, "Segoe UI", "Helvetica", sans-serif;
109
}
110

    
111
body.adminimal-menu div#admin-menu li.admin-menu-toolbar-home-menu {
112
  background: transparent;
113
}
114

    
115
body.adminimal-menu div#admin-menu ul.dropdown span.admin-menu-home-icon {
116
  background: url("images/home.svg") no-repeat scroll 0 0 transparent;
117
  display: block;
118
  margin: 5px 0 0;
119
  padding: 0;
120
  width: 15px;
121
}
122

    
123
body.adminimal-menu div#admin-menu a,
124
body.adminimal-menu div#admin-menu span {
125
  border: none !important;
126
  font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif;
127
  font-size: 12px;
128
  line-height: 18px;
129
}
130

    
131
body.adminimal-menu div#admin-menu a:hover {
132
  background-color: #0074bd;
133
  color: #fff;
134
}
135

    
136
body.adminimal-menu #admin-menu .dropdown li li {
137
  background-color: #1f1f1f;
138
}
139

    
140
body.adminimal-menu #admin-menu .dropdown li li.expandable ul {
141
  margin-top: -28px;
142
}
143

    
144
body.adminimal-menu #admin-menu .dropdown li li > li.admin-menu-toolbar-category {
145
  background: #fff !important;
146
}
147

    
148
body.adminimal-menu #admin-menu .dropdown li li li:hover,
149
body.adminimal-menu #admin-menu .dropdown li:hover {
150
  background: #0074bd !important;
151
}
152

    
153
body.adminimal-menu #admin-menu .dropdown a {
154
  border-right: none;
155
}
156

    
157
body.adminimal-menu #admin-menu .dropdown li.admin-menu-toolbar-category a {
158
  line-height: 20px;
159
}
160

    
161
body.adminimal-menu #admin-menu .dropdown li.admin-menu-toolbar-category a:focus {
162
  background: #0074BD;
163
}
164

    
165
body.adminimal-menu #admin-menu #admin-menu-wrapper .dropdown li li {
166
  opacity: 1;
167
}
168

    
169
body.adminimal-menu #admin-menu .dropdown li li:hover,
170
body.adminimal-menu #admin-menu .dropdown li li.iehover {
171
  background-color: #333;
172
}
173

    
174
body.adminimal-menu #admin-menu #admin-menu-wrapper .dropdown li li a {
175
  border: none;
176
}
177

    
178
body.adminimal-menu #admin-menu #admin-menu-wrapper .dropdown li li.expandable {
179
  background: url("images/square.png") no-repeat scroll 145px 11px #1f1f1f;
180
}
181

    
182
body.adminimal-menu #admin-menu #admin-menu-wrapper .dropdown li li.expandable a {
183
  background: transparent;
184
  padding-right: 25px;
185
}
186

    
187
body.adminimal-menu #admin-menu #admin-menu-wrapper .dropdown li li.expandable:hover {
188
  background: url("images/square.png") no-repeat scroll 145px -83px #0074bd !important;
189
}
190

    
191

    
192
/* Shortcuts bar */
193

    
194
body.adminimal-menu div.toolbar-shortcuts {
195
  float: left;
196
}
197

    
198
body.adminimal-menu div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu {
199
  margin: 0;
200
  padding: 0;
201
}
202

    
203
body.adminimal-menu div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu li {
204
  float: left;
205
  list-style: none outside none;
206
  padding: 0;
207
  margin: 0;
208
}
209

    
210
body.adminimal-menu div.shortcut-toolbar div#toolbar a#edit-shortcuts {
211
  float: right;
212
  line-height: 18px;
213
  padding: 5px 10px;
214
  text-decoration: none;
215
}
216

    
217
body.adminimal-menu div.shortcut-toolbar div#toolbar a#edit-shortcuts:hover {
218
  text-decoration: none;
219
}
220

    
221
body.adminimal-menu div.shortcut-toolbar div#toolbar a#edit-shortcuts:focus {
222
  background: #0074BD;
223
}
224

    
225
body.adminimal-menu #admin-menu .dropdown li ul {
226
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
227
}
228

    
229
body.adminimal-menu #admin-menu .dropdown li ul {
230
  border-top: 3px solid #0074BD;
231
}
232

    
233
body.adminimal-menu #admin-menu .admin-menu-toolbar-category.expandable .dropdown li ul {
234
  border-top: none;
235
}
236

    
237
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action a {
238
  border: none !important;
239
}
240

    
241
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action:first-child a {
242
  background: #444;
243
  padding: 5px 10px;
244
}
245

    
246
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action:first-child a:hover,
247
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action:first-child a:focus {
248
  background: #b73939;
249
}
250

    
251
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action.admin-menu-users {
252
  border-left: 1px solid #000;
253
}
254

    
255
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action.admin-menu-users a:hover {
256
  background: #0074BD;
257
}
258

    
259
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action.admin-menu-account a {
260
  background: #4d8f46 !important;
261
  border: medium none;
262
  padding: 5px 10px;
263
}
264

    
265
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action.admin-menu-account a:hover {
266
  background: #277d1e !important;
267
}
268

    
269
body.adminimal-menu #admin-menu #admin-menu-wrapper div#toolbar div.toolbar-shortcuts ul li a {
270
  background: url("images/shortcut.png") no-repeat scroll 7px 7px transparent;
271
  border-radius: 0 0 0 0;
272
  display: block;
273
  margin-right: 0;
274
  padding: 5px 10px;
275
  text-indent: 16px;
276
}
277

    
278
body.adminimal-menu #admin-menu #admin-menu-wrapper div#toolbar div.toolbar-shortcuts ul li a:hover {
279
  background-color: #0074bd;
280
  background-position: 7px -78px;
281
}
282

    
283
body.adminimal-menu #admin-menu .admin-menu-search input {
284
  background: none no-repeat scroll right center #444;
285
  border: medium none;
286
  border-radius: 0 0 0 0;
287
  color: #999999;
288
  font-size: 12px;
289
  margin: 0 !important;
290
  outline: medium none;
291
  padding: 5px 22px 3px 8px;
292
  width: 110px;
293
  height: 20px;
294
}
295

    
296
body.adminimal-menu #admin-menu .admin-menu-search input:focus,
297
#admin-menu .admin-menu-search input:hover,
298
#admin-menu .admin-menu-search input:active {
299
  background: none no-repeat scroll right center #888;
300
  color: #eee;
301
}
302

    
303
body.adminimal-menu li.admin-menu-search:hover {
304
  background: transparent !important;
305
}
306

    
307
body.adminimal-menu div#admin-menu li.highlight {
308
  background-color: #ef6114;
309
  animation: blink 1s ease both infinite;
310
  -moz-animation: blink 1s ease both infinite;
311
  -webkit-animation: blink 1s ease both infinite;
312
  -o-animation: blink 1s ease both infinite;
313
  color: #fff !important;
314
}
315

    
316
body.adminimal-menu #admin-menu li.highlight > a,
317
body.adminimal-menu #admin-menu li.highlight > li {
318
  border-color: #ef6114;
319
  color: #fff !important;
320
  animation: blink 1s ease both infinite;
321
  -moz-animation: blink 1s ease both infinite;
322
  -webkit-animation: blink 1s ease both infinite;
323
  -o-animation: blink 1s ease both infinite;
324
}
325

    
326

    
327
/* Newline render mode */
328

    
329
body.adminimal-menu.admin-menu.menu-render-newline div#admin-menu div#admin-menu-wrapper div.shortcut-toolbar {
330
  clear: both;
331
  border-top: 1px solid #000;
332
}
333

    
334
body.adminimal-menu.admin-menu.menu-render-newline {
335
  margin-top: 56px !important;
336
}
337

    
338
body.adminimal-menu.admin-menu.menu-render-newline #overlay-container,
339
body.adminimal-menu.admin-menu.newline .overlay-modal-background,
340
body.adminimal-menu.admin-menu.newline .overlay-element,
341
body.adminimal-menu.admin-menu.newline #overlay {
342
  padding-top: 30px !important;
343
}
344

    
345

    
346
/* Collapsed render mode */
347

    
348
body.adminimal-menu.admin-menu.menu-render-collapsed div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu {
349
  position: absolute;
350
}
351

    
352
body.adminimal-menu.admin-menu.menu-render-collapsed div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu li {
353
  float: none;
354
  display: none;
355
  border: none;
356
}
357

    
358
body.adminimal-menu.admin-menu.menu-render-collapsed div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu li.label {
359
  display: block;
360
  cursor: default;
361
}
362

    
363
body.adminimal-menu.admin-menu.menu-render-collapsed div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu li.label a:hover {
364
  background: url("images/shortcut.png") no-repeat scroll 7px 7px #202020 !important;
365
  color: #EEEEEE !important;
366
}
367

    
368
body.adminimal-menu.admin-menu.menu-render-collapsed div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu:hover li {
369
  display: block;
370
  background: #202020;
371
}
372

    
373

    
374
/* Dropdown render mode */
375

    
376
body.adminimal-menu.admin-menu.menu-render-dropdown .toolbar-shortcuts select#shortcut-menu {
377
  -webkit-appearance: none;
378
  background: url("images/shortcut.png") no-repeat scroll 7px 7px #222222;
379
  border: medium none;
380
  color: #EEEEEE;
381
  font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif;
382
  font-size: 12px;
383
  padding: 5px 4px 4px 24px;
384
}
385

    
386
body.adminimal-menu.admin-menu.menu-render-dropdown .toolbar-shortcuts select#shortcut-menu option:hover {
387
  cursor: pointer;
388
}
389

    
390
body.adminimal-menu.admin-menu.menu-render-dropdown .toolbar-shortcuts select#shortcut-menu option:first-child {
391
  display: none;
392
}
393

    
394
body.adminimal-menu #admin-menu .dropdown .admin-menu-tab {
395
  background: #444;
396
  padding-bottom: 2px;
397
}
398

    
399

    
400
/* Environment indicator 2.x */
401

    
402
body.adminimal-menu #admin-menu #environment-indicator {
403
  text-shadow: none;
404
}
405

    
406
body.adminimal-menu #admin-menu #environment-indicator .environment-indicator-name {
407
  background-image: none;
408
  border-left: 1px solid #323232;
409
  border-radius: 0;
410
  font-size: 12px;
411
  line-height: 18px;
412
  padding: 5px 10px;
413
}
414

    
415
body.adminimal-menu #admin-menu #admin-menu-wrapper div#toolbar div.toolbar-shortcuts ul,
416
body.adminimal-menu #admin-menu #admin-menu-wrapper div#toolbar div.toolbar-shortcuts ul li {
417
  margin: 0;
418
  padding: 0;
419
}
420

    
421
body.adminimal-menu #admin-menu .admin-menu-search input {
422
  background: none no-repeat scroll right center #444;
423
  border: medium none;
424
  -webkit-border-radius: 0 0 0 0;
425
  -moz-border-radius: 0 0 0 0;
426
  border-radius: 0 0 0 0;
427
  color: #999999;
428
  font-size: 12px;
429
  margin: 0 !important;
430
  outline: medium none;
431
  padding: 5px 22px 3px 8px;
432
  width: 110px;
433
  line-height: 20px;
434
  -webkit-box-shadow: none;
435
  -moz-box-shadow: none;
436
  box-shadow: none;
437
  height: 28px;
438
  box-sizing: border-box;
439
}