Projet

Général

Profil

Paste
Télécharger (30,7 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / adminimal_theme / skins / material / material.css @ f8e16685

1
/* Import the Open Sans webfont from Google CDN */
2
@font-face {
3
  font-family: 'Roboto';
4
  font-style: normal;
5
  font-weight: 300;
6
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/El-bgsteBznJNL5pgUfFLA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/d-QWLnp4didxos_6urzFtg.woff) format('woff');
7
  }
8
@font-face {
9
  font-family: 'Roboto';
10
  font-style: normal;
11
  font-weight: 400;
12
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/N5Lbe1fynPA1KT8BFvAiGw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/grlryt2bdKIyfMSOhzd1eA.woff) format('woff');
13
}
14
@font-face {
15
  font-family: 'Roboto';
16
  font-style: normal;
17
  font-weight: 600;
18
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/tZdhd9Zzj0I2MwoD56osIw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/vxNK-E6B13CyehuDCmvQvw.woff) format('woff');
19
}
20

    
21
html,
22
body.adminimal-skin-material {
23
  height: 100%;
24
  background: #f9f9f9;
25
}
26

    
27
body.adminimal-skin-material {
28
  font-family: Roboto, sans-serif;
29
}
30

    
31
body.adminimal-skin-material #page {
32
  background: #f9f9f9;
33
}
34

    
35
body.adminimal-skin-material a {
36
  color: #2196F3;
37
  -o-transition:.3s;
38
  -ms-transition:.3s;
39
  -moz-transition:.3s;
40
  -webkit-transition:.3s;
41
  transition:.3s;
42
}
43

    
44
h1, h2, h3, h4, h5, h6 {
45
  font-family: Roboto, sans-serif;
46
}
47

    
48
body.adminimal-skin-material table th.active {
49
  background: #607D8B;
50
  color: #fff;
51
}
52

    
53
body.adminimal-skin-material table tr.selected td.active,
54
body.adminimal-skin-material table tr.selected td {
55
  background: #ECEFF1;
56
}
57

    
58
body.adminimal-skin-material table th {
59
  background: #E0E0E0;
60
}
61

    
62
body.adminimal-skin-material tr.even:hover, .adminimal-theme tr.odd:hover {
63
  background: #FFF9C4;
64
}
65

    
66
body.adminimal-skin-material .marker,
67
body.adminimal-skin-material .form-required {
68
  color: #FF9800;
69
}
70

    
71
body.adminimal-skin-material td .marker {
72
  position: relative;
73
  top: 0.5em;
74
  vertical-align: top;
75
}
76

    
77
body.adminimal-skin-material table.tableheader-processed {
78
  border: 1px solid #E0E0E0;
79
}
80

    
81
body.adminimal-skin-material tr.even,
82
body.adminimal-skin-material tr.odd {
83
  background: #FFF;
84
}
85

    
86
body.adminimal-skin-material .messages ul {
87
  list-style-type: none;
88
}
89

    
90
body.adminimal-skin-material div.messages ul li {
91
  font-size: 14px;
92
  padding-bottom: 0.5em;
93
}
94

    
95
body.adminimal-skin-material div.messages ul li:last-of-type {
96
  padding-bottom: 0;
97
}
98

    
99
body.adminimal-skin-material #help p {
100
  font-size: 13px;
101
}
102

    
103
body.adminimal-skin-material div.messages ul.krumo-node {
104
  margin : 0;
105
}
106

    
107
body.adminimal-skin-material div.messages ul.krumo-node li.krumo-child {
108
  font-size: 12px;
109
  padding-bottom: 0;
110
}
111

    
112
body.adminimal-skin-material div.warning {
113
  background-color: #fff3e0;
114
  border: none;
115
  border-radius: 3px;
116
  background-position: 14px 50%;
117
}
118

    
119
body.adminimal-skin-material  div.status {
120
  background-color: #E8F5E9;
121
  border: none;
122
  border-radius: 3px;
123
  background-position: 14px 50%;
124
}
125

    
126
body.adminimal-menu.adminimal-skin-material div#admin-menu {
127
  background: #1b2327;
128
  border-color: #1b2327;
129
}
130

    
131
body.adminimal-skin-material #branding {
132
  background-color: #263238;
133
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
134
}
135

    
136
body.adminimal-skin-material.adminimal-menu div#admin-menu a,
137
body.adminimal-skin-material.adminimal-menu div#admin-menu span {
138
  font-family: Roboto;
139
  font-size: 13px;
140
  text-transform: capitalize;
141
}
142

    
143
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action:first-child a {
144
  background: #1B2327;
145
}
146

    
147
body.adminimal-menu #admin-menu .admin-menu-search input {
148
  background: #1B2327;
