Projet

Général

Profil

Paste
Télécharger (28,6 ko) Statistiques
| Branche: | Révision:

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

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.primary li.active a,
164
body.adminimal-skin-material ul.primary li.active a.active,
165
body.adminimal-skin-material ul.primary li.active a:active,
166
body.adminimal-skin-material ul.primary li.active a:visited {
167
  margin-top: 0px;
168
  border-top: none;
169
}
170

    
171
body.adminimal-skin-material ul.primary li {
172
  text-transform: uppercase;
173
}
174

    
175
body.adminimal-skin-material #navigation ul.primary li:first-of-type.active {
176
    margin-left: 10px;
177
}
178

    
179
body.adminimal-skin-material div.breadcrumb a {
180
  color: #A3A3A3;
181
}
182

    
183
body.adminimal-skin-material div.breadcrumb a:hover {
184
  color: #fff;
185
}
186

    
187

    
188
body.adminimal-skin-material ul.primary li.active a,
189
body.adminimal-skin-material ul.primary li.active a.active,
190
body.adminimal-skin-material ul.primary li.active a:active,
191
body.adminimal-skin-material ul.primary li.active a:visited {
192
  box-shadow: none;
193
  background-color: transparent;
194
  color: #000;
195
}
196

    
197
body.adminimal-skin-material ul.primary {
198
  background-color: #EEEEEE;
199
}
200

    
201
body.adminimal-skin-material #branding h1.page-title {
202
  font-family: Roboto, sans-serif;
203
  font-size: 28px;
204
  font-weight: 400;
205
  line-height: 1.5em;
206
  padding: 0px 0px 8px;
207
}
208

    
209
body.adminimal-skin-material div.add-or-remove-shortcuts {
210
  padding-left: 2px;
211
  padding-top: 16px;
212
}
213

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

    
226
body.adminimal-skin-material ul.action-links a:hover {
227
  background: #29B6F6;
228
  text-decoration: none;
229
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
230
}
231

    
232
body.adminimal-skin-material .theme-selector {
233
  padding-bottom: 40px;
234
  background: #FFFFFF;
235
  border-radius: 4px;
236
  border: 1px solid #ECECEC;
237
  margin: 26px 0;
238
  padding: 40px 25px;
239
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
240
}
241

    
242
body.adminimal-skin-material #system-themes-page h2 {
243
  color: #455a64;
244
  font-size: 26px;
245
  font-weight: 500;
246
  text-transform: none;
247
}
248

    
249
body.adminimal-skin-material #page .operations a {
250
  text-transform: uppercase;
251
}
252

    
253
body.adminimal-skin-material.page-admin-appearance fieldset legend {
254
  font-family: Roboto, sans-serif !important;
255
  font-weight: 400 !important;
256
  font-size: 20px !important;
257
}
258

    
259
body.adminimal-skin-material fieldset {
260
  border: none;
261
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
262
  background: #fff;
263
  border-radius: 3px;
264
  padding-top: 42px;
265
  position: relative;
266
  margin-bottom: 20px;
267
}
268

    
269
body.adminimal-skin-material .fieldset-description {
270
  padding-top: 28px;
271
  padding-bottom: 20px;
272
  color: #909090;
273
}
274

    
275
body.adminimal-skin-material .text-format-wrapper fieldset.filter-wrapper {
276
  box-shadow: none;
277
  border: 1px solid #DDD;
278
  border-radius: 0;
279
}
280

    
281
body.adminimal-skin-material .vertical-tabs-panes fieldset.vertical-tabs-pane {
282
  box-shadow: none;
283
}
284

    
285
body.adminimal-skin-material .form-item label,
286
body.adminimal-skin-material .exposed-filters .form-item label {
287
  font-family: Roboto, sans-serif;
288
}
289

    
290
body.adminimal-skin-material fieldset legend {
291
  font-family: Roboto, sans-serif;
292
  font-size: 20px;
293
  font-weight: 500;
294
  position: absolute;
295
  top: 14px;
296
}
297

    
298
body.adminimal-skin-material .features-export-parent fieldset legend {
299
  top: 0;
300
}
301

    
302
/* Omega Fieldset fix */
303

    
304
body.page-admin-appearance-settings-omega.adminimal-skin-material fieldset {
305
  border: solid 1px #ddd !important;
306
  border-top: 1px #ddd !important;
307
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18) !important;
308
  padding: 12px !important;
