Projet

Général

Profil

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

root / drupal7 / sites / all / modules / sweaver / skins / default / default.css @ 13755f8d

1

    
2
/**
3
 * @file
4
 * Sweaver default 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;
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: 287px !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
  position: fixed;
60
  bottom: 0;
61
  left: 0;
62
  z-index: 499;
63
  text-transform: none !important;
64
  background-image: none !important;
65
}
66

    
67
#sweaver #sweaver-middle {
68
  background-color: #333 !important;
69
  overflow: hidden;
70
}
71

    
72
#sweaver .sweaver-content {
73
  padding: 10px !important;
74
  margin: 0 7px 7px !important;
75
  background-color: #bcd62b !important;
76
  position: relative !important;
77
  height: 180px;
78
  overflow: hidden;
79
   z-index: 1;
80
}
81

    
82
/* header region */
83

    
84
#sweaver .sweaver-header {
85
   padding: 7px !important;
86
   clear: both !important;
87
   margin: 0 7px 0 !important;
88
   position: relative;
89
   z-index: 2;
90
}
91

    
92
#sweaver #sweaver-header a.button {
93
  float: right;
94
}
95

    
96
/* Horizontal tabs */
97

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

    
114
#sweaver .close a {
115
  background: #999 url(images/close.png) no-repeat center center !important;
116
  text-indent: -10000px !important;
117
  overflow: hidden !important;
118
}
119

    
120
#sweaver .close.active-tab a {
121
  background-image: url(images/open.png) !important;
122
}
123

    
124
#sweaver .active-tab a {
125
  background-color: #333 !important;
126
}
127

    
128
/* style actions */
129

    
130
#sweaver-style-actions {
131
  background-color: #333 !important;
132
  height: 26px !important;
133
  display: block !important;
134
  float: right !important;
135
  padding: 0px 15px !important;
136
  line-height: 16px !important;
137
  -moz-border-radius: 7px 0 0 0 !important;
138
  border-radius: 7px 0 0 0 !important;
139
  -webkit-border-top-left-radius: 7px !important;
140
}
141

    
142
#sweaver-style-actions .style-actions-link {
143
  float: left !important;
144
}
145

    
146
#sweaver-style-actions .style-actions-link a {
147
  padding: 5px 10px !important;
148
  display: block !important;
149
  font-size: 13px !important;
150
}
151

    
152

    
153
/* Messages and popups */
154

    
155
#sweaver-messages,
156
#sweaver-popup {
157
  -moz-border-radius: 7px !important;
158
  -webkit-border-radius: 7px !important;
159
  border-radius: 7px !important;
160
  background: rgb(65,65,65) !important;
161
  background: rgba(51,51,51,0.9) !important;
162
  display: none;
163
  padding: 15px !important;
164
  position: fixed !important;
165
  font-size: 11px !important;
166
  z-index: 1100 !important;
167
  text-decoration: none !important;
168
  top: 7px;
169
  left: 7px;
170
  width: 300px;
171
  min-height: 50px;
172
}
173

    
174
#sweaver-popup {
175
  width: auto;
176
  padding: 25px 15px !important;
177
}
178

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

    
192
#sweaver-messages .close:hover,
193
#sweaver-popup .close:hover {
194
  cursor: pointer;
195
}
196

    
197
#sweaver-popup h2 {
198
  font-size: 16px !important;
199
  margin-bottom: 5px !important;
200
}
201

    
202
#sweaver-popup a {
203
  text-decoration: underline !important;
204
}
205

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

    
212
#sweaver-frontend #sweaver-popup legend {
213
  position: static;
214
  text-indent: 0;
215
}
216

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

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

    
232
#sweaver-frontend #sweaver-popup fieldset fieldset .fieldset-wrapper {
233
  margin: 0px 0 10px 25px;
234
}
235

    
236
#sweaver-frontend #sweaver-popup fieldset .description {
237
  border-radius: 5px 5px 5px 5px !important;
238
  -moz-border-radius: 5px 5px 5px 5px !important;
239
  -webkit-border-radius: 5px 5px 5px 5px !important;
240
  background: none repeat scroll 0 0 #666666 !important;
241
  color: #EEEEEE !important;
242
  padding: 10px !important;
243
  margin-top: 10px !important;
244
  margin-left: 0 !important;
245
}
246

    
247
#sweaver-frontend #sweaver-popup fieldset fieldset .description {
248
  margin-top: 10px !important;
249
}
250

    
251
#sweaver-frontend #sweaver-popup fieldset .form-item .description {
252
  font-size: 0.9em !important;