149
  box-shadow: inset 0px -2px 0px #64696C;
150
  transition: all, 0.3s;
151
}
152

    
153
body.adminimal-menu #admin-menu .admin-menu-search input:focus {
154
  box-shadow: inset 0px -2px 0px #FFFFFF;
155
  background: #1B2327;
156
  color: #FFF;
157
}
158

    
159
body.adminimal-menu #admin-menu .dropdown li.admin-menu-action.admin-menu-account a {
160
  background: #1B2327 !important;
161
}
162

    
163
body.adminimal-skin-material ul li a {
164
  -webkit-user-select: all;  /* Chrome 49+ */
165
  -moz-user-select: all;     /* Firefox 43+ */
166
  -ms-user-select: all;      /* No support yet */
167
}
168

    
169
body.adminimal-skin-material ul.primary li.active a,
170
body.adminimal-skin-material ul.primary li.active a.active,
171
body.adminimal-skin-material ul.primary li.active a:active,
172
body.adminimal-skin-material ul.primary li.active a:visited {
173
  margin-top: 0px;
174
  border-top: none;
175
}
176

    
177
body.adminimal-skin-material ul.primary li {
178
  text-transform: uppercase;
179
}
180

    
181
body.adminimal-skin-material #navigation ul.primary li:first-of-type.active {
182
    margin-left: 10px;
183
}
184

    
185
body.adminimal-skin-material div.breadcrumb a {
186
  color: #A3A3A3;
187
}
188

    
189
body.adminimal-skin-material div.breadcrumb a:hover {
190
  color: #fff;
191
}
192

    
193

    
194
body.adminimal-skin-material ul.primary li.active a,
195
body.adminimal-skin-material ul.primary li.active a.active,
196
body.adminimal-skin-material ul.primary li.active a:active,
197
body.adminimal-skin-material ul.primary li.active a:visited {
198
  box-shadow: none;
199
  background-color: transparent;
200
  color: #000;
201
}
202

    
203
body.adminimal-skin-material ul.primary {
204
  background-color: #EEEEEE;
205
}
206

    
207
body.adminimal-skin-material #branding h1.page-title {
208
  font-family: Roboto, sans-serif;
209
  font-size: 28px;
210
  font-weight: 400;
211
  line-height: 1.5em;
212
  padding: 0px 0px 8px;
213
}
214

    
215
body.adminimal-skin-material div.add-or-remove-shortcuts {
216
  padding-left: 2px;
217
  padding-top: 16px;
218
}
219

    
220
body.adminimal-skin-material ul.action-links a {
221
  text-transform: uppercase;
222
  font-weight: 500;
223
  font-size: 15px;
224
  background: #2196f3;
225
  color: #FFFFFF;
226
  padding: 3px 20px 2px;
227
  border-radius: 3px;
228
  display: inline-block;
229
  font-family: Roboto, sans-serif;
230
}
231

    
232
body.adminimal-skin-material ul.action-links a:hover {
233
  background: #29B6F6;
234
  text-decoration: none;
235
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
236
}
237

    
238
body.adminimal-skin-material .theme-selector {
239
  padding-bottom: 40px;
240
  background: #FFFFFF;
241
  border-radius: 4px;
242
  border: 1px solid #ECECEC;
243
  margin: 26px 0;
244
  padding: 40px 25px;
245
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
246
}
247

    
248
body.adminimal-skin-material #system-themes-page h2 {
249
  color: #455a64;
250
  font-size: 26px;
251
  font-weight: 500;
252
  text-transform: none;
253
}
254

    
255
body.adminimal-skin-material #page .operations a {
256
  text-transform: uppercase;