309
  padding-top: 42px !important;
310
  margin: 18px 0 !important;
311
}
312

    
313
/* Apperance page */
314
body.page-admin-appearance.adminimal-skin-material fieldset legend {
315
  font-family: Roboto, sans-serif !important;
316
  font-size: 20px !important;
317
  font-weight: 500 !important;
318
  top: 16px;
319
}
320

    
321
body.page-admin-appearance.adminimal-skin-material fieldset#edit-admin-theme {
322
  padding-top: 13px;
323
}
324

    
325
body.page-admin-appearance.adminimal-skin-material .theme-selector {
326
  padding-bottom: 40px;
327
  background: #FFFFFF;
328
  border-radius: 4px;
329
  border: none;
330
  margin: 26px 0;
331
  padding: 32px 25px;
332
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
333
  width: 306px;
334
  float: left;
335
  margin-right: 20px;
336
  height: 410px;
337
  position: relative;
338
  -o-transition:.3s;
339
  -ms-transition:.3s;
340
  -moz-transition:.3s;
341
  -webkit-transition:.3s;
342
  transition:.3s;
343
}
344

    
345
body.page-admin-appearance.adminimal-skin-material .system-themes-list-disabled .theme-selector .screenshot,
346
body.page-admin-appearance.adminimal-skin-material .system-themes-list-disabled .theme-selector .no-screenshot {
347
  border: 1px solid #e0e0d8;
348
  padding: 2px;
349
  vertical-align: bottom;
350
  width: 294px;
351
  height: 219px;
352
  line-height: 219px;
353
  text-align: center;
354
}
355

    
356
body.page-admin-appearance.adminimal-skin-material .system-themes-list-enabled .theme-info h3{
357
  font-size: 20px;
358
  font-weight: 600;
359
  line-height: 1.5rem;
360
  float: left;
361
  width: 100%;
362
  margin-top: 15px;
363
}
364

    
365
body.page-admin-appearance.adminimal-skin-material .theme-selector .theme-description {
366
  overflow: auto;
367
  float: left;
368
  margin-top: 2px;
369
  max-height: 100px;
370
}
371

    
372
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations {
373
  padding: 0;
374
  position: absolute;
375
  bottom: 0px;
376
  font-size: 14px;
377
  width: 100%;
378
  font-weight: bold;
379
  margin: 0;
380
  left: 0px;
381
  padding-top: 5px;
382
  border-top: 1px solid #eee;
383
}
384

    
385
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations li {
386
  float: right;
387
  border: none;
388
  padding: 0;
389
}
390

    
391
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations li a {
392
  padding: 10px;
393
}
394

    
395
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations li.first a{
396
  padding: 10px;
397
  margin-right: 10px;
398
}
399

    
400
body.page-admin-appearance.adminimal-skin-material .theme-selector .operations li a:hover{
401
  color: #FF9800;
402
  text-decoration: none;
403
}
404

    
405
/* Custom Checkbox styling */
406

    
407
/* Chrome + Safari + Opera */
408
@supports (-webkit-appearance:none) {
409
body.adminimal-skin-material.style-checkboxes input[type=checkbox],
410
body.adminimal-skin-material.style-checkboxes input[type=radio] {
411
-webkit-appearance:none; /* Safari and Chrome */
412
  display: inline-block;
413
  position: relative;
414
  top: 3px;
415
  margin-right: 0.25em;
416
  padding: 0;
417
  background: #fff;
418
  border: 2px solid #757575;
419
  border-radius: 2px;
420
  width: 14px !important;
421
  height: 14px !important;
422
  -webkit-transition: all 0.5s ease;
423
  -o-transition: all 0.5s ease;
424
  transition: background 0.5s ease;
425
  outline: none;
426
}
427

    
428
body.adminimal-skin-material.style-checkboxes input[type=radio] {
429
  border-radius: 50%;
430
  box-shadow: inset 0px 0px 0px 0px #fff;
431
  transition: box-shadow .1s cubic-bezier(0.28,0.63,0.77,0.17);
432
}
433

    
434
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:hover,
435
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:focus,
436
body.adminimal-skin-material.style-checkboxes input[type=radio]:hover,
437
body.adminimal-skin-material.style-checkboxes input[type=radio]:focus {
438
  border-color: #757575;
439
  cursor: pointer;
440
}
441

    
442
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:checked,
443
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled:checked,
444
body.adminimal-skin-material.style-checkboxes input[type=radio]:checked,
445
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled:checked{
446
  border-color: #0E9C57;
447
}
448

    
449
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:checked,
450
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled:checked {
451
  background: url('images/check.svg') scroll no-repeat 0 0 #0E9C57;
452
}
453

    
454
body.adminimal-skin-material.style-checkboxes input[type=radio]:checked,
455
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled:checked {
456
  background: #0E9C57;
457
  box-shadow: inset 0px 0px 0px 3px #fff;
458
}
459

    
460
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled,
461
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled {
462
  opacity: .5;
463
  background: #E2E2E2;
464
}
465

    
466
body.adminimal-skin-material.style-checkboxes input[type=checkbox]:disabled:hover,
467
body.adminimal-skin-material.style-checkboxes input[type=radio]:disabled:hover {
468
  border-color: #0E9C57;
469
  cursor: default;
470
  /*cursor: not-allowed;*/
471
  }
472
}
473

    
474
/* Waves plugin (Ripple effect) */
475
/*!
476
 * Waves v0.6.6
477
 * http://fian.my.id/Waves
478
 *
479
 * Copyright 2014 Alfiana E. Sibuea and other contributors
480
 * Released under the MIT license
481
 * https://github.com/fians/Waves/blob/master/LICENSE
482
 */