253
}
254

    
255
#sweaver-frontend #sweaver-popup fieldset .form-item {
256
  padding: 15px 0 !important;
257
  border-bottom: 1px solid #777 !important;
258
}
259

    
260
#sweaver-frontend #sweaver-popup fieldset fieldset {
261
  background: transparent none !important;
262
  padding: 5px 0 !important;
263
  margin: 0px !important;
264
}
265

    
266
#sweaver-frontend #sweaver-popup input,
267
#sweaver-frontend #sweaver-popup select,
268
#sweaver-frontend #sweaver-popup textarea {
269
  width:230px;
270
  box-shadow: 1px 1px 2px #333 !important;
271
  -moz-box-shadow: 1px 1px 2px #333 !important;
272
  -webkit-box-shadow: 1px 1px 2px #333 !important;
273
}
274

    
275
#sweaver-frontend #sweaver-popup label {
276
    width: 230px !important;
277
}
278

    
279
/* Popup link */
280

    
281
#sweaver .popup-link {
282
  float: left;
283
  margin-right: 10px !important;
284
}
285

    
286
#sweaver .popup-link a {
287
  background: #999 url(images/popup.png) no-repeat 4px center !important;
288
  font-weight: bold !important;
289
  padding: 5px 5px 5px 25px !important;
290
  display: block !important;
291
  border-radius: 4px;
292
  -moz-border-radius: 4px;
293
  -webkit-border-radius: 4px;
294
}
295

    
296
/* style actions */
297

    
298
#sweaver-popup .form-item-save-type,
299
#sweaver-popup .form-item-save-style,
300
#sweaver-popup .form-item-style-existing-id {
301
  float: left !important;
302
}
303

    
304
#sweaver-popup .form-item-save-type select,
305
#sweaver-popup .form-item-save-style input,
306
#sweaver-popup .form-item-style-existing-id select {
307
  margin-right: 15px !important;
308
}
309

    
310
#sweaver-popup #edit-save-style {
311
        width: 140px !important;
312
}
313

    
314
#sweaver-popup .delete-style-question {
315
  background:none repeat scroll 0 0 #666666 !important;
316
  padding:5px !important;
317
  -moz-border-radius: 7px !important;
318
  -webkit-border-radius: 7px !important;
319
  border-radius: 7px !important;
320
  margin-top: 15px !important;
321
}
322

    
323
#sweaver-popup .save-publish-buttons {
324
        clear: both;
325
}
326

    
327
#sweaver-popup .delete-style-question input,
328
#sweaver-popup .save-publish-buttons input {
329
  float: left !important;
330
  margin-right: 15px !important;
331
  clear: none !important;
332
}
333

    
334
#sweaver-popup .delete-style-question input {
335
  background-color: #333 !important;
336
}
337

    
338
/* general theming */
339

    
340
#sweaver a {
341
  padding: 0 !important;
342
  margin: 0 !important;
343
  display: inline !important;
344
}
345

    
346
#sweaver h2 {
347
  color: #222 !important;
348
  font-family: Georgia !important;
349
  font-size: 18px !important;
350
  text-transform: uppercase !important;
351
  padding: 0 0 5px 0 !important;
352
  margin: 0 !important;
353
  line-height: 1em !important;
354
}
355

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

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

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

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

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

    
397
#sweaver-frontend input.form-file,
398
#sweaver-frontend input.form-checkbox {
399
  width: auto;
400
}
401

    
402
#sweaver textarea {
403
  width: 400px;
404
  height:175px !important;
405
}
406

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

    
421
#sweaver a.button:hover {
422
  text-decoration: none !important;
423
}
424

    
425
#sweaver-frontend .form-submit,
426
#sweaver-popup .form-submit {
427
  clear: left;
428
  display: block !important;
429
  margin: 1em 0 0 0 !important;
430
  background-color: #666 !important;
431
  color: #fff !important;
432
  border: 0 none !important;
433
  width: auto !important;
434
  padding: 5px !important;
435
  cursor: pointer;
436
  zoom: 1;
437
}
438

    
439
#sweaver-frontend label.option {
440
  width: auto !important;
441
  float: none !important;
442
}
443

    
444
#sweaver-frontend input.form-checkbox {
445
  width: auto !important;
446
}
447

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

    
454
/* containers */
455

    
456
#sweaver .container {
457
  float: left !important;
458
}
459

    
460
#sweaver .container-inner {
461
  padding: 0 20px !important;
462
  border-left:1px solid #D2EE38 !important;
463
  border-right: 1px solid #A3B926 !important;
464
  height: 180px !important;
465
}
466

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

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

    
477
/* Custom css */
478

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

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

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

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

    
497
/* link for 'theme styles' tab */
498

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

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

    
514
/* Theme switching tab */
515

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

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

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

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

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

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

    
558

    
559
/*****************
560
  Style editor
561
 ******************/
562

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

    
567
/* vertical tabs in editor screen */
568

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

    
576
#sweaver .vertical-tab a {
577
  -moz-border-radius: 7px !important;
578
  -webkit-border-radius: 7px !important;
579
  border-radius: 7px !important;;
580
  background-color: #666666 !important;
581
  display: block !important;
582
  font-size: 13px !important;
583
  margin-bottom: 5px !important;
584
  padding: 7px !important;
585
  width: 150px !important;
586
  outline: 0 none;
587
  font-weight: normal !important;
588
  font-style: normal !important;
589
}
590

    
591
#sweaver .vertical-tab a.active {
592
  background-color: transparent !important;
593
  color: #444444 !important;
594
  font-size: 16px !important;
595
}
596

    
597
#sweaver .vertical-content {
598
  border-left:1px solid #D2EE38 !important;
599
  height: 180px !important;
600
  margin-left: 180px !important;
601
  padding-left:15px !important;
602
}
603

    
604
.vertical-content .container-wrapper {
605
  display: none;
606
}
607

    
608
.vertical-content #container-one {
609
  display: block;
610
}
611

    
612
/* form items */
613

    
614
#sweaver_plugin_editor label {
615
  line-height: 16px !important;
616
  padding: 5px 0 0 0 !important;
617
}
618

    
619
#sweaver_plugin_editor .form-item,
620
#sweaver_plugin_editor .sweaver-group {
621
  padding: 5px 0;
622
  margin: 0;
623
  clear: both;
624
  position: relative !important;
625
  z-index: 1;
626
}
627

    
628
#sweaver_plugin_editor .form-item.active,
629
#sweaver_plugin_editor .sweaver-group.active {
630
  z-index: 2;
631
}
632

    
633
#sweaver_plugin_editor .form-managed-file {
634
  float: left;
635
}
636

    
637
/* parent / children */
638

    
639
#sweaver_plugin_editor .sweaver-group-content label {
640
  display: none;
641
}
642

    
643
#sweaver_plugin_editor .sweaver-group-content {
644
  float: left;
645
}
646

    
647
#sweaver_plugin_editor .sweaver-group-content .form-item {
648
  float: left !important;
649
  clear: none !important;
650
  margin-right: 5px !important;
651
  padding: 0 !important;
652
}
653

    
654
#sweaver_plugin_editor .sweaver-group-content select {
655
  width: auto !important;
656
}
657

    
658
/* slider */
659

    
660
#sweaver_plugin_editor .slider-value {
661
  border: none !important;
662
  background-color: #fff !important;
663
  width: 30px !important;
664
  text-align: center !important;
665
}
666

    
667
#sweaver_plugin_editor .slider {
668
  width: 122px;
669
}
670

    
671
#sweaver_plugin_editor .slider-wrapper {
672
  visibility: hidden;
673
  padding: 10px !important;
674
  background-color: #666 !important;
675
  -moz-border-radius: 5px !important;
676
  -webkit-border-radius: 5px !important;
677
  border-radius: 5px !important;
678
  position: absolute;
679
  top: 0;
680
  left: 0;
681
  z-index: 100 !important;
682
}
683

    
684
/* Overwrite of jquery ui css to be able to add !important */
685

    
686
#sweaver-frontend .ui-slider {
687
  background: none repeat scroll 0 0 #FFFFFF !important;
688
  border: 1px solid #D3D3D3 !important;
689
  font-size: 100%;
690
  height: 0.8em;
691
  line-height: 1.3;
692
}
693

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

    
704
/* selectors path */
705

    
706
#sweaver_plugin_editor #full-path,
707
#sweaver_plugin_editor #selected-path {
708
  margin: 0 0 0 -7px !important;
709
  padding: 3px 7px 3px 0 !important;
710
}
711

    
712
#sweaver_plugin_editor #selected-path {
713
  padding-bottom: 0 !important;
714
}
715

    
716
#sweaver_plugin_editor .path-label {
717
  width: 100px !important;
718
  clear:left;
719
  display:block;
720
  float:left;
721
  padding: 0px 3px 0px 10px !important;
722
}
723

    
724
#sweaver_plugin_editor .path-content {
725
  margin-left: 113px !important;
726
  display: block;
727
}
728

    
729
#sweaver_plugin_editor #selected-path span {
730
  position: relative;
731
}
732

    
733
#sweaver_plugin_editor #full-path .selector-wrapper {
734
  position: relative;
735
  z-index: 1;
736
  float: left;
737
  white-space: nowrap;
738
}
739

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

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

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

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

    
758
/* selector popup */
759

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

    
774
#sweaver_plugin_editor #full-path .selector-popup ul {
775
  float: left !important;
776
}
777

    
778
#sweaver_plugin_editor #full-path .selector-popup ul.selectors {
779
  width: 134px;
780
  border-right: 1px solid #555;
781
  padding-right: 15px !important;
782
}
783

    
784
#sweaver_plugin_editor #full-path .selector-popup ul.pseudoclasses {
785
  width: 72px;
786
  padding-left: 8px !important;
787
}
788

    
789
#sweaver_plugin_editor #full-path .selector-popup li {
790
  list-style-type: none !important;
791
  list-style-image: none !important;
792
  padding: 4px 0 4px 15px !important;
793
  border-bottom: 1px solid #555;
794
  border-top: 1px solid #777;
795
}
796

    
797
#sweaver_plugin_editor #full-path .selector-popup li.first {
798
  border-top: 0 none;
799
}
800
#sweaver_plugin_editor #full-path .selector-popup li.active {
801
  background: transparent url(images/active-selector.png) no-repeat left center !important;
802
}
803

    
804
#sweaver_plugin_editor #full-path .selector-popup li.last {
805
  border-bottom: 0 none;
806
}
807

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

    
820
#sweaver_plugin_editor #full-path .active .selector-popup-opener {
821
  display: block;
822
}
823

    
824
/* Follow link */
825

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

    
844
#follow-link:hover {
845
  text-decoration: underline !important;
846
}
847

    
848
/* Changes */
849

    
850
#editor-changes {
851
  position: absolute !important;
852
  bottom: 21px;
853
  right: -10000px;
854
  padding: 5px !important;
855
  width: 400px !important;
856
  background-color: #333 !important;
857
  color: #fff !important;
858
  height: 160px;
859
  overflow-y: scroll;
860
  border: 1px solid #333;
861
  z-index : 1112;
862
}
863

    
864
#sweaver_plugin_editor #changes-toggler {
865
  border-radius: 7px 7px 0 0;
866
  -moz-border-radius: 7px 7px 0 0;
867
  -webkit-border-top-right-radius: 7px;
868
  -webkit-border-top-left-radius: 7px;
869
  background: #333333 url(images/open2.png) no-repeat 95% 50% !important;
870
  position: absolute;
871
  bottom: 0;
872
  right: 10px;
873
  padding: 5px 24px 5px 10px !important;
874
  z-index : 1111;
875
  width: 130px;
876
  cursor: pointer;
877
}
878

    
879
#sweaver_plugin_editor #changes-toggler.open {
880
  background-image: url(images/close2.png) !important;
881
}
882

    
883
#sweaver_plugin_editor #editor-changes p {
884
  margin-bottom: 5px !important;
885
  padding: 2px 2px 2px 20px !important;
886
  background: #444444 url(images/remove.png) no-repeat left center !important;
887
  cursor: pointer;
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 #A3B926;
1041
    border-bottom: 1px solid #D2EE38;
1042
    margin-top: 20px;
1043
}
1044

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

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

    
1056
#sweaver_plugin_editor table#sweaver-font td.close-container{
1057
        border-right: 1px solid #A3B926;
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
#sweaver_plugin_editor table#sweaver-style-margin td.table-center{
1081
    border:2px solid #6D8000;
1082
    color:#000;
1083
    font-size:14px;
1084
    margin:1px;
1085
    padding:1px 3px;
1086
}
1087

    
1088
#sweaver_plugin_editor #sweaver-style-margin {
1089
    border:1px solid #6D8000;
1090
}
1091

    
1092
#sweaver_plugin_editor table #sweaver-style-border {
1093
    background-color:#9CB31B;
1094
    border: 1px dashed #6D8000;
1095
}
1096

    
1097
#sweaver_plugin_editor #sweaver-style-padding {
1098
    width:115px;
1099
    background-color: #859626;
1100
    border: 1px solid #6D8000;
1101
}
1102

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

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

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

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

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

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

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

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

    
1162
#watchdog #scrollable_area table .active {
1163
        background-color: #6D8000;
1164
}
1165

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

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

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

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

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

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

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

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

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

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

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

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