257
}
258

    
259
body.adminimal-skin-material.page-admin-appearance fieldset legend {
260
  font-family: Roboto, sans-serif !important;
261
  font-weight: 400 !important;
262
  font-size: 20px !important;
263
}
264

    
265
body.adminimal-skin-material fieldset {
266
  border: none;
267
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
268
  background: #fff;
269
  border-radius: 3px;
270
  padding-top: 42px;
271
  position: relative;
272
  margin-bottom: 20px;
273
}
274

    
275
body.adminimal-skin-material .fieldset-description {
276
  padding-bottom: 20px;
277
  color: #909090;
278
}
279

    
280
body.adminimal-skin-material .text-format-wrapper fieldset.filter-wrapper {
281
  box-shadow: none;
282
  border: 1px solid #DDD;
283
  border-radius: 0;
284
}
285

    
286
body.adminimal-skin-material .vertical-tabs-panes fieldset {
287
  padding-top: 42px;
288
}
289

    
290
body.adminimal-skin-material .vertical-tabs-panes fieldset.vertical-tabs-pane {
291
  box-shadow: none;
292
}
293

    
294
body.adminimal-skin-material .form-item label,
295
body.adminimal-skin-material .exposed-filters .form-item label {
296
  font-family: Roboto, sans-serif;
297
}
298

    
299
body.adminimal-skin-material .form-item label {
300
  font-size: 14px;
301
  font-weight: 600;
302
}
303

    
304
body.adminimal-skin-material .form-item label.option {
305
  font-size: 16px;
306
  font-weight: 100;
307
}
308

    
309
body.adminimal-skin-material fieldset legend {
310
  font-family: Roboto, sans-serif;
311
  font-size: 22px;
312
  font-weight: 100;
313
  position: absolute;
314
  top: 14px;
315
  left: 9px;
316
  color: #455a64;
317
}
318

    
319
body.adminimal-skin-material fieldset .fieldset-wrapper {
320
  margin-top: 5px;
321
}
322

    
323
body.adminimal-skin-material .features-export-parent fieldset legend {
324
  top: 0;
325
}
326

    
327
/* Omega Fieldset fix */
328

    
329
body.page-admin-appearance-settings-omega.adminimal-skin-material fieldset {
330
  border: solid 1px #ddd !important;
331
  border-top: 1px #ddd !important;
332
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18) !important;
333
  padding: 12px !important;
334
  padding-top: 42px !important;
335
  margin: 18px 0 !important;
336
}
337

    
338
/* Apperance page */
339
body.page-admin-appearance.adminimal-skin-material fieldset legend {
340
  font-family: Roboto, sans-serif !important;
341
  font-size: 22px !important;
342
  font-weight: 100 !important;
343
  top: 16px;
344
}
345

    
346
body.page-admin-appearance.adminimal-skin-material fieldset#edit-admin-theme {
347
  padding-top: 13px;
348
}
349

    
350
body.page-admin-appearance.adminimal-skin-material .theme-selector {
351
  padding-bottom: 40px;
352
  background: #FFFFFF;
353
  border-radius: 4px;
354
  border: none;
355
  margin: 26px 0;
356
  padding: 32px 25px;
357
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
358
  width: 306px;
359
  float: left;
360
  margin-right: 20px;
361
  height: 410px;
362
  position: relative;
363
  -o-transition:.3s;
364
  -ms-transition:.3s;
365
  -moz-transition:.3s;
366
  -webkit-transition:.3s;
367
  transition:.3s;
368
}
369

    
370
body.page-admin-appearance.adminimal-skin-material .system-themes-list-disabled .theme-selector .screenshot,
371
body.page-admin-appearance.adminimal-skin-material .system-themes-list-disabled .theme-selector .no-screenshot {
372
  border: 1px solid #e0e0d8;
373
  padding: 2px;
374
  vertical-align: bottom;
375
  width: 294px;
376
  height: 219px;
377
  line-height: 219px;
378
  text-align: center;
379
}
380

    
381
body.page-admin-appearance.adminimal-skin-material .system-themes-list-enabled .theme-info h3{
382
  font-size: 20px;
383
  font-weight: 600;
384
  line-height: 1.5rem;
385
  float: left;
386
  width: 100%;
387
  margin-top: 15px;
388
}
389

    
390
body.page-admin-appearance.adminimal-skin-material .theme-selector .theme-description {
391
  overflow: auto;
392
  float: left;
393
  margin-top: 2px;
394
  max-height: 100px;
395
}
396

    
397
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations {
398
  padding: 0;
399
  position: absolute;
400
  bottom: 0px;
401
  font-size: 14px;
402
  width: 100%;
403
  font-weight: bold;
404
  margin: 0;
405
  left: 0px;
406
  padding-top: 5px;
407
  border-top: 1px solid #eee;
408
}
409

    
410
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations li {
411
  float: right;
412
  border: none;
413
  padding: 0;
414
}
415

    
416
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations li a {
417
  padding: 10px;
418
}
419

    
420
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations li.first a{
421
  padding: 10px;
422
  margin-right: 10px;
423
}
424

    
425
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations li a:hover{
426
  color: #FF9800;
427
  text-decoration: none;
428
}
429

    
430
/* Custom Checkbox styling */
431

    
432
/* Chrome + Safari + Opera */
433
@supports (-webkit-appearance:none) {
434
body.adminimal-skin-material.style-checkboxes input[type=checkbox],
435
body.adminimal-skin-material.style-checkboxes input[type=radio] {
436
-webkit-appearance:none; /* Safari and Chrome */
437
  display: inline-block;
438
  position: relative;
439
  top: 3px;
440
  margin-right: 0.25em;
441
  padding: 0;
442
  background: #fff;
443
  border: 2px solid #757575;
444
  border-radius: 2px;
445
  width: 14px !important;
446
  height: 14px !important;
447
  -webkit-transition: all 0.5s ease;
448
  -o-transition: all 0.5s ease;
449
  transition: background 0.5s ease;
450
  outline: none;
451
}
452

    
453
body.adminimal-skin-material.style-checkboxes input[type=radio] {
454
  border-radius: 50%;
455
  box-shadow: inset 0px 0px 0px 0px #fff;
456
  transition: box-shadow .1s cubic-bezier(0.28,0.63,0.77,0.17);
457
}
458

    
459
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:hover,
460
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:focus,
461
body.adminimal-skin-material.style-checkboxes input[type=radio]:hover,
462
body.adminimal-skin-material.style-checkboxes input[type=radio]:focus {
463
  border-color: #757575;
464
  cursor: pointer;
465
}
466

    
467
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:checked,
468
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled:checked,
469
body.adminimal-skin-material.style-checkboxes input[type=radio]:checked,
470
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled:checked{
471
  border-color: #0E9C57;
472
}
473

    
474
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:checked,
475
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled:checked {
476
  background: url('images/check.svg') scroll no-repeat 0 0 #0E9C57;
477
}
478

    
479
body.adminimal-skin-material.style-checkboxes input[type=radio]:checked,
480
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled:checked {
481
  background: #0E9C57;
482
  box-shadow: inset 0px 0px 0px 3px #fff;
483
}
484

    
485
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled,
486
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled {
487
  opacity: .5;
488
  background: #E2E2E2;
489
}
490

    
491
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled:hover,
492
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled:hover {
493
  border-color: #0E9C57;
494
  cursor: default;
495
  /*cursor: not-allowed;*/
496
  }
497
}
498

    
499
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled:checked,
500
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled:checked:hover,
501
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled:checked,
502
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled:checked:hover {
503
  background-color: #999;
504
  border-color: #999;
505
}
506

    
507
/* Waves plugin (Ripple effect) */
508
/*!
509
 * Waves v0.6.6
510
 * http://fian.my.id/Waves
511
 *
512
 * Copyright 2014 Alfiana E. Sibuea and other contributors
513
 * Released under the MIT license
514
 * https://github.com/fians/Waves/blob/master/LICENSE
515
 */