483
.waves-effect {
484
  position: relative;
485
  cursor: pointer;
486
  display: inline-block;
487
  overflow: hidden;
488
  -webkit-user-select: none;
489
  -moz-user-select: none;
490
  -ms-user-select: none;
491
  user-select: none;
492
  -webkit-tap-highlight-color: transparent;
493
}
494
.waves-effect .waves-ripple {
495
  position: absolute;
496
  border-radius: 50%;
497
  width: 100px;
498
  height: 100px;
499
  margin-top: -50px;
500
  margin-left: -50px;
501
  opacity: 0;
502
  background: rgba(0, 0, 0, 0.2);
503
  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%);
504
  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%);
505
  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%);
506
  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%);
507
  -webkit-transition: all 0.5s ease-out;
508
  -moz-transition: all 0.5s ease-out;
509
  -o-transition: all 0.5s ease-out;
510
  transition: all 0.5s ease-out;
511
  -webkit-transition-property: -webkit-transform, opacity;
512
  -moz-transition-property: -moz-transform, opacity;
513
  -o-transition-property: -o-transform, opacity;
514
  transition-property: transform, opacity;
515
  -webkit-transform: scale(0);
516
  -moz-transform: scale(0);
517
  -ms-transform: scale(0);
518
  -o-transform: scale(0);
519
  transform: scale(0);
520
  pointer-events: none;
521
}
522
.waves-effect.waves-light .waves-ripple {
523
  background: rgba(255, 255, 255, 0.4);
524
  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%);
525
  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%);
526
  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%);
527
  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%);
528
}
529
.waves-effect.waves-classic .waves-ripple {
530
  background: rgba(0, 0, 0, 0.2);
531
}
532
.waves-effect.waves-classic.waves-light .waves-ripple {
533
  background: rgba(255, 255, 255, 0.4);
534
}
535
.waves-notransition {
536
  -webkit-transition: none !important;
537
  -moz-transition: none !important;
538
  -o-transition: none !important;
539
  transition: none !important;
540
}
541
.waves-button,
542
.waves-circle {
543
  -webkit-transform: translateZ(0);
544
  -moz-transform: translateZ(0);
545
  -ms-transform: translateZ(0);
546
  -o-transform: translateZ(0);
547
  transform: translateZ(0);
548
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
549
}
550
.waves-button,
551
.waves-button:hover,
552
.waves-button:visited,
553
.waves-button-input {
554
  white-space: nowrap;
555
  outline: none;
556
  text-decoration: none;
557
  z-index: 1;
558
}
559
.waves-button {
560
  border-radius: 0.2em;
561
}
562
.waves-button-input {
563
  margin: 0;
564
  padding: 0.85em 1.1em;
565
}
566
.waves-input-wrapper {
567
  border-radius: 0.2em;
568
  vertical-align: middle;
569
  z-index: 999;
570
  margin-right: 1em;
571
}
572
.waves-input-wrapper.waves-button {
573
  padding: 0;
574
}
575
.waves-input-wrapper .waves-button-input {
576
  position: relative;
577
  top: 0;
578
  left: 0;
579
  z-index: 0;
580
}
581
.waves-circle {
582
  text-align: center;
583
  width: 2.5em;
584
  height: 2.5em;
585
  line-height: 2.5em;
586
  border-radius: 50%;
587
}
588
.waves-float {
589
  -webkit-mask-image: none;
590
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
591
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
592
}
593
.waves-float:active {
594
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
595
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
596
}
597
.waves-block {
598
  display: block;
599
}
600
/* Firefox Bug: link not triggered */
601
a.waves-effect .waves-ripple {
602
  z-index: -1;
603
}
604

    
605
body.adminimal-skin-material #navigation ul.secondary {
606
  overflow: hidden;
607
}
608

    
609
body.adminimal-skin-material #navigation ul.secondary li {
610
  height: 39px;
611
}
612

    
613
body.adminimal-skin-material #navigation ul.secondary li a {
614
  color: #777 !important;
615
  background: #fff;
616
}
617

    
618
body.adminimal-skin-material #navigation ul.secondary li a:hover {
619
  color: #2196F3 !important;
620
  border-color: #2196F3 !important;
621
  background: #fff;
622
}
623

    
624
body.adminimal-skin-material #navigation ul.secondary li a.active {
625
  color: #000 !important;
626
  background: #fff;
627
}
628

    
629
body.adminimal-skin-material #navigation ul.secondary li a.active:hover {
630
  border-color: #000 !important;
631
}
632

    
633
body.adminimal-skin-material table th {
634
  font-family: Roboto;
635
  font-size: 16px;
636
  font-weight: 400;
637
}
638

    
639
body.adminimal-skin-material #webform-components tr.webform-add-form {
640
  background-color: #E8F5E9;
641
}
642

    
643
body.adminimal-skin-material table tr.add-new,
644
body.adminimal-skin-material table tr.add-new:hover {
645
  background-color: #E8F5E9;
646
}
647

    
648
body.adminimal-skin-material table tbody td a {
649
  padding: .5em .75em;
650
  border-radius: 3px;
651
  vertical-align: middle;
652
}
653

    
654
body.adminimal-skin-material table tbody td a.module-link {
655
  padding: .5em 10px .5em 30px;
656
}
657

    
658
body.adminimal-skin-material table tbody td a.module-link {
659
    background-position-x: 10px;
660
}
661

    
662
body.adminimal-skin-material table tbody td a:hover {
663
  text-decoration: underline;
664
}
665

    
666
/* Buttons */
667

    
668
/* Gray Button */
669
input[type="submit"],
670
input.form-submit,
671
a.button,
672
div.exposed-filters input#edit-submit {
673
  cursor: pointer;
674
  background: #BBBBBB;
675
  border: none;
676
  padding: 6px 18px;
677
  color: #fff;
678
  text-align: center;
679
  font-size: 1.077em;
680
  font-family: Roboto, sans-serif;
681
  font-weight: 500;
682
  text-transform: uppercase;
683
  border-radius: 0.2rem;
684
  transition: all, 0.3s;
685
}
686

    
687
input[type="submit"]:hover,
688
input.form-submit:hover,
689
a.button:hover,
690
div.exposed-filters input#edit-submit:hover {
691
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
692
}
693

    
694
input[type="submit"]:active,
695
input.form-submit:active,
696
a.button:active,
697
div.exposed-filters input#edit-submit:active {
698
  outline: none;
699
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
700
}
701

    
702
input[type="submit"]:focus,
703
input.form-submit:focus,
704
a.button:focus,
705
div.exposed-filters input#edit-submit:focus {
706
  outline: none;
707
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
708
}
709

    
710

    
711
/* Green Button */
712
input[type="submit"][id^="edit-submit"],
713
input#edit-actions-submit,
714
input[id^="save-continue"],
715
input[type="submit"][id^="edit-save"],
716
input#edit-save,
717
input#edit-submit,
718
input#edit-actions-save,
719
#media-browser-page a.button-yes,
720
input.add-new-condition,
721
#edit-field-product-und-form-actions input.ief-entity-submit {
722
  cursor: pointer;
723
  border: none;
724
  padding: 6px 18px;
725
  text-align: center;
726
  font-weight: normal;
727
  font-size: 1.077em;
728
  background: #0E9C57;
729
  color: #fff;
730
  font-family: Roboto, sans-serif;
731
  font-weight: 500;
732
  text-transform: uppercase;
733
  border-radius: 0.2rem;
734
}
735

    
736
input[type="submit"][id^="edit-submit"]:hover,
737
input#edit-actions-submit:hover,
738
input[id^="save-continue"]:hover,
739
input[type="submit"][id^="edit-save"]:hover,
740
input#edit-save:hover,
741
input#edit-submit:hover,
742
input#edit-actions-save:hover,
743
#media-browser-page a.button-yes:hover,
744
input.add-new-condition:hover,
745
#edit-field-product-und-form-actions input.ief-entity-submit:hover {
746
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
747
}
748

    
749
input[type="submit"][id^="edit-submit"]:active,
750
input#edit-actions-submit:active,
751
input[id^="save-continue"]:active,
752
input[type="submit"][id^="edit-save"]:active,
753
input#edit-save:active,
754
input#edit-submit:active,
755
input#edit-actions-save:active,
756
#media-browser-page a.button-yes:active,
757
input.add-new-condition:active,
758
#edit-field-product-und-form-actions input.ief-entity-submit:active {
759
  outline: none;
760
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
761
}
762

    
763
input[type="submit"][id^="edit-submit"]:focus,
764
input#edit-actions-submit:focus,
765
input[id^="save-continue"]:focus,
766
input[type="submit"][id^="edit-save"]:focus,
767
input#edit-save:focus,
768
input#edit-submit:focus,
769
input#edit-actions-save:focus,
770
#media-browser-page a.button-yes:focus,
771
input.add-new-condition:focus,
772
#edit-field-product-und-form-actions input.ief-entity-submit:focus {
773
  outline: none;
774
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
775
}
776

    
777
/* Red Button */
778
input#edit-delete,
779
input#remove-button,
780
input#edit-remove,
781
input#edit-clear,
782
a.button.remove,
783
input[id*="remove-button"],
784
.page-node-delete input#edit-submit,
785
.page-admin-modules-uninstall input#edit-submit,
786
.remove-condition input,
787
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit {
788
  cursor: pointer;
789
  padding: 6px 18px;
790
  border: none;
791
  color: #fff;
792
  text-align: center;
793
  font-weight: normal;
794
  font-size: 1.077em;
795
  background: #D32F2F;
796
  font-family: Roboto, sans-serif;
797
  font-weight: 500;
798
  text-transform: uppercase;
799
  border-radius: 0.2rem;
800
  transition: all, 0.3s;
801
}
802

    
803
input#edit-delete:hover,
804
input#remove-button:hover,
805
input#edit-remove:hover,
806
input#edit-clear:hover,
807
a.button.remove:hover,
808
input[id*="remove-button"]:hover,
809
.page-node-delete input#edit-submit:hover,
810
body.page-admin-modules-uninstall input#edit-submit:hover,
811
.remove-condition input:hover,
812
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:hover {
813
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
814
}
815

    
816
input#edit-delete:active,
817
input#remove-button:active,
818
input#edit-remove:active,
819
input#edit-clear:active,
820
input[id*="remove-button"]:active,
821
.page-node-delete input#edit-submit:active,
822
body.page-admin-modules-uninstall input#edit-submit:active,
823
.remove-condition input:active,
824
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:active {
825
  outline: none;
826
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
827
}
828

    
829
input#edit-delete:focus,
830
input#remove-button:focus,
831
input#edit-remove:focus,
832
input#edit-clear:focus,
833
input[id*="remove-button"]:focus,
834
.page-node-delete input#edit-submit:focus,
835
body.page-admin-modules-uninstall input#edit-submit:focus,
836
.remove-condition input:focus,
837
.field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:focus {
838
  outline: none;
839
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
840
}
841

    
842
/* Blue Button */
843
input#edit-preview,
844
input#edit-next,
845
input#preview-submit,
846
input.ief-entity-submit,
847
input[type="submit"][id^="edit-return"],
848
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"] {
849
  cursor: pointer;
850
  border: none;
851
  padding: 6px 18px;
852
  color: #fff;
853
  text-align: center;
854
  font-weight: normal;
855
  font-size: 1.077em;
856
  background: #0074BD;
857
  font-family: Roboto, sans-serif;
858
  font-weight: 500;
859
  text-transform: uppercase;
860
  border-radius: 0.2rem;
861
  transition: all, 0.3s;
862
}
863

    
864
input#edit-preview:hover,
865
input#edit-next:hover,
866
input#preview-submit:hover,
867
input.ief-entity-submit:hover,
868
input[type="submit"][id^="edit-return"]:hover,
869
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:hover {
870
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
871
}
872

    
873
input#edit-preview:active,
874
input#edit-next:active,
875
input#preview-submit:active,
876
input.ief-entity-submit:active,
877
input[type="submit"][id^="edit-return"]:active,
878
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:active {
879
  border: none;
880
  color: #fff;
881
  outline: none;
882
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
883
}
884

    
885
input#edit-preview:focus,
886
input#edit-next:focus,
887
input#preview-submit:focus,
888
input.ief-entity-submit:focus,
889
input[type="submit"][id^="edit-return"]:focus,
890
.field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:focus {
891
  border: none;
892
  color: #fff;
893
  outline: none;
894
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
895
}
896

    
897
/* Orange Button */
898
#edit-cancel,
899
#edit-actions-cancel,
900
input#edit-buttons-revert,
901
#media-browser-page a.button-no,
902
.field-widget-inline-entity-form input[id*="cancel"] {
903
  cursor: pointer;
904
  border: none;
905
  padding: 6px 18px;
906
  color: #fff;
907
  text-align: center;
908
  font-weight: normal;
909
  font-size: 1.077em;
910
  font-family: "Lucida Grande",Verdana,sans-serif;
911
  background: #f69231;
912
  transition: all, 0.3s;
913
}
914

    
915
a#edit-cancel,a#edit-actions-cancel {
916
  padding: 6px 10px;
917
  text-decoration: none;
918
  border: none;
919
}
920

    
921
#edit-cancel:hover,
922
#edit-actions-cancel:hover,
923
input#edit-buttons-revert:hover,
924
#media-browser-page a.button-no:hover,
925
.field-widget-inline-entity-form input[id*="cancel"]:hover {
926
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
927
}
928

    
929
#edit-cancel:active,
930
#edit-actions-cancel:active,
931
input#edit-buttons-revert:active,
932
.field-widget-inline-entity-form input[id*="cancel"]:active {
933
  background: #333;
934
  border: none;
935
  color: #fff;
936
  outline: none;
937
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
938
}
939

    
940
#edit-cancel:focus,
941
#edit-actions-cancel:focus,
942
input#edit-buttons-revert:focus,
943
.field-widget-inline-entity-form input[id*="cancel"]:focus {
944
  background: #333;
945
  border: none;
946
  color: #fff;
947
  outline: none;
948
  box-shadow: inset 0 0px 8px rgba(0,0,0,0.4);
949
}
950

    
951
.waves-input-wrapper input {
952
  -o-transition:.5s;
953
  -ms-transition:.5s;
954
  -moz-transition:.5s;
955
  -webkit-transition:.5s;
956
  transition:.5s;
957
}
958

    
959
.waves-input-wrapper:hover input {
960
  box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.18);
961
}
962

    
963
body.adminimal-skin-material div.vertical-tabs ul li.vertical-tab-button strong {
964
  font-size: 13px;
965
}
966

    
967
/*body.adminimal-skin-material input.form-autocomplete,
968
body.adminimal-skin-material input.form-text,
969
body.adminimal-skin-material input.form-file,
970
body.adminimal-skin-material textarea.form-textarea,
971
body.adminimal-skin-material select.form-select {
972
  border: none;
973
  border-bottom: 2px solid #FF9800;
974
  -o-transition:.3s;
975
  -ms-transition:.3s;
976
  -moz-transition:.3s;
977
  -webkit-transition:.3s;
978
  transition:.3s;
979
}
980

981
body.adminimal-skin-material textarea.form-textarea {
982
  border: 1px solid #ddd;
983
}
984

985
body.adminimal-skin-material input.form-text:hover,
986
body.adminimal-skin-material input.form-file:hover,
987
body.adminimal-skin-material select.form-select:hover {
988
  border-bottom: 2px solid #F57C00;
989
}
990

991
body.adminimal-skin-material input.form-text:focus,
992
body.adminimal-skin-material input.form-file:focus,
993
body.adminimal-skin-material select.form-select:focus {
994
  color: #000;
995
  border-bottom: 2px solid #9C27B0;
996
  outline: none;
997
  outline-offset: 0px;
998
}*/
999

    
1000
body.adminimal-skin-material #main-content div.admin-panel {
1001
  background-color: #fff;
1002
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
1003
  border-radius: 3px;
1004
  padding: 15px 100px 20px 15px;
1005
}
1006

    
1007
html.js body.adminimal-skin-material #module-filter-submit input {
1008
  margin: 0;
1009
}
1010

    
1011
html.js body.adminimal-skin-material #module-filter-submit .form-actions {
1012
  padding: 20px 0;
1013
}
1014

    
1015
body.adminimal-skin-material .form-actions input {
1016
  height: 24px;
1017
  margin-right: 1rem;
1018
}
1019

    
1020
body.adminimal-skin-material .block-search .form-actions input,
1021
body.adminimal-skin-material .exposed-filters input{
1022
  height: initial;
1023
}
1024

    
1025
body.adminimal-skin-material.overlay #branding {
1026
  background-color: #FFFFFF;
1027
  border-bottom: 1px solid #ddd;
1028
  padding-bottom: 5px;
1029
  box-shadow: none;
1030
}
1031

    
1032
body.adminimal-skin-material.overlay div.breadcrumb a:hover {
1033
  color: #0074bd;
1034
}
1035

    
1036
body.adminimal-skin-material.overlay #overlay-close,
1037
body.adminimal-skin-material.overlay #overlay-close:hover {
1038
  height: 44px;
1039
  background-position-y: 10px;
1040
  left: -36px;
1041
}
1042

    
1043
body.adminimal-skin-material.overlay #overlay-tabs {
1044
  right: 2px;
1045
}
1046

    
1047
body.adminimal-skin-material.overlay #overlay-tabs li:first-of-type a {
1048
  border-radius: 0.2em 0 0 0;
1049
}
1050

    
1051
body.adminimal-skin-material.overlay #overlay-tabs li:last-of-type a {
1052
  border-radius: 0 0.2em 0 0;
1053
}
1054

    
1055
body.adminimal-skin-material.overlay ul.secondary {
1056
  background: #F9F9F9;
1057
}
1058

    
1059
body.adminimal-skin-material .rules-elements-add ul.action-links a,
1060
body.adminimal-skin-material ul.rules-operations a,
1061
body.adminimal-skin-material .rules-elements-add ul.action-links a {
1062
    background: transparent;
1063
    color: #2196F3;
1064
    box-shadow: none;
1065
    padding: 8px 18px;
1066
    margin: 5px 0 0 0;
1067
}
1068

    
1069
body.adminimal-skin-material .rules-elements-add ul.action-links a:hover,
1070
body.adminimal-skin-material ul.rules-operations a:hover,
1071
body.adminimal-skin-material .rules-elements-add ul.action-links a:hover {
1072
    background: transparent;
1073
    color: #2196F3;
1074
    box-shadow: none;
1075
}
1076

    
1077
body.adminimal-skin-material .rules-elements-add ul.action-links a:focus,
1078
body.adminimal-skin-material ul.rules-operations a:focus,
1079
body.adminimal-skin-material .rules-elements-add ul.action-links a:focus {
1080
  text-decoration: none;
1081
}
1082

    
1083
body.sticky-actions.adminimal-skin-material .form-actions.form-wrapper {
1084
  padding: 20px 40px 20px;
1085
  box-shadow: -20px 2px 40px rgba(0,0,0,0.2);
1086
  border-bottom: none;
1087
}
1088

    
1089
body.sticky-actions.adminimal-skin-material #page {
1090
    margin-bottom: 80px;
1091
}