Projet

Général

Profil

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

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

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
}
224

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

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

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

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

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

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

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

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

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

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

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

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

    
301
/* Omega Fieldset fix */
302

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

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

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

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

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

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

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

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

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

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

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

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

    
404
/* Custom Checkbox styling */
405

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
665
/* Buttons */
666

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

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

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

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

    
709

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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