Projet

Général

Profil

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

root / drupal7 / sites / all / modules / sweaver / skins / grey / grey.css @ 27370441

1

    
2
/**
3
 * @file
4
 * Sweaver grey skin CSS.
5
 */
6

    
7
/******************************************************
8
 * Reset all css with !important
9
 * so that sweavering doesn't affect the sweaver bar.
10
 ******************************************************/
11

    
12
#sweaver-frontend *,
13
#sweaver-messages * {
14
  background: transparent 0 none;
15
  color: #fff !important;
16
  font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
17
  font-size: 12px;
18
  font-style: normal;
19
  font-weight: normal;
20
  text-decoration: none;
21
  text-shadow: none;
22
  text-transform: none;
23
  background-image: none;
24
  line-height: 1.3em !important;
25
  text-align: left !important;
26
  padding: 0;
27
  margin: 0;
28
  border: 0 none;
29
  width: auto;
30
  height: auto;
31
  outline: 0;
32
}
33

    
34

    
35
/*****************
36
 * General theming.
37
 ******************/
38

    
39
/* correct the body so that the Sweaver frontend does not overlap any content */
40

    
41
body.sweaver {
42
  margin-bottom: 299px !important;
43
}
44

    
45
/* Show which selector was hovered/clicked */
46

    
47
.sweaver-hovered {
48
  outline: 1px dashed #dc1515;
49
}
50

    
51
.sweaver-clicked {
52
  outline: 1px solid #b13a3a;
53
}
54

    
55
/* sweaver bar */
56

    
57
#sweaver {
58
  width: 100%;
59
  background-color: #3E3E3E !important;
60
  position: fixed;
61
  bottom: 0;
62
  left: 0;
63
  z-index: 499;
64
}
65

    
66
#sweaver #sweaver-middle {
67
  overflow: hidden;
68
}
69

    
70
#sweaver .sweaver-content {
71
  padding: 10px !important;
72
  background-color: #3E3E3E !important;
73
  position: relative !important;
74
  height: 180px;
75
  overflow: hidden;
76
  z-index: 1;
77
}
78

    
79
/* header region */
80

    
81
#sweaver .sweaver-header {
82
   padding: 7px !important;
83
   clear: both !important;
84
   background: transparent url(images/header-bg.png) repeat-x bottom left !important;
85
   position: relative;
86
   z-index: 2;
87
}
88

    
89
#sweaver #sweaver-header a.button {
90
  float: right;
91
}
92

    
93
/* Horizontal tabs */
94

    
95
#sweaver #sweaver-tabs {
96
  background-color: #000 !important;
97
  padding-top: 3px !important;
98
}
99

    
100
#sweaver .close a,
101
#sweaver .tab a {
102
  height: 16px !important;
103
  display: block !important;
104
  float: left !important;
105
  padding: 10px !important;
106
  font-size: 13px !important;
107
  line-height: 16px !important;
108
  margin-left: 7px !important;
109
  -moz-border-radius: 7px 7px 0 0 !important;
110
  border-radius: 7px 7px 0 0 !important;
111
  -webkit-border-radius: 7px 7px 0 0 !important;
112
}
113

    
114
#sweaver .close a {
115
  background: #666 url(images/close.png) no-repeat center center !important;
116
  text-indent: -10000px;
117
  overflow: hidden;
118
  padding: 5px 10px !important;
119
  margin-top: 7px !important;
120
  -moz-border-radius: 9px !important;
121
  -webkit-border-radius: 9px !important;
122
  border-radius: 9px !important;
123
  height:10px !important;
124
}
125

    
126
#sweaver .close.active-tab a {
127
  background-image: url(images/open.png) !important;
128
}
129

    
130
#sweaver .active-tab a {
131
  background-color: #3E3E3E !important;
132
}
133

    
134
/* style actions */
135

    
136
#sweaver-style-actions {
137
  background-color: #3E3E3E !important;
138
  height: 36px !important;
139
  display: block !important;
140
  float: right !important;
141
  padding: 0px 15px !important;
142
  line-height: 16px !important;
143
  -moz-border-radius: 7px 0 0 0 !important;
144
  border-radius: 7px 0 0 0 !important;
145
  -webkit-border-top-left-radius: 7px !important;
146
}
147

    
148
#sweaver-style-actions .style-actions-link {
149
  float: left !important;
150
}
151

    
152
#sweaver-style-actions .style-actions-link a {
153
  padding: 10px !important;
154
  display: block !important;
155
  font-size: 13px !important;
156
}
157

    
158
/* message region */
159

    
160
#sweaver-messages,
161
#sweaver-popup {
162
  -moz-border-radius: 7px !important;
163
  -webkit-border-radius: 7px !important;
164
  border-radius: 7px !important;
165
  background: rgb(51,51,51) !important;
166
  background: rgba(51,51,51,0.9) !important;
167
  display: none;
168
  padding: 15px !important;
169
  position: fixed !important;
170
  z-index: 1100 !important;
171
  top: 7px;
172
  left: 7px;
173
  width: 300px;
174
  min-height: 50px;
175
}
176

    
177
#sweaver-popup {
178
  width: auto;
179
  padding: 25px 15px !important;
180
}
181

    
182
#sweaver-messages .close,
183
#sweaver-popup .close {
184
  background: url(images/close-message.png) no-repeat center center !important;
185
  text-indent: -10000px;