516
.waves-effect {
517
  position: relative;
518
  cursor: pointer;
519
  display: inline-block;
520
  overflow: hidden;
521
  -webkit-user-select: none;
522
  -moz-user-select: none;
523
  -ms-user-select: none;
524
  user-select: none;
525
  -webkit-tap-highlight-color: transparent;
526
}
527
.waves-effect .waves-ripple {
528
  position: absolute;
529
  border-radius: 50%;
530
  width: 100px;
531
  height: 100px;
532
  margin-top: -50px;
533
  margin-left: -50px;
534
  opacity: 0;
535
  background: rgba(0, 0, 0, 0.2);
536
  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
537
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
538
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
539
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
540
  -webkit-transition: all 0.5s ease-out;
541
  -moz-transition: all 0.5s ease-out;
542
  -o-transition: all 0.5s ease-out;
543
  transition: all 0.5s ease-out;
544
  -webkit-transition-property: -webkit-transform, opacity;
545
  -moz-transition-property: -moz-transform, opacity;
546
  -o-transition-property: -o-transform, opacity;
547
  transition-property: transform, opacity;
548
  -webkit-transform: scale(0);
549
  -moz-transform: scale(0);
550
  -ms-transform: scale(0);
551
  -o-transform: scale(0);
552
  transform: scale(0);
553
  pointer-events: none;
554
}
555
.waves-effect.waves-light .waves-ripple {
556
  background: rgba(255, 255, 255, 0.4);
557
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
558
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
559
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
560
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
561
}
562
.waves-effect.waves-classic .waves-ripple {
563
  background: rgba(0, 0, 0, 0.2);
564
}
565
.waves-effect.waves-classic.waves-light .waves-ripple {
566
  background: rgba(255, 255, 255, 0.4);
567
}
568
.waves-notransition {
569
  -webkit-transition: none !important;
570
  -moz-transition: none !important;
571
  -o-transition: none !important;
572
  transition: none !important;
573
}
574
.waves-button,
575
.waves-circle {
576
  -webkit-transform: translateZ(0);
577
  -moz-transform: translateZ(0);
578
  -ms-transform: translateZ(0);
579
  -o-transform: translateZ(0);
580
  transform: translateZ(0);
581
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
582
}
583
.waves-button,
584
.waves-button:hover,
585
.waves-button:visited,
586
.waves-button-input {
587
  white-space: nowrap;
588
  outline: none;
589
  text-decoration: none;
590
  z-index: 1;
591
}
592
.waves-button {
593
  border-radius: 0.2em;
594
}
595
.waves-button-input {
596
  margin: 0;
597
  padding: 0.85em 1.1em;
598
}
599
.waves-input-wrapper {
600
  border-radius: 0.2em;
601
  vertical-align: middle;
602
  z-index: 999;
603
  margin-right: 1em;
604
}
605
.waves-input-wrapper.waves-button {
606
  padding: 0;
607
}
608
.waves-input-wrapper .waves-button-input {
609
  position: relative;
610
  top: 0;
611
  left: 0;
612
  z-index: 0;
613
}
614
.waves-circle {
615
  text-align: center;
616
  width: 2.5em;
617
  height: 2.5em;
618
  line-height: 2.5em;
619
  border-radius: 50%;
620
}
621
.waves-float {
622
  -webkit-mask-image: none;
623
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
624
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
625
}
626
.waves-float:active {
627
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
628
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
629
}
630
.waves-block {
631
  display: block;
632
}
633
/* Firefox Bug: link not triggered */
634
a.waves-effect .waves-ripple {
635
  z-index: -1;
636
}
637

    
638
body.adminimal-skin-material #navigation ul.secondary {
639
  overflow: hidden;
640
}
641

    
642
body.adminimal-skin-material #navigation ul.secondary li {
643
  height: 39px;
644
}
645

    
646
body.adminimal-skin-material #navigation ul.secondary li a {
647
  color: #777 !important;
648
  background: #fff;
649
}
650

    
651
body.adminimal-skin-material #navigation ul.secondary li a:hover {
652
  color: #2196F3 !important;
653
  border-color: #2196F3 !important;
654
  background: #fff;
655
}
656

    
657
body.adminimal-skin-material #navigation ul.secondary li a.active {
658
  color: #000 !important;
659
  background: #fff;
660
}
661

    
662
body.adminimal-skin-material #navigation ul.secondary li a.active:hover {
663
  border-color: #000 !important;
664
}
665

    
666
body.adminimal-skin-material table th {
667
  font-family: Roboto;
668
  font-size: 16px;
669
  font-weight: 400;
670
}
671

    
672
body.adminimal-skin-material #webform-components tr.webform-add-form {
673
  background-color: #E8F5E9;
674
}
675

    
676
body.adminimal-skin-material table tr.add-new,
677
body.adminimal-skin-material table tr.add-new:hover {
678
  background-color: #E8F5E9;
679
}
680

    
681
body.adminimal-skin-material table tbody td a {
682
  padding: .5em .75em;
683
  border-radius: 3px;
684
  vertical-align: middle;
685
}
686

    
687
body.adminimal-skin-material table tbody td a.module-link {
688
  padding: .5em 10px .5em 30px;
689
}
690

    
691
body.adminimal-skin-material table tbody td a.tabledrag-handle {
692
  padding-top: 0;
693
  padding-bottom: 0;
694
}
695

    
696
body.adminimal-skin-material table tbody td a.module-link {
697
    background-position-x: 10px;
698
}
699

    
700
body.adminimal-skin-material table tbody td a:hover {
701
  text-decoration: underline;
702
}
703

    
704
/* Buttons */
705

    
706
/* Gray Button */
707
input[type="submit"],
708
input.form-submit,
709
a.button,
710
div.exposed-filters input#edit-submit {
711
  cursor: pointer;
712
  background: #BBBBBB;
713
  border: none;
714
  padding: 6px 18px;
715
  color: #fff;
716
  text-align: center;
717
  font-size: 1.077em;
718
  font-family: Roboto, sans-serif;
719
  font-weight: 500;
720
  text-transform: uppercase;
721
  border-radius: 0.2rem;
722
  transition: all, 0.3s;
723
}
724

    
725
input[type="submit"]:hover,
726
input.form-submit:hover,
727
a.button:hover,
728
div.exposed-filters input#edit-submit:hover {
729
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
730
}
731

    
732
input[type="submit"]:active,
733
input.form-submit:active,
734
a.button:active,
735
div.exposed-filters input#edit-submit:active {
736
  outline: none;
737
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
738
}
739

    
740
input[type="submit"]:focus,
741
input.form-submit:focus,
742
a.button:focus,
743
div.exposed-filters input#edit-submit:focus {
744
  outline: none;
745
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
746
}
747

    
748

    
749
/* Green Button */
750
a.button-green,
751
input[type="submit"][id^="edit-submit"],
752
input#edit-actions-submit,
753
input[id^="save-continue"],
754
input[type="submit"][id^="edit-save"],
755
input#edit-save,
756
input#edit-submit,
757
input#edit-actions-save,
758
#media-browser-page a.button-yes,
759
input.add-new-condition,
760
#edit-field-product-und-form-actions input.ief-entity-submit {
761
  cursor: pointer;
762
  border: none;
763
  padding: 6px 18px;
764
  text-align: center;
765
  font-weight: normal;
766
  font-size: 1.077em;
767
  background: #0E9C57;
768
  color: #fff;
769
  font-family: Roboto, sans-serif;
770
  font-weight: 500;
771
  text-transform: uppercase;
772
  border-radius: 0.2rem;
773
}
774

    
775
a.button-green:hover,
776
input[type="submit"][id^="edit-submit"]:hover,
777
input#edit-actions-submit:hover,
778
input[id^="save-continue"]:hover,
779
input[type="submit"][id^="edit-save"]:hover,
780
input#edit-save:hover,
781
input#edit-submit:hover,
782
input#edit-actions-save:hover,
783
#media-browser-page a.button-yes:hover,
784
input.add-new-condition:hover,
785
#edit-field-product-und-form-actions input.ief-entity-submit:hover {
786
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
787
}
788

    
789
a.button-green:active,
790
input[type="submit"][id^="edit-submit"]:active,
791
input#edit-actions-submit:active,
792
input[id^="save-continue"]:active,
793
input[type="submit"][id^="edit-save"]:active,
794
input#edit-save:active,
795
input#edit-submit:active,
796
input#edit-actions-save:active,
797
#media-browser-page a.button-yes:active,
798
input.add-new-condition:active,
799
#edit-field-product-und-form-actions input.ief-entity-submit:active {
800
  outline: none;
801
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
802
}
803

    
804
a.button-green:focus,
805
input[type="submit"][id^="edit-submit"]:focus,
806
input#edit-actions-submit:focus,
807
input[id^="save-continue"]:focus,
808
input[type="submit"][id^="edit-save"]:focus,
809
input#edit-save:focus,
810
input#edit-submit:focus,
811
input#edit-actions-save:focus,
812
#media-browser-page a.button-yes:focus,
813
input.add-new-condition:focus,
814
#edit-field-product-und-form-actions input.ief-entity-submit:focus {
815
  outline: none;
816
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
817
}
818

    
819
/* Red Button */
820
a.button-red,
821
input#edit-delete,
822
input#remove-button,
823
input#edit-remove,
824
input#edit-clear,
825
a.button.remove,
826
input[id*="remove-button"],
827
.page-node-delete input#edit-submit,
828
.page-admin-modules-uninstall input#edit-submit,
829
.remove-condition input,
830
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit {
831
  cursor: pointer;
832
  padding: 6px 18px;
833
  border: none;
834
  color: #fff;
835
  text-align: center;
836
  font-weight: normal;
837
  font-size: 1.077em;
838
  background: #D32F2F;
839
  font-family: Roboto, sans-serif;
840
  font-weight: 500;
841
  text-transform: uppercase;
842
  border-radius: 0.2rem;
843
  transition: all, 0.3s;
844
}
845

    
846
a.button-red:hover,
847
input#edit-delete:hover,
848
input#remove-button:hover,
849
input#edit-remove:hover,
850
input#edit-clear:hover,
851
a.button.remove:hover,
852
input[id*="remove-button"]:hover,
853
.page-node-delete input#edit-submit:hover,
854
body.page-admin-modules-uninstall input#edit-submit:hover,
855
.remove-condition input:hover,
856
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:hover {
857
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
858
}
859

    
860
a.button-red:active,
861
input#edit-delete:active,
862
input#remove-button:active,
863
input#edit-remove:active,
864
input#edit-clear:active,
865
input[id*="remove-button"]:active,
866
.page-node-delete input#edit-submit:active,
867
body.page-admin-modules-uninstall input#edit-submit:active,
868
.remove-condition input:active,
869
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:active {
870
  outline: none;
871
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
872
}
873

    
874
a.button-red:focus,
875
input#edit-delete:focus,
876
input#remove-button:focus,
877
input#edit-remove:focus,
878
input#edit-clear:focus,
879
input[id*="remove-button"]:focus,
880
.page-node-delete input#edit-submit:focus,
881
body.page-admin-modules-uninstall input#edit-submit:focus,
882
.remove-condition input:focus,
883
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:focus {
884
  outline: none;
885
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
886
}
887

    
888
/* Blue Button */
889
a.button-blue,
890
input#edit-preview,
891
input#edit-next,
892
input#preview-submit,
893
input.ief-entity-submit,
894
input[type="submit"][id^="edit-return"],
895
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"] {
896
  cursor: pointer;
897
  border: none;
898
  padding: 6px 18px;
899
  color: #fff;
900
  text-align: center;
901
  font-weight: normal;
902
  font-size: 1.077em;
903
  background: #0074BD;
904
  font-family: Roboto, sans-serif;
905
  font-weight: 500;
906
  text-transform: uppercase;
907
  border-radius: 0.2rem;
908
  transition: all, 0.3s;
909
}
910

    
911
a.button-blue:hover,
912
input#edit-preview:hover,
913
input#edit-next:hover,
914
input#preview-submit:hover,
915
input.ief-entity-submit:hover,
916
input[type="submit"][id^="edit-return"]:hover,
917
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:hover {
918
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
919
}
920

    
921
a.button-blue:active,
922
input#edit-preview:active,
923
input#edit-next:active,
924
input#preview-submit:active,
925
input.ief-entity-submit:active,
926
input[type="submit"][id^="edit-return"]:active,
927
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:active {
928
  border: none;
929
  color: #fff;
930
  outline: none;
931
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
932
}
933

    
934
a.button-blue:focus,
935
input#edit-preview:focus,
936
input#edit-next:focus,
937
input#preview-submit:focus,
938
input.ief-entity-submit:focus,
939
input[type="submit"][id^="edit-return"]:focus,
940
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:focus {
941
  border: none;
942
  color: #fff;
943
  outline: none;
944
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
945
}
946

    
947
/* Orange Button */
948
a.button-orange,
949
#edit-cancel,
950
#edit-actions-cancel,
951
input#edit-buttons-revert,
952
#media-browser-page a.button-no,
953
.field-widget-inline-entity-form input[id*="cancel"] {
954
  cursor: pointer;
955
  border: none;
956
  padding: 6px 18px;
957
  color: #fff;
958
  text-align: center;
959
  font-weight: normal;
960
  font-size: 1.077em;
961
  font-family: "Lucida Grande",Verdana,sans-serif;
962
  background: #f69231;
963
  transition: all, 0.3s;
964
}
965

    
966
a#edit-cancel,a#edit-actions-cancel {
967
  padding: 6px 10px;
968
  text-decoration: none;
969
  border: none;
970
}
971

    
972
a.button-orange:hover,
973
#edit-cancel:hover,
974
#edit-actions-cancel:hover,
975
input#edit-buttons-revert:hover,
976
#media-browser-page a.button-no:hover,
977
.field-widget-inline-entity-form input[id*="cancel"]:hover {
978
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
979
}
980

    
981
a.button-orange:active,
982
#edit-cancel:active,
983
#edit-actions-cancel:active,
984
input#edit-buttons-revert:active,
985
.field-widget-inline-entity-form input[id*="cancel"]:active {
986
  background: #333;
987
  border: none;
988
  color: #fff;
989
  outline: none;
990
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
991
}
992

    
993
a.button-orange:focus,
994
#edit-cancel:focus,
995
#edit-actions-cancel:focus,
996
input#edit-buttons-revert:focus,
997
.field-widget-inline-entity-form input[id*="cancel"]:focus {
998
  background: #333;
999
  border: none;
1000
  color: #fff;
1001
  outline: none;
1002
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
1003
}
1004

    
1005
.waves-input-wrapper input {
1006
  -o-transition:.5s;
1007
  -ms-transition:.5s;
1008
  -moz-transition:.5s;
1009
  -webkit-transition:.5s;
1010
  transition:.5s;
1011
}
1012

    
1013
.waves-input-wrapper:hover input {
1014
  box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.18);
1015
}
1016

    
1017
body.adminimal-skin-material div.vertical-tabs ul li.vertical-tab-button strong {
1018
  font-size: 13px;
1019
}
1020

    
1021
/*body.adminimal-skin-material input.form-autocomplete,
1022
body.adminimal-skin-material input.form-text,
1023
body.adminimal-skin-material input.form-file,
1024
body.adminimal-skin-material textarea.form-textarea,
1025
body.adminimal-skin-material select.form-select {
1026
  border: none;
1027
  border-bottom: 2px solid #FF9800;
1028
  -o-transition:.3s;
1029
  -ms-transition:.3s;
1030
  -moz-transition:.3s;
1031
  -webkit-transition:.3s;
1032
  transition:.3s;
1033
}
1034

1035
body.adminimal-skin-material textarea.form-textarea {
1036
  border: 1px solid #ddd;
1037
}
1038

1039
body.adminimal-skin-material input.form-text:hover,
1040
body.adminimal-skin-material input.form-file:hover,
1041
body.adminimal-skin-material select.form-select:hover {
1042
  border-bottom: 2px solid #F57C00;
1043
}
1044

1045
body.adminimal-skin-material input.form-text:focus,
1046
body.adminimal-skin-material input.form-file:focus,
1047
body.adminimal-skin-material select.form-select:focus {
1048
  color: #000;
1049
  border-bottom: 2px solid #9C27B0;
1050
  outline: none;
1051
  outline-offset: 0px;
1052
}*/
1053

    
1054
body.adminimal-skin-material #main-content div.admin-panel {
1055
  background-color: #fff;
1056
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
1057
  border-radius: 3px;
1058
  padding: 15px 100px 20px 15px;
1059
}
1060

    
1061
html.js body.adminimal-skin-material #module-filter-submit input {
1062
  margin: 0;
1063
}
1064

    
1065
html.js body.adminimal-skin-material #module-filter-submit .form-actions {
1066
  padding: 20px 0;
1067
}
1068

    
1069
body.adminimal-skin-material .form-actions input {
1070
  height: 24px;
1071
  margin-right: 1rem;
1072
}
1073

    
1074
body.adminimal-skin-material .block-search .form-actions input,
1075
body.adminimal-skin-material .exposed-filters input{
1076
  height: initial;
1077
}
1078

    
1079
body.adminimal-skin-material.overlay #branding {
1080
  background-color: #FFFFFF;
1081
  border-bottom: 1px solid #ddd;
1082
  padding-bottom: 5px;
1083
  box-shadow: none;
1084
}
1085

    
1086
body.adminimal-skin-material.overlay div.breadcrumb a:hover {
1087
  color: #0074bd;
1088
}
1089

    
1090
body.adminimal-skin-material.overlay #overlay-close,
1091
body.adminimal-skin-material.overlay #overlay-close:hover {
1092
  height: 44px;
1093
  background-position-y: 10px;
1094
  left: -36px;
1095
}
1096

    
1097
body.adminimal-skin-material.overlay #overlay-tabs {
1098
  right: 2px;
1099
}
1100

    
1101
body.adminimal-skin-material.overlay #overlay-tabs li:first-of-type a {
1102
  border-radius: 0.2em 0 0 0;
1103
}
1104

    
1105
body.adminimal-skin-material.overlay #overlay-tabs li:last-of-type a {
1106
  border-radius: 0 0.2em 0 0;
1107
}
1108

    
1109
body.adminimal-skin-material.overlay ul.secondary {
1110
  background: #F9F9F9;
1111
}
1112

    
1113
body.adminimal-skin-material .rules-elements-add ul.action-links a,
1114
body.adminimal-skin-material ul.rules-operations a,
1115
body.adminimal-skin-material .rules-elements-add ul.action-links a {
1116
  background: transparent;
1117
  color: #2196F3;
1118
  box-shadow: none;
1119
  padding: 8px 18px;
1120
  margin: 5px 0 0 0;
1121
}
1122

    
1123
body.adminimal-skin-material .rules-elements-add ul.action-links a:hover,
1124
body.adminimal-skin-material ul.rules-operations a:hover,
1125
body.adminimal-skin-material .rules-elements-add ul.action-links a:hover {
1126
  background: transparent;
1127
  color: #2196F3;
1128
  box-shadow: none;
1129
}
1130

    
1131
body.adminimal-skin-material .rules-elements-add ul.action-links a:focus,
1132
body.adminimal-skin-material ul.rules-operations a:focus,
1133
body.adminimal-skin-material .rules-elements-add ul.action-links a:focus {
1134
  text-decoration: none;
1135
}
1136

    
1137
body.sticky-actions.adminimal-skin-material .form-actions.form-wrapper {
1138
  padding: 20px 40px 20px;
1139
  box-shadow: -20px 2px 40px rgba(0,0,0,0.2);
1140
  border-bottom: none;
1141
}
1142

    
1143
body.sticky-actions.adminimal-skin-material .ajax-new-content .form-actions.form-wrapper {
1144
  padding: 0;
1145
  box-shadow: none;
1146
}
1147

    
1148
body.sticky-actions.adminimal-skin-material #page {
1149
  margin-bottom: 80px;
1150
}
1151

    
1152
html.js .module-filter-inputs-wrapper .form-item {
1153
  padding-bottom: 0;
1154
  margin-bottom: 10px;
1155
  background: #fff;
1156
}
1157

    
1158
html.js .module-filter-inputs-wrapper .form-item.form-type-checkbox,
1159
html.js .module-filter-inputs-wrapper .form-item.form-type-radio {
1160
  background: transparent;
1161
}
1162

    
1163
body.adminimal-skin-material .ctools-twisty {
1164
  border-bottom-color: transparent;
1165
  border-left-color: transparent;
1166
  border-right-color: transparent;
1167
  border-style: solid;
1168
  border-width: 4px 4px 0;
1169
  line-height: 0;
1170
  right: 6px;
1171
  position: absolute;
1172
  padding: 0;
1173
  top: 16px;
1174
}
1175

    
1176
body.adminimal-skin-material .ctools-dropbutton-processed.open .ctools-twisty {
1177
  top: 12px;
1178
}