186
  overflow: hidden;
187
  width: 16px;
188
  height: 15px;
189
  line-height: 15px;
190
  position: absolute;
191
  top: 5px;
192
  right: 5px;
193
}
194

    
195
#sweaver-messages .close:hover,
196
#sweaver-popup .close:hover {
197
  cursor: pointer;
198
}
199

    
200
#sweaver-popup h2 {
201
  font-size: 16px !important;
202
  margin-bottom: 5px !important;
203
}
204

    
205
#sweaver-popup a {
206
  text-decoration: underline !important;
207
}
208

    
209
#sweaver-frontend #sweaver-popup p,
210
#sweaver-frontend #sweaver-popup span {
211
  font-style: italic !important;
212
  margin: 10px 0 !important;
213
}
214

    
215
#sweaver-frontend #sweaver-popup legend {
216
  position: static;
217
  text-indent: 0;
218
}
219

    
220
#sweaver-frontend #sweaver-popup legend span {
221
  font-size: 16px !important;
222
  line-height:19px !important;
223
  margin:0 0 10px !important;
224
  display: block;
225
}
226

    
227
#sweaver-frontend #sweaver-popup fieldset fieldset legend span {
228
  font-size: 12px !important;
229
  line-height: 13px !important;
230
  background: transparent url(images/close.png) no-repeat left center !important;
231
  padding-left: 25px !important;
232
  height: 16px !important;
233
}
234

    
235
#sweaver-frontend #sweaver-popup fieldset fieldset .fieldset-wrapper {
236
  margin: 0px 0 10px 25px;
237
}
238

    
239
#sweaver-frontend #sweaver-popup fieldset {
240
  background: transparent none !important;
241
}
242

    
243
#sweaver-frontend #sweaver-popup fieldset .description {
244
  border-radius: 5px 5px 5px 5px !important;
245
  -moz-border-radius: 5px 5px 5px 5px !important;
246
  -webkit-border-radius: 5px 5px 5px 5px !important;
247
  background: none repeat scroll 0 0 #666666 !important;
248
  color: #EEEEEE !important;
249
  padding: 10px !important;
250
  margin-top: 10px !important;
251
  margin-left: 0 !important;
252
}
253

    
254
#sweaver-frontend #sweaver-popup fieldset fieldset .description {
255
  margin-top: 10px !important;
256
}
257

    
258
#sweaver-frontend #sweaver-popup fieldset .form-item .description {
259
  font-size: 0.9em !important;
260
}
261

    
262
#sweaver-frontend #sweaver-popup fieldset .form-item {
263
  padding: 15px 0 !important;
264
  border-bottom: 1px solid #777 !important;
265
}
266

    
267
#sweaver-frontend #sweaver-popup fieldset fieldset {
268
  background: transparent none !important;
269
  padding: 5px 0 !important;
270
}
271

    
272
#sweaver-frontend #sweaver-popup input,
273
#sweaver-frontend #sweaver-popup select,
274
#sweaver-frontend #sweaver-popup textarea {
275
  width:230px;
276
  box-shadow: 1px 1px 2px #333 !important;
277
  -moz-box-shadow: 1px 1px 2px #333 !important;
278
  -webkit-box-shadow: 1px 1px 2px #333 !important;
279
}
280

    
281
#sweaver-frontend #sweaver-popup label {
282
    width: 230px !important;
283
}
284

    
285
/* Popup link */
286

    
287
#sweaver .popup-link {
288
  float: left;
289
  margin-right: 10px !important;
290
}
291

    
292
#sweaver .popup-link a {
293
  background: #999 url(images/popup.png) no-repeat 4px center !important;
294
  font-weight: bold !important;
295
  padding: 5px 5px 5px 25px !important;
296
  display: block !important;
297
  border-radius: 4px;
298
  -moz-border-radius: 4px;
299
  -webkit-border-radius: 4px;
300
}
301

    
302
#sweaver-style-actions .popup-link a {
303
  background: #999 none !important;
304
  padding: 1px !important;
305
  border: 1px solid #ddd !important;
306
  border-radius: 4px;
307
  -moz-border-radius: 4px;
308
  -webkit-border-radius: 4px;
309
}
310

    
311
/* style actions */
312

    
313
#sweaver-popup .form-item-save-type,
314
#sweaver-popup .form-item-save-style,
315
#sweaver-popup .form-item-style-existing-id {
316
  float: left !important;
317
}
318

    
319
#sweaver-popup .form-item-save-type select,
320
#sweaver-popup .form-item-save-style input,
321
#sweaver-popup .form-item-style-existing-id select {
322
  margin-right: 15px !important;
323
}
324

    
325
#sweaver-popup .delete-style-question {
326
  background:none repeat scroll 0 0 #666666 !important;
327
  padding:5px !important;
328
  -moz-border-radius: 7px !important;
329
  -webkit-border-radius: 7px !important;
330
  border-radius: 7px !important;
331
  margin-top: 15px !important;
332
}
333

    
334
#sweaver-popup .save-publish-buttons {
335
  clear: both;
336
}
337

    
338
#sweaver-popup .delete-style-question input,
339
#sweaver-popup .save-publish-buttons input {
340
  float: left !important;
341
  margin-right: 15px !important;
342
  clear: none !important;
343
}
344

    
345
/* general theming */
346

    
347
#sweaver a {
348
  display: inline !important;
349
}
350

    
351
#sweaver h2 {
352
  font-weight: bold !important;
353
  font-size: 14px !important;
354
  padding: 0 0 5px 0 !important;
355
  line-height: 1.1em !important;
356
}
357

    
358
#sweaver h3 {
359
  color: #222 !important;
360
  font-size:13px !important;
361
  font-weight:bold !important;
362
  line-height:18px !important;
363
  margin: 5px 0 !important;
364
}
365

    
366
#sweaver-frontend label {
367
  width: 115px;
368
  float: left !important;
369
  clear: left !important;
370
}
371

    
372
#sweaver-frontend .form-item {
373
  padding: 5px 0 !important;
374
}
375

    
376
#sweaver-frontend input,
377
#sweaver-frontend select,
378
#sweaver-frontend textarea {
379
  width: 140px;
380
  border: 1px solid #fff !important;
381
  padding: 2px !important;
382
  color: #222 !important;
383
  background-color: #fff !important;
384
  border-radius: 2px !important;
385
  -moz-border-radius: 2px !important;
386
  -webkit-border-radius: 2px !important;
387
  height: auto !important;
388
  box-shadow: 1px 1px 2px #000 !important;
389
  -moz-box-shadow: 1px 1px 2px #000 !important;
390
  -webkit-box-shadow: 1px 1px 2px #000 !important;
391
}
392

    
393
#sweaver-frontend option {
394
  color: #222 !important;
395
  padding: 2px !important;
396
}
397

    
398
#sweaver textarea {
399
  width: 400px;
400
  height:175px !important;
401
}
402

    
403
#sweaver-frontend input.form-file,
404
#sweaver-frontend input.form-checkbox {
405
  width: auto;
406
}
407

    
408
#sweaver a.button {
409
  width: 50px !important;
410
  border: 1px solid #fff !important;
411
  padding: 2px !important;
412
  color: #222 !important;
413
  background-color: #fff !important;
414
  display: block !important;
415
  text-align: center !important;
416
  font-size: 13px !important;
417
  margin-left: 15px !important;
418
}
419

    
420
#sweaver-frontend .form-submit,
421
#sweaver-popup .form-submit {
422
  clear: left;
423
  display: block !important;
424
  margin: 1em 0 0 0 !important;
425
  background-color: #efefef !important;
426
  color: #000 !important;
427
  width: auto !important;
428
  padding: 5px 10px !important;
429
  -moz-border-radius: 15px !important;
430
  -webkit-border-radius: 15px !important;
431
  border-radius: 15px !important;
432
  cursor: pointer;
433
}
434

    
435
#sweaver-frontend label.option {
436
  width: auto !important;
437
  float: none !important;
438
}
439

    
440
#sweaver-frontend input.form-checkbox {
441
  margin: 0 !important;
442
  padding: 0 !important;
443
  width: auto !important;
444
}
445

    
446
#sweaver-frontend .description {
447
  margin-left: 120px !important;
448
  font-size: 0.9em !important;
449
  margin-top: 5px !important;
450
}
451

    
452
/* containers */
453

    
454
#sweaver .container {
455
  float: left !important;
456
}
457

    
458
#sweaver .container-inner {
459
  padding: 0 20px !important;
460
  border-left:1px solid #555555 !important;
461
  border-right: 1px solid #272623 !important;
462
  height: 180px !important;
463
}
464

    
465
#sweaver .container-first .container-inner  {
466
  border-left: 0 none !important;
467
  padding-left: 0 !important;
468
}
469

    
470
#sweaver .container-last .container-inner  {
471
  border-right: 0 none !important;
472
  padding-right: 0 !important;
473
}
474

    
475
/* Custom css */
476

    
477
#sweaver .form-floater .form-submit,
478
#sweaver .form-floater .form-item {
479
  float: left !important;
480
  clear: none !important;
481
}
482

    
483
#sweaver .form-floater .form-item {
484
  margin: 0 10px 0 0 !important;
485
}
486

    
487
#sweaver .form-item-sweaver-plugin-custom-css{
488
  width:90%;
489
}
490

    
491
#sweaver .form-item-sweaver-plugin-custom-css textarea{
492
  width:100%;
493
}
494

    
495
/* link for 'theme styles' tab */
496

    
497
#sweaver .sweaver-switch-to-style {
498
  float: left;
499
  margin-right: 10px !important;
500
}
501

    
502
#sweaver .sweaver-switch-to-style a {
503
  background: #999 url(images/style.png) no-repeat 4px center !important;
504
  color: #fff !important;
505
  font-weight: bold !important;
506
  padding: 5px 5px 5px 25px !important;
507
  display: block !important;
508
  border-radius: 4px;
509
  -moz-border-radius: 4px;
510
  -webkit-border-radius: 4px;
511
}
512

    
513
/* Theme switching tab */
514

    
515
#sweaver .selected-image {
516
  -moz-box-shadow: 1px 1px 2px #000;
517
  background: #FFFFFF !important;
518
  color: #333333 !important;
519
  float: left;
520
  margin-right: 25px !important;
521
  padding: 5px !important;
522
  text-align: center !important;
523
  margin-top: 10px !important;
524
}
525

    
526
#sweaver .selected-image img {
527
  width: 150px;
528
  height: 90px;
529
}
530

    
531
#sweaver .selected-image-default {
532
  background: #333333 !important;
533
  color: #FFFFFF !important;
534
  margin-top: 0 !important;
535
  padding: 15px !important;
536
}
537

    
538
#themeswitch-pane {
539
  overflow: hidden;
540
  width: 100%;
541
  height: 170px;
542
}
543

    
544
#sweaver_plugin_themeswitch .scroll-bar-wrap {
545
  clear: left;
546
  padding: 10px 4px 0 2px !important;
547
  margin: 0 -1px -1px -1px !important;
548
}
549

    
550
#sweaver_plugin_themeswitch .scroll-bar-wrap .ui-handle-helper-parent {
551
  position: relative;
552
  width: 100%;
553
  height: 100%;
554
  margin: 0 auto !important;
555
}
556

    
557

    
558
/*****************
559
 * Editor
560
 *****************/
561

    
562
#sweaver_plugin_editor #sweaver-editor {
563
  display: none;
564
}
565

    
566
/* vertical tabs in editor screen */
567

    
568
#sweaver .vertical-tabs {
569
  border-right: 1px solid #272623 !important;
570
  float: left !important;
571
  height: 180px !important;
572
  padding-right: 15px !important;
573
}
574

    
575
#sweaver .vertical-tab a {
576
  display: block !important;
577
  font-size: 13px !important;
578
  margin-bottom: 5px !important;
579
  padding: 7px !important;
580
  width: 150px !important;
581
}
582

    
583
#sweaver .vertical-tab a.active {
584
  background-color: transparent !important;
585
  -moz-border-radius: 7px !important;
586
  -webkit-border-radius: 7px !important;
587
  border-radius: 7px !important;
588
  background-color: #222 !important;
589
}
590

    
591
#sweaver .vertical-content {
592
  border-left:1px solid #555555 !important;
593
  height: 180px !important;
594
  margin-left: 180px !important;
595
  padding-left:15px !important;
596
}
597

    
598
.vertical-content .container-wrapper {
599
  display: none;
600
}
601

    
602
.vertical-content #container-one {
603
  display: block;
604
}
605

    
606
/* form items */
607

    
608
#sweaver_plugin_editor label {
609
  line-height: 16px !important;
610
  padding: 5px 0 0 0 !important;
611
}
612

    
613
#sweaver_plugin_editor .form-item,
614
#sweaver_plugin_editor .sweaver-group {
615
  padding: 5px 0;
616
  margin: 0;
617
  clear: both;
618
  position: relative !important;
619
  z-index: 1;
620
}
621

    
622
#sweaver_plugin_editor .form-item.active,
623
#sweaver_plugin_editor .sweaver-group.active {
624
  z-index: 2;
625
}
626

    
627
#sweaver_plugin_editor .form-managed-file {
628
  float: left;
629
}
630

    
631
/* parent / children */
632

    
633
#sweaver_plugin_editor .sweaver-group-content label {
634
  display: none;
635
}
636

    
637
#sweaver_plugin_editor .sweaver-group-content {
638
  float: left;
639
}
640

    
641
#sweaver_plugin_editor .sweaver-group-content .form-item {
642
  float: left !important;
643
  clear: none !important;
644
  margin-right: 5px !important;
645
  padding: 0 !important;
646
}
647

    
648
#sweaver_plugin_editor .sweaver-group-content select {
649
  width: auto !important;
650
}
651

    
652
/* slider */
653

    
654
#sweaver_plugin_editor .slider-value {
655
  border: none !important;
656
  background-color: #fff !important;
657
  width: 30px !important;
658
  text-align: center !important;
659
}
660

    
661
#sweaver_plugin_editor .slider {
662
  width: 122px;
663
}
664

    
665
#sweaver_plugin_editor .slider-wrapper {
666
  visibility: hidden;
667
  padding: 10px !important;
668
  background-color: #666 !important;
669
  -moz-border-radius: 5px !important;
670
  -webkit-border-radius: 5px !important;
671
  border-radius: 5px !important;
672
  position: absolute;
673
  top: 0;
674
  left: 0;
675
  z-index: 100 !important;
676
}
677

    
678
/* Overwrite of jquery ui css to be able to add !important */
679

    
680
#sweaver-frontend .ui-slider {
681
  background: none repeat scroll 0 0 #FFFFFF !important;
682
  border: 1px solid #D3D3D3 !important;
683
  font-size: 100%;
684
  height: 0.8em;
685
  line-height: 1.3;
686
}
687

    
688
#sweaver-frontend .ui-slider-handle {
689
  background:url(images/slider-handle.png) repeat-x scroll 0 50% #FFFFFF !important;
690
  border: 1px solid #DDDDDD !important;
691
  margin-left: -8px !important;
692
  font-size:100%;
693
  height: 1.2em;
694
  width: 1.2em;
695
  line-height:1.3;
696
}
697

    
698
/* selectors path */
699

    
700
#sweaver_plugin_editor #full-path,
701
#sweaver_plugin_editor #selected-path {
702
  margin: 0 0 0 -7px !important;
703
  padding: 3px 7px 3px 0 !important;
704
}
705

    
706
#sweaver_plugin_editor #selected-path {
707
  padding-bottom: 0 !important;
708
}
709

    
710
#sweaver_plugin_editor .path-label {
711
  width: 100px !important;
712
  background-color: transparent !important;
713
  clear: left;
714
  display: block;
715
  float: left;
716
  padding: 0px 3px 0px 10px !important;
717
  font-weight: bold !important;
718
}
719

    
720
#sweaver_plugin_editor .path-content {
721
  margin-left: 113px !important;
722
  display: block;
723
}
724

    
725
#sweaver_plugin_editor #selected-path .path-content span {
726
  padding: 3px 0 !important;
727
  position: relative;
728
}
729

    
730
#sweaver_plugin_editor #full-path .selector-wrapper {
731
  padding: 3px 0 !important;
732
  position: relative;
733
  float: left;
734
  z-index: 1;
735
  white-space: nowrap;
736
}
737

    
738
#sweaver_plugin_editor #full-path .selector-wrapper.open {
739
  z-index: 2;
740
}
741

    
742
#sweaver_plugin_editor #full-path .first-selector,
743
#sweaver_plugin_editor #full-path .selector-separator {
744
  float: left;
745
}
746

    
747
#sweaver_plugin_editor #full-path .first-selector {
748
  cursor: pointer;
749
  white-space: nowrap;
750
}
751

    
752
#sweaver_plugin_editor #full-path .active .first-selector a {
753
  text-decoration: underline !important;
754
}
755

    
756
/* selector popup */
757

    
758
#sweaver_plugin_editor #full-path .selector-popup {
759
  position: absolute !important;
760
  top: 0px !important;
761
  left: -10000px;
762
  background: #666 !important;
763
  padding: 4px 16px 4px 8px !important;
764
  -moz-border-radius: 3px !important;
765
  -webkit-border-radius: 3px !important;
766
  border-radius: 3px !important;
767
  z-index: 1113 !important;
768
  white-space: nowrap !important;
769
}
770

    
771
#sweaver_plugin_editor #full-path .selector-popup ul {
772
  float: left !important;
773
}
774

    
775
#sweaver_plugin_editor #full-path .selector-popup ul.selectors {
776
  border-right: 1px solid #555;
777
  padding-right: 15px !important;
778
}
779

    
780
#sweaver_plugin_editor #full-path .selector-popup ul.pseudoclasses {
781
  padding-left: 8px !important;
782
}
783

    
784
#sweaver_plugin_editor #full-path .selector-popup li {
785
  list-style-type: none !important;
786
  list-style-image: none !important;
787
  padding: 4px 0 4px 15px !important;
788
  border-bottom: 1px solid #555;
789
  border-top: 1px solid #777;
790
}
791

    
792
#sweaver_plugin_editor #full-path .selector-popup li.first {
793
  border-top: 0 none;
794
}
795
#sweaver_plugin_editor #full-path .selector-popup li.active {
796
  background: transparent url(images/active-selector.png) no-repeat left center !important;
797
}
798

    
799
#sweaver_plugin_editor #full-path .selector-popup li.last {
800
  border-bottom: 0 none;
801
}
802

    
803
#sweaver_plugin_editor #full-path .selector-popup-opener {
804
  background: transparent url(images/selector-popup.png) no-repeat center center !important;
805
  width: 16px !important;
806
  height: 15px !important;
807
  text-indent: -2000px !important;
808
  overflow: hidden !important;
809
  float: left;
810
  cursor: pointer;
811
  display: none;
812
  margin-right: 3px !important;
813
}
814

    
815
#sweaver_plugin_editor #full-path .active .selector-popup-opener {
816
  display: block;
817
}
818

    
819
/* Follow link */
820

    
821
#follow-link {
822
  -moz-border-radius: 7px !important;
823
  -webkit-border-radius: 7px !important;
824
  border-radius: 7px !important;
825
  background: rgb(51,51,51) !important;
826
  background: rgba(51,51,51,0.9) !important;
827
  color: #fff !important;
828
  display: none;
829
  opacity: 0.8 !important;
830
  padding: 3px 7px !important;
831
  position: absolute !important;
832
  font-size: 11px !important;
833
  z-index: 498 !important;
834
  text-decoration: none !important;
835
  font-family: "trebuchet MS", Helvetica, Arial !important;
836
  font-size: 12px !important;
837
}
838

    
839
#follow-link:hover {
840
  text-decoration: underline !important;
841
}
842

    
843
/* Changes */
844

    
845
#editor-changes {
846
  position: absolute !important;
847
  bottom: 22px;
848
  right: -10000px;
849
  padding: 5px !important;
850
  width: 400px !important;
851
  background-color: #000 !important;
852
  color: #fff !important;
853
  height: 160px;
854
  overflow-y: scroll;
855
  z-index : 1112;
856
  border: 1px solid #000;
857
}
858

    
859
#sweaver_plugin_editor #changes-toggler {
860
  border-radius: 7px 7px 0 0 !important;
861
  -moz-border-radius: 7px 7px 0 0 !important;
862
  -webkit-border-radius: 7px 7px 0 0 !important;
863
  background: #000 url(images/open2.png) no-repeat 95% 50% !important;
864
  position: absolute;
865
  bottom: 0;
866
  right: 10px;
867
  padding: 5px 24px 5px 5px !important;
868
  z-index : 1111;
869
  width: 100px !important;
870
  cursor: pointer;
871
}
872

    
873
#sweaver_plugin_editor #changes-toggler.open {
874
  background-image: url(images/close2.png) !important;
875
}
876

    
877
#sweaver_plugin_editor #editor-changes p {
878
  margin-bottom: 5px !important;
879
  padding: 2px 2px 2px 20px !important;
880
  background: #3E3E3E url(images/remove.png) no-repeat left center !important;
881
  cursor: pointer;
882
}
883

    
884
/* color picker */
885

    
886
#sweaver #sweaver_plugin_editor .colorSelector div {
887
  -moz-box-shadow:0 0 0 transparent !important;
888
}
889

    
890

    
891
/*****************
892
  Palettes
893
 ******************/
894

    
895
#sweaver_plugin_palettes .color {
896
  width: 15px !important;
897
  height: 15px !important;
898
  overflow: hidden;
899
  text-indent: -10000px;
900
  float: left;
901
  border: 1px solid #fff !important;
902
  margin-left: -1px;
903
}
904

    
905
#sweaver_plugin_palettes .name {
906
  margin-left: 7px !important;
907
  float: left;
908
}
909

    
910
#sweaver_plugin_palettes .colors {
911
  clear: both;
912
  margin-bottom: 5px !important;
913
  padding: 7px !important;
914
  width: 200px;
915
}
916

    
917
#sweaver_plugin_palettes .colors:hover,
918
#sweaver_plugin_palettes .colors.active,
919
#sweaver_plugin_palettes .colors.active:hover {
920
  background: #444 !important;
921
  border-radius: 7px;
922
  -webkit-border-radius: 7px;
923
  -moz-border-radius: 7px;
924
  cursor: pointer;
925
}
926

    
927
#sweaver_plugin_palettes .colors:hover {
928
  background-color: #666 !important;
929
}
930

    
931
/* New icons */
932
#sweaver_plugin_editor .editor_icons {
933
    background: url('images/sweaver_icons.png');
934
    float: left;
935
    cursor: pointer;
936
    margin:5px 0 5px 10px;
937
    width: 32px;
938
    height: 32px;
939
}
940

    
941
#sweaver_plugin_editor #button-checkbox-font-weight { background-position: 0 0; }
942
#sweaver_plugin_editor #button-checkbox-font-weight:hover { background-position: -80px 0; }
943
#sweaver_plugin_editor #button-checkbox-font-weight.button_active { background-position: -160px 0; }
944
#sweaver_plugin_editor #button-checkbox-font-weight.button_active:hover { background-position: -240px 0; }
945

    
946
#sweaver_plugin_editor #button-checkbox-font-style { background-position: 0 -60px; }
947
#sweaver_plugin_editor #button-checkbox-font-style:hover { background-position: -80px -60px; }
948
#sweaver_plugin_editor #button-checkbox-font-style.button_active { background-position: -160px -60px; }
949
#sweaver_plugin_editor #button-checkbox-font-style.button_active:hover { background-position: -240px -60px; }
950

    
951
#sweaver_plugin_editor #button-radio-text-align-left { background-position: 0 -120px; }
952
#sweaver_plugin_editor #button-radio-text-align-left:hover { background-position: -80px -120px; }
953
#sweaver_plugin_editor #button-radio-text-align-left.button_active { background-position: -160px -120px; }
954
#sweaver_plugin_editor #button-radio-text-align-left.button_active:hover { background-position: -240px -120px; }
955

    
956
#sweaver_plugin_editor #button-radio-text-align-center { background-position: 0 -180px; }
957
#sweaver_plugin_editor #button-radio-text-align-center:hover { background-position: -80px -180px; }
958
#sweaver_plugin_editor #button-radio-text-align-center.button_active { background-position: -160px -180px; }
959
#sweaver_plugin_editor #button-radio-text-align-center.button_active:hover { background-position: -240px -180px; }
960

    
961
#sweaver_plugin_editor #button-radio-text-align-right { background-position: 0 -240px; }
962
#sweaver_plugin_editor #button-radio-text-align-right:hover { background-position: -80px -240px; }
963
#sweaver_plugin_editor #button-radio-text-align-right.button_active { background-position: -160px -240px; }
964
#sweaver_plugin_editor #button-radio-text-align-right.button_active:hover { background-position: -240px -240px; }
965

    
966
#sweaver_plugin_editor #button-radio-text-align-justify { background-position: 0 -300px; }
967
#sweaver_plugin_editor #button-radio-text-align-justify:hover { background-position: -80px -300px; }
968
#sweaver_plugin_editor #button-radio-text-align-justify.button_active { background-position: -160px -300px; }
969
#sweaver_plugin_editor #button-radio-text-align-justify.button_active:hover { background-position: -240px -300px; }
970

    
971
#sweaver_plugin_editor #button-radio-text-decoration-underline { background-position: 0 -360px; }
972
#sweaver_plugin_editor #button-radio-text-decoration-underline:hover { background-position: -80px -360px; }
973
#sweaver_plugin_editor #button-radio-text-decoration-underline.button_active { background-position: -160px -360px; }
974
#sweaver_plugin_editor #button-radio-text-decoration-underline.button_active:hover { background-position: -240px -360px; }
975

    
976
#sweaver_plugin_editor #button-radio-text-decoration-none { background-position: 0 -420px; width: 45px; }
977
#sweaver_plugin_editor #button-radio-text-decoration-none:hover { background-position: -80px -420px; width: 45px; }
978
#sweaver_plugin_editor #button-radio-text-decoration-none.button_active { background-position: -160px -420px; width: 45px; }
979
#sweaver_plugin_editor #button-radio-text-decoration-none.button_active:hover { background-position: -240px -420px; width: 45px; }
980

    
981
#sweaver_plugin_editor #button-radio-text-decoration-line-through { background-position: 0 -480px; width: 45px; }
982
#sweaver_plugin_editor #button-radio-text-decoration-line-through:hover { background-position: -80px -480px; width: 45px; }
983
#sweaver_plugin_editor #button-radio-text-decoration-line-through.button_active { background-position: -160px -480px; width: 45px; }
984
#sweaver_plugin_editor #button-radio-text-decoration-line-through.button_active:hover { background-position: -240px -480px; width: 45px; }
985

    
986
#sweaver_plugin_editor #button-radio-background-repeat-no-repeat { background-position: 0 -720px; }
987
#sweaver_plugin_editor #button-radio-background-repeat-no-repeat:hover { background-position: -80px -720px; }
988
#sweaver_plugin_editor #button-radio-background-repeat-no-repeat.button_active { background-position: -160px -720px; }
989
#sweaver_plugin_editor #button-radio-background-repeat-no-repeat.button_active:hover { background-position: -240px -720px; }
990

    
991
#sweaver_plugin_editor #button-radio-background-repeat-repeat-x { background-position: 0 -600px; width: 45px; }
992
#sweaver_plugin_editor #button-radio-background-repeat-repeat-x:hover { background-position: -80px -600px; width: 45px; }
993
#sweaver_plugin_editor #button-radio-background-repeat-repeat-x.button_active { background-position: -160px -600px; width: 45px; }
994
#sweaver_plugin_editor #button-radio-background-repeat-repeat-x.button_active:hover { background-position: -240px -600px; width: 45px; }
995

    
996
#sweaver_plugin_editor #button-radio-background-repeat-repeat-y { background-position: 0 -660px; width: 45px; }
997
#sweaver_plugin_editor #button-radio-background-repeat-repeat-y:hover { background-position: -80px -660px; width: 45px; }
998
#sweaver_plugin_editor #button-radio-background-repeat-repeat-y.button_active { background-position: -160px -660px; width: 45px; }
999
#sweaver_plugin_editor #button-radio-background-repeat-repeat-y.button_active:hover { background-position: -240px -660px; width: 45px; }
1000

    
1001
#sweaver_plugin_editor #button-radio-background-repeat-repeat { background-position: 0 -540px; width: 45px; }
1002
#sweaver_plugin_editor #button-radio-background-repeat-repeat:hover { background-position: -80px -540px; width: 45px; }
1003
#sweaver_plugin_editor #button-radio-background-repeat-repeat.button_active { background-position: -160px -540px; width: 45px; }
1004
#sweaver_plugin_editor #button-radio-background-repeat-repeat.button_active:hover { background-position: -240px -540px; width: 45px; }
1005

    
1006
#sweaver_plugin_editor #button-radio-background-attachment-scroll { background-position: 0 -780px; width: 45px; }
1007
#sweaver_plugin_editor #button-radio-background-attachment-scroll:hover { background-position: -80px -780px; width: 45px; }
1008
#sweaver_plugin_editor #button-radio-background-attachment-scroll.button_active { background-position: -160px -780px; width: 45px; }
1009
#sweaver_plugin_editor #button-radio-background-attachment-scroll.button_active:hover { background-position: -240px -780px; width: 45px; }
1010

    
1011
#sweaver_plugin_editor #button-radio-background-attachment-fixed { background-position: 0 -840px; }
1012
#sweaver_plugin_editor #button-radio-background-attachment-fixed:hover { background-position: -80px -840px; }
1013
#sweaver_plugin_editor #button-radio-background-attachment-fixed.button_active { background-position: -160px -840px; }
1014
#sweaver_plugin_editor #button-radio-background-attachment-fixed.button_active:hover { background-position: -240px -840px; }
1015

    
1016
#sweaver_plugin_editor .editor_logos {
1017
    background: url('images/sweaver_icons.png');
1018
    float: left;
1019
    margin:10px 10px 5px 10px;
1020
    width: 32px;
1021
    height: 20px;
1022
}
1023

    
1024
#sweaver_plugin_editor #logo-font-size { background-position: 0 -900px; width: 17px; }
1025

    
1026
#sweaver_plugin_editor #logo-line-height { background-position: -17px -900px; width: 23px; }
1027

    
1028
/* Table */
1029
#sweaver_plugin_editor table label {
1030
    display:none;
1031
}
1032

    
1033
#sweaver_plugin_editor table#sweaver-font .form-item {
1034
    clear: none;
1035
    float: left;
1036
}
1037

    
1038
#sweaver_plugin_editor table#sweaver-font {
1039
    border-collapse: separate;
1040
    border-top: 1px solid #272623 !important;
1041
    border-bottom:1px solid #555555 !important;
1042
    margin-top: 20px;
1043
}
1044

    
1045
#sweaver_plugin_editor table#sweaver-font td {
1046
    padding: 0;
1047
    border-top:1px solid #555555 !important;
1048
    border-bottom: 1px solid #272623 !important;
1049
}
1050

    
1051
#sweaver_plugin_editor table#sweaver-font td.open-container{
1052
        border-left:1px solid #555555 !important;
1053
    padding-left: 5px;
1054
}
1055

    
1056
#sweaver_plugin_editor table#sweaver-font td.close-container{
1057
        border-right: 1px solid #272623 !important;
1058
    padding-right: 15px;
1059
}
1060

    
1061
#sweaver_plugin_editor table#sweaver-font #edit-color-wrapper{
1062
    margin-left: 10px;
1063
}
1064

    
1065
#sweaver_plugin_editor table#sweaver-font .form-type-textfield{
1066
    margin-top: 3px;
1067
}
1068

    
1069
#sweaver_plugin_editor table#sweaver-style-margin td {
1070
    vertical-align:middle;
1071
    padding:0;
1072
    height: 20px;
1073
    width: 20px;
1074
}
1075

    
1076
#sweaver_plugin_editor table#sweaver-style-margin td.corner {
1077
    vertical-align:top;
1078
}
1079

    
1080

    
1081
#sweaver_plugin_editor table#sweaver-style-margin td.table-center{
1082
    border:2px solid #000;
1083
    color:#000;
1084
    font-size:14px;
1085
    margin:1px;
1086
    padding:1px 3px;
1087
}
1088

    
1089
#sweaver_plugin_editor #sweaver-style-margin {
1090
    border:1px solid #000;
1091
}
1092

    
1093
#sweaver_plugin_editor #sweaver-style-border {
1094
    background-color:#777;
1095
    border: 1px dashed black;
1096
}
1097

    
1098
#sweaver_plugin_editor #sweaver-style-padding {
1099
    width:115px;
1100
    background-color:#333;
1101
    border: 1px solid black;
1102
}
1103

    
1104
#sweaver_plugin_editor #sweaver-style-margin .side .form-item {
1105
    text-align:center !important;
1106
    padding:3px 0px !important;
1107
}
1108

    
1109
#sweaver_plugin_editor #sweaver-style-margin .side .form-item input {
1110
    float:center !important;
1111
    margin: 0 6px !important;
1112
    font-size:11px;
1113
    height:15px !important;
1114
}
1115

    
1116
#sweaver_plugin_editor #sweaver-style-margin .label {
1117
    padding: 5px 0 0 5px;
1118
}
1119

    
1120
#sweaver_plugin_editor #sweaver-style-margin .label span {
1121
    position: absolute;
1122
}
1123

    
1124
/* Advanced Plugin */
1125
#watchdog #scrollable_area {
1126
        overflow-y: scroll;
1127
        height: 160px;
1128
    border-bottom-left-radius: 7px;
1129
    border-bottom-right-radius: 7px;
1130
    -webkit-border-bottom-right-radius: 7px;
1131
    -webkit-border-bottom-left-radius: 7px;
1132
    -moz-border-radius-bottomright: 7px;
1133
    -moz-border-radius-bottomleft: 7px;  
1134
}
1135

    
1136
#watchdog table{
1137
        width: 100%;        
1138
}
1139

    
1140
#watchdog .header{
1141
        background-color: black;
1142
    border-bottom: 2px solid black;
1143
    border-top-left-radius: 7px;
1144
    border-top-right-radius: 7px;
1145
    -webkit-border-top-right-radius: 7px;
1146
    -webkit-border-top-left-radius: 7px;
1147
    -moz-border-radius-topright: 7px;
1148
    -moz-border-radius-topleft: 7px;
1149
}
1150

    
1151
#watchdog #scrollable_area table {
1152
        background-color: #2c2c2a;
1153
    box-shadow: inset 0 -5px 20px black;
1154
    padding-bottom: 5px;  
1155
    border-bottom-left-radius: 7px;
1156
    border-bottom-right-radius: 7px;
1157
    -webkit-border-bottom-right-radius: 7px;
1158
    -webkit-border-bottom-left-radius: 7px;
1159
    -moz-border-radius-bottomright: 7px;
1160
    -moz-border-radius-bottomleft: 7px;  
1161
}
1162

    
1163
#watchdog #scrollable_area table .active {
1164
        background-color: #444;
1165
}
1166

    
1167
#watchdog #scrollable_area table .separator {
1168
        border-top: 1px solid #585858;
1169
}
1170

    
1171
#watchdog #scrollable_area table tr:hover {
1172
    background-color: #111;
1173
}
1174

    
1175
#watchdog #scrollable_area table th {
1176
        font-size:11px;
1177
        font-weight:bold;
1178
        padding:2px 1em;
1179
}
1180

    
1181
#watchdog table td {
1182
        padding: 3px 2em;        
1183
}
1184

    
1185
#watchdog .header td {
1186
        padding-top: 7px;        
1187
}
1188

    
1189
#watchdog .hidden .property {
1190
    color: #d6d6d6 !important;
1191
    text-decoration: line-through;
1192
}
1193

    
1194
#watchdog .operations {
1195
        width: 230px;
1196
        float: right;
1197
        text-align: left;
1198
    padding-right: 0;
1199
}
1200

    
1201
#watchdog .header .operations {
1202
        margin-right: 20px;
1203
    padding-right: 0;
1204
}
1205

    
1206
#watchdog .operations span {
1207
    cursor: pointer;
1208
    float: right;
1209
    width: 65px;
1210
    margin: 0 5px;
1211
}
1212

    
1213
#watchdog .operations .disabled {
1214
        display:none;
1215
}
1216

    
1217
#watchdog .header .operations .title {
1218
    font-size: 12px;
1219
}
1220

    
1221
#watchdog .operations .title {
1222
        font-weight:bold;
1223
    font-size: 11px;
1224
}