source: trunk/admin/themes/default/theme.css @ 12633

Last change on this file since 12633 was 12633, checked in by rvelices, 12 years ago

remove some useless css admin rules

  • Property svn:eol-style set to LF
File size: 26.0 KB
Line 
1/* content.css */
2
3/* .Content  is on every pages so it is common and it will no longer be a specific css */
4.content h2 {margin: 0; padding: 5px 0.5em 5px 0.5em; text-align: right; font-size: 120%;}
5.content .navigationBar { margin: 10px 0; text-align: center; }
6.content form { text-align: left; }
7.content dt { margin-bottom: 5px; font-style: italic;
8  font-size: 110%; }
9.content ul.categoryActions a img, ul.categoryActions a {
10border:0; margin-bottom:-5px; }
11ul.categoryActions { margin: 0 2px; width: auto; list-style-position:outside;
12  padding: 0; text-indent: 0; list-style: none; text-align: center; }
13.content div.titrePage ul.categoryActions { float: right; }
14.content div.titrePage { padding: 0 0 3px; }
15.content ul.categoryActions li { display: inline; }
16.content div.comment { margin: 0 0 0.5em 0; padding: 0;
17  overflow: hidden; width: 100%;        /* don't ask why. It's a very usefull trick  */ }
18.content div.comment a.illustration {
19  display: block; float: left; margin: 0.5em 0 0 0.5em; }
20.content div.comment p.commentHeader {
21  text-align: right; margin: 0.5em 0.5em 0 0; }
22.content div.comment ul.actions { text-align: center; margin: 0.2em; }
23.content div.comment blockquote {
24  margin-right: 0.5em; overflow: visible; /*avoid a very strange margin behaviour (all browsers) */ }
25
26/* not used but should be */
27#thePopuphelpPage .content { margin: 1em; }
28
29/* thumbnails.css */
30UL.thumbnails {
31  margin: 0; padding: 0; list-style: none;
32  text-align: center;   /* to center the whole collection in .content */
33  float: left;
34}
35UL.thumbnails LI { display: inline }
36UL.thumbnails li.rank-of-image {
37  float: left;
38  background-color: #333;
39  color: #666;
40  -moz-border-radius: 5px;
41  display: block;
42  width: 104px;
43  height: 104px;
44  cursor: move;
45  margin: 10px;
46}
47.clipwrapper {
48  position:relative;
49  width: 96px;
50  height: 96px;
51  margin: 3px;
52}
53.clip {
54  position:absolute;
55}
56UL.thumbnails li.rank-of-image input {
57}
58UL.thumbnails SPAN.wrap1 {
59  margin: 5px;
60  display: table-cell; display: inline-table;
61  display: inline-block; /* Why 3 display option ??? */
62  vertical-align: top;          /* OK with Opera and IE6 not Geko */
63  text-align: center;           /* to center the thumbnail and legend in Geko/Opera */
64}
65UL.thumbnails SPAN.wrap2 {
66  margin: 0;                    /* important reset the margins */
67  display: table-cell;          /* block prevents vertical-align here */
68  vertical-align: middle;       /* Ok with Opera and Geko not IE6 */
69}
70UL.thumbnails LABEL { display: block; border-bottom: none; }
71UL.thumbnails IMG {
72  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
73}
74UL.thumbnails LABEL { position: relative; }
75UL.thumbnails INPUT {
76  position: relative;   /* <= Opera can handle relative here */
77  top: -20px;
78}
79:root UL.thumbnails INPUT { /* hide from Opera */
80  position: absolute;   /* <= Opera hide 1 checkbox over 2 !!! */
81  left: 2px; top: 2px;
82}
83UL.thumbnails .levelIndicatorB {
84display:block; position:absolute; z-index:100;padding:0px 0 0 14px; color:black; font-weight:bold; font-size:120%;
85}
86UL.thumbnails .levelIndicatorF {
87display:block; position:absolute; z-index:101;padding:1px 0 0 15px; color:white; font-weight:bold; font-size:120%;
88}
89
90/* default-layout.css */
91
92/* History tables */
93TABLE.table2 {
94        border: 1px solid #111;
95        margin: 1em auto;
96        padding: 0;
97}
98
99TABLE.table2 TD, TABLE.table2 TH {
100        padding: 0 5px;
101}
102
103TABLE.table2 TR {
104        text-align: left;
105}
106
107TABLE.table2 THEAD TD { padding:7px 10px 3px 10px; }
108TABLE.table2 TR.throw { text-align: center; }
109TABLE.table2 { margin:0pt auto; }
110.sort { display:block; padding:8px 5px 0px 1px; clear: right; float:left; }
111
112
113.hour {
114        white-space: pre;
115}
116
117.number {
118        text-align: right;
119}
120
121TABLE#dailyStats {
122        width: 60%;
123}
124
125TABLE#detailedStats {
126        width: 99%;
127}
128
129/* Plugins, languages tables */
130TABLE.plugins,
131TABLE.languages {
132  min-width: 500px;
133}
134TABLE.plugins A { border: 0; }
135TABLE.plugins TR TD { padding: 4px 10px; }
136TABLE.languages TR TD { padding: 7px 20px; }
137
138
139/* categoryOrdering */
140FORM#categoryOrdering .orderParams {
141  line-height:30px;
142  margin-bottom:10px;
143}
144
145SELECT.categoryList {
146        width: 100%;
147}
148
149FORM#categoryOrdering {
150        padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
151        padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
152}
153FORM#categoryOrdering p {
154        text-align: left;
155        margin-top: 1em;
156        margin-bottom: 1em;
157}
158UL.categoryUl {
159        list-style: none;
160        padding: 0;
161        margin: 0;
162}
163
164LI.categoryLi {
165        width: 100%;
166        border: 1px solid #666;
167        padding: 0px 5px;
168        margin-bottom: 5px;
169}
170
171FORM#categoryOrdering UL.categoryActions {
172        float: right;
173        height:45px;
174        line-height:45px;
175}
176/* */
177
178/* menuOrdering */
179FORM#menuOrdering {
180        padding-left: 1em;
181        padding-right: 1em;
182}
183FORM#menuOrdering p {
184        text-align: left;
185        margin: 0 10px;
186}
187FORM#menuOrdering p span {
188        float:right;
189}
190FORM#menuOrdering input {
191        vertical-align: middle;
192  margin:0 10px;
193}
194FORM#menuOrdering .menuAuthor {
195  margin: 5px 0 0 40px;
196}
197FORM#menuOrdering .menuSubmit {
198  margin: 20px 0;
199}
200
201UL.menuUl {
202        list-style: none;
203        padding: 0;
204        margin: 0;
205}
206
207LI.menuLi {
208        width: 100%;
209        border: 1px solid #666;
210        padding: 12px 0;
211        margin-bottom: 5px;
212}
213/* */
214
215FORM#catModify TABLE { width: auto; }
216
217FIELDSET.elementEdit .thumb {
218        display: block;
219        float: right;
220        text-align: center;
221}
222
223TABLE.doubleSelect {
224        text-align: center;
225        margin: 0 auto;
226        width: 100%;
227}
228
229TABLE.doubleSelect TD {
230        padding: 0 3px;
231        width: 50%;
232}
233
234TABLE.doubleSelect SELECT.categoryList {
235        width: 100%; max-width: 100%; overflow-x: auto;
236}
237
238FORM#categoryPermissions LI {
239        display:inline;
240        white-space: nowrap;
241}
242
243FIELDSET#mainConfCheck SPAN.property,
244FIELDSET#historyConf SPAN.property,
245FIELDSET#commentsConf SPAN.property,
246FIELDSET#uploadConf SPAN.property,
247FIELDSET#indexDisplayConf SPAN.property,
248FIELDSET#pictureDisplayConf SPAN.property,
249FIELDSET#pictureInfoConf SPAN.property {
250        float: right;
251        text-align: left;
252}
253FIELDSET#mainConfCheck INPUT,
254FIELDSET#historyConf INPUT,
255FIELDSET#commentsConf INPUT,
256FIELDSET#uploadConf INPUT,
257FIELDSET#indexDisplayConf INPUT,
258FIELDSET#pictureDisplayConf INPUT,
259FIELDSET#pictureInfoConf INPUT {
260        float: none;
261}
262
263FIELDSET#mainConf SPAN.property {
264        width: 25%;
265}
266FIELDSET#mainConf TEXTAREA.description {
267        width: 70%;
268}
269
270FIELDSET#mainConfCheck SPAN.property,
271FIELDSET#historyConf SPAN.property,
272FIELDSET#indexDisplayConf SPAN.property,
273FIELDSET#pictureDisplayConf SPAN.property,
274FIELDSET#pictureInfoConf SPAN.property {
275        width: 90%;
276}
277FIELDSET#mainConfCheck INPUT,
278FIELDSET#historyConf INPUT,
279FIELDSET#commentsConf INPUT,
280FIELDSET#indexDisplayConf INPUT,
281FIELDSET#pictureDisplayConf INPUT,
282FIELDSET#pictureInfoConf INPUT {
283        margin-left: 5%;
284}
285FIELDSET#uploadConf SELECT {
286        float: right;
287        margin: 2px 10px 0px;
288}
289FIELDSET#uploadConf INPUT {
290        float: right;
291        margin: 5px 10px 0px;
292}
293FIELDSET#uploadConf SPAN.property {
294        width: 65%;
295}
296FIELDSET#commentsConf SPAN.property {
297        width: 85%;
298}
299
300.statBar {
301        height: 10px;
302        background-color: #ff7700;
303        border: 1px solid #666;
304}
305
306.over{
307position: relative;
308z-index: 0;
309}
310
311.over:hover{
312background-color: transparent;
313z-index: 50;
314}
315
316.over SPAN{ /*CSS for enlarged image*/
317position: absolute;
318background-color: #222;
319padding: 5px;
320left: -1000px;
321border: 1px solid #ff3363;
322visibility: hidden;
323color: black;
324text-decoration: none;
325}
326
327.over SPAN IMG{ /*CSS for enlarged image*/
328border-width: 0;
329padding: 2px;
330}
331
332.over:hover SPAN{ /*CSS for enlarged image on hover*/
333visibility: visible;
334top: 0;
335left: 60px; /*position where enlarged image should offset horizontally */
336}
337
338BODY {
339        margin: 5px;
340        padding: 0;
341        font-size: 0.8em;
342        font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
343        text-align: center; /* be nice to IE5 */
344}
345
346H1 {
347color:#eee;
348letter-spacing:1px;
349text-align: left;
350font-size: 150%;
351font-weight: normal;
352font-style:italic;
353padding: 8px 0 0 10px;
354margin: 0;
355float:left;
356}
357
358#pwgHead {color:#aaa;}
359#pwgHead A {color:#ccc;}
360#pwgHead A:hover {color:#fff;border-bottom:1px solid #fff}
361
362#headActions {float:right; height:46px; line-height:46px; margin-right:10px;}
363
364A {
365        text-decoration:none;
366        border-bottom: 0;
367}
368A:hover {
369        border-bottom: 1px solid #FF3363;
370}
371A.button, A.button:hover {
372        border: 0;
373}
374IMG {
375        border: none;
376}
377
378/** General defaults **/
379INPUT, SELECT {
380        margin: 0;
381        font-size: 1em; /* <= some browsers don't set it correctly */
382}
383UL, DL, OL { text-align: left;}
384TABLE { /* horizontaly centered */
385        margin-left: auto;
386        margin-right: auto;
387}
388/* for debugging purpose */
389PRE { text-align:left; }
390
391/** forms **/
392
393FORM { padding: 0em; }
394
395FORM P {
396        text-align: center;
397        margin-top: 2em;
398        margin-bottom: 2em;
399}
400
401form p.field {
402  text-align: left;
403}
404
405FORM FIELDSET P {
406        margin-top: 1em;
407        margin-bottom: 0;
408}
409
410.small {
411        font-size: 80%;
412}
413
414TEXTAREA.description {
415        height: 6em;
416        width: 40em;
417        overflow: auto;
418}
419
420SELECT.categoryList {
421        height: 20em;
422        width: auto;
423}
424
425DIV.comment BLOCKQUOTE {
426        padding: 0.5em;
427        overflow: auto; /* no solution for IE6 */
428        min-height: 2.75em;     /* fix a Gecko bug whith scrollbar and 1 line only */
429}
430
431
432/**
433 * Filter forms are displayed label by label with the input (or select...)
434 * below the label. Use an UL to make a group (radiobox for instance).
435 * Use a SPAN to group objects in line
436 */
437FIELDSET {
438        padding: 1em;
439        margin: 1em;
440        overflow: hidden; /* <- makes Opera happy */
441}
442
443FORM.filter FIELDSET UL {
444        margin: 0;
445}
446FORM.filter FIELDSET UL,
447FORM.filter FIELDSET LABEL {
448        display: block;
449        float: left;
450        margin-right: 1em;
451        padding: 0;
452}
453
454FORM.filter FIELDSET LI {
455        list-style: none;
456        margin-bottom: 0.5em;
457}
458
459FORM.filter FIELDSET LI LABEL {
460        display: inline;
461        float: none;
462}
463
464FORM.filter FIELDSET UL.tagSelection LABEL {
465        display: inline;
466        float: none;
467        margin-right:0.5em;/*reduce from above*/
468}
469
470/* cannot use FIELDSET>LABEL because of IE<=6 */
471FORM.filter FIELDSET LABEL INPUT,
472FORM.filter FIELDSET LABEL SELECT,
473FORM.filter FIELDSET LABEL SPAN,
474FORM.filter FIELDSET LABEL TEXTAREA {
475        display: block;
476        margin: 0.5em 0;
477}
478FORM.filter FIELDSET * LABEL INPUT,
479FORM.filter FIELDSET * LABEL SELECT,
480FORM.filter FIELDSET * LABEL TEXTAREA,
481FORM.filter FIELDSET LABEL SPAN INPUT,
482FORM.filter FIELDSET LABEL SPAN SELECT,
483FORM.filter FIELDSET LABEL SPAN TEXTAREA {
484        display: inline;
485        vertical-align: top;
486        margin: 0 0.5em 0 0;
487}
488
489/* following declaration is important to avoid strange FF behaviour */
490FORM.filter FIELDSET LABEL SPAN SELECT {
491        margin: 0;
492}
493
494FORM.filter FIELDSET P
495{
496        clear: left;
497        display: block;
498}
499
500/*FORM.filter INPUT[type="submit"] {
501        margin-top: 1.8em;
502}*/
503
504FORM.properties UL, FORM#update UL {
505        list-style-type: none;
506        margin: 0;
507        padding: 0;
508}
509
510FORM.properties LI, FORM#update UL {
511        margin-bottom: 0.5em;
512        padding: 0;
513        line-height: 1.8em;
514        clear: left;
515}
516
517FORM.properties SPAN.property {
518        font-weight: bold;
519        float: left;
520        width: 50%;
521        text-align: right;
522        margin: 0;
523        padding: 0 0.5em 0 0;
524}
525
526#theHeader H1 {
527        margin-bottom: 0.5em;
528}
529
530/* button tools */
531UL.actions {
532        text-indent: 0;
533        list-style: none;
534}
535UL.actions LI {
536        display: inline;
537}
538UL.actions A {
539        border: none;
540}
541
542UL.tagSelection {
543        width: 99%;
544        margin: 1em 0 1em 0;
545        padding: 0;
546}
547
548UL.tagSelection LI {
549        display:inline-block;
550        width:150px!important;
551        overflow:hidden;
552        white-space: nowrap;
553}
554
555/* jQuery tooltips */
556.cluetip-default #cluetip-outer {
557        position: relative;
558        border: 1px solid #111111;
559        color: #dddddd;
560        background-color: #222222;
561        text-align: left;
562}
563.cluetip-default h3#cluetip-title {
564        margin: 0 0 5px;
565        padding: 8px;
566        color: #666666;
567        background-color: #d3d3d3;
568        font-size: 1.1em;
569        font-weight: bold;
570}
571.cluetip-default #cluetip-inner {
572        padding: 10px;
573}
574
575/* jQuery datepicker */
576img.ui-datepicker-trigger {
577  cursor : pointer;
578  vertical-align: middle;
579  margin:-3px 5px 2px 5px;
580}
581
582/* Add photos, direct mode */
583#uploadBoxes P {
584  margin:0;
585  margin-bottom:2px;
586  padding:0;
587}
588
589#batchLink {
590  text-align:center;
591}
592
593.category_selection {
594  min-height:65px;
595  margin-top:5px;
596}
597
598.category_selection TABLE {
599  margin:0;
600}
601
602#photosAddContent {
603  text-align:left;
604}
605
606#photosAddContent FIELDSET {
607  width:650px;
608  margin:0 auto 20px auto;
609}
610
611#photosAddContent P {
612  margin:0;
613}
614
615#photosAddContent TH {
616  text-align:right;
617  padding-right: 5px;
618}
619
620#uploadFormSettings input[type="text"] {
621  text-align:right;
622}
623
624#uploadFormSettings TH {
625  width:50%;
626}
627
628#pwgHead {
629  background-color:#464646;
630  height:46px;
631}
632
633html, body {height:100%; margin:0; padding:0;}
634#the_page {min-height:100%; position:absolute; width:100%; padding:0;margin:0;}
635
636#pwgMain {
637  padding: 10px 5px 60px;
638}
639
640#footer {
641  position:absolute;
642  bottom:0;
643  width:100%;
644  height:46px;
645  background: url(images/logo.png) no-repeat 7px 8px;
646  background-color:#464646;
647  color:#aaa;
648  line-height:46px;
649}
650
651#footer A {color:#ccc;}
652#footer A:hover {color:#fff;border-bottom:1px solid #fff;}
653
654#adminHome {
655  text-align:center;
656  margin-bottom:15px;
657  line-height:30px;
658  width:200px;
659  margin-left:5px;
660  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
661}
662
663#adminHome A {display:block; font-size:1.1em; font-weight:bold;}
664#adminHome A {border:none;}
665
666#piwigoInfos {float:left; margin-left:140px;}
667#pageInfos {float:right; margin-right:10px;}
668
669/* TipTip CSS - Version 1.2 */
670
671#tiptip_holder {
672        display: none;
673        position: absolute;
674        top: 0;
675        left: 0;
676        z-index: 99999;
677}
678
679#tiptip_holder.tip_top {
680        padding-bottom: 5px;
681}
682
683#tiptip_holder.tip_bottom {
684        padding-top: 5px;
685}
686
687#tiptip_holder.tip_right {
688        padding-left: 5px;
689}
690
691#tiptip_holder.tip_left {
692        padding-right: 5px;
693}
694
695#tiptip_content {
696        font-size: 11px;
697        color: #fff;
698        text-shadow: 0 0 2px #000;
699        padding: 4px 8px;
700        border: 1px solid rgba(255,255,255,0.25);
701        background-color: rgb(25,25,25);
702        background-color: rgba(25,25,25,0.92);
703        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
704        border-radius: 3px;
705        -webkit-border-radius: 3px;
706        -moz-border-radius: 3px;
707        box-shadow: 0 0 3px #555;
708        -webkit-box-shadow: 0 0 3px #555;
709        -moz-box-shadow: 0 0 3px #555;
710}
711
712#tiptip_arrow, #tiptip_arrow_inner {
713        position: absolute;
714        border-color: transparent;
715        border-style: solid;
716        border-width: 6px;
717        height: 0;
718        width: 0;
719}
720
721#tiptip_holder.tip_top #tiptip_arrow {
722        border-top-color: #fff;
723        border-top-color: rgba(255,255,255,0.35);
724}
725
726#tiptip_holder.tip_bottom #tiptip_arrow {
727        border-bottom-color: #fff;
728        border-bottom-color: rgba(255,255,255,0.35);
729}
730
731#tiptip_holder.tip_right #tiptip_arrow {
732        border-right-color: #fff;
733        border-right-color: rgba(255,255,255,0.35);
734}
735
736#tiptip_holder.tip_left #tiptip_arrow {
737        border-left-color: #fff;
738        border-left-color: rgba(255,255,255,0.35);
739}
740
741#tiptip_holder.tip_top #tiptip_arrow_inner {
742        margin-top: -7px;
743        margin-left: -6px;
744        border-top-color: rgb(25,25,25);
745        border-top-color: rgba(25,25,25,0.92);
746}
747
748#tiptip_holder.tip_bottom #tiptip_arrow_inner {
749        margin-top: -5px;
750        margin-left: -6px;
751        border-bottom-color: rgb(25,25,25);
752        border-bottom-color: rgba(25,25,25,0.92);
753}
754
755#tiptip_holder.tip_right #tiptip_arrow_inner {
756        margin-top: -6px;
757        margin-left: -5px;
758        border-right-color: rgb(25,25,25);
759        border-right-color: rgba(25,25,25,0.92);
760}
761
762#tiptip_holder.tip_left #tiptip_arrow_inner {
763        margin-top: -6px;
764        margin-left: -7px;
765        border-left-color: rgb(25,25,25);
766        border-left-color: rgba(25,25,25,0.92);
767}
768
769/* Webkit Hacks  */
770@media screen and (-webkit-min-device-pixel-ratio:0) {
771        #tiptip_content {
772                padding: 4px 8px 5px 8px;
773                background-color: rgba(45,45,45,0.88);
774        }
775        #tiptip_holder.tip_bottom #tiptip_arrow_inner {
776                border-bottom-color: rgba(45,45,45,0.88);
777        }
778        #tiptip_holder.tip_top #tiptip_arrow_inner {
779                border-top-color: rgba(20,20,20,0.92);
780        }
781}
782
783/* Set the width of the menubar for the galery */
784#menubar {
785  width: 18em;
786  margin: 10px 0 50px 5px;
787  display: inline;
788  float: left;
789  left: 0;
790}
791
792.content {
793  padding:0 5px 0 0;
794  margin: 0 5px 0 227px;
795  z-index:99;
796}
797/* Set minimum width of the page before getting a scrollbar */
798/* IE5 and IE6 don't get that */
799BODY {
800  min-width: 60em;  /* ~ 3* #menubar width */
801}
802#thePopuphelpPage {
803  min-width: 0;
804}
805
806#thePopuphelpPage #pwgHead {display:none}
807#thePopuphelpPage #footer  {display:none}
808
809/* Set some sizes according to your maximum thumbnail width and height */
810UL.thumbnails SPAN,
811UL.thumbnails SPAN.wrap2 A,
812UL.thumbnails LABEL {
813  width: 140px;      /* max thumbnail width + 2px */
814}
815UL.thumbnails SPAN.wrap2 {
816  height: 140px;    /* max thumbnail height + 2px */
817}
818
819
820.themeBox {display:inline-table; text-align:center; height:192px; background-color:#eee; margin:5px; -moz-border-radius:5px; overflow:hidden; }
821
822.themeBox IMG {border:1px solid white; margin:0 15px;}
823.themeName {font-size:1.1em; margin:5px 0;}
824.themeActions {display: table-row; font-size:12px; height: 43px; }
825.themeActions DIV {display: table-cell; vertical-align: middle; line-height:18px; }
826.themeActions A {}
827
828#themesContent .themeBox IMG {width:150px; height:120px;}
829#themesContent H3 {font-size:16px; text-align:left; border-bottom:1px solid #444; letter-spacing:1px; margin:5px;}
830.themeBoxes {min-height:0;text-align:left;}
831
832h2 { letter-spacing:2px; font-weight:bold;}
833h2:lang(en) { text-transform:capitalize; }
834
835#pluginsMenuSeparator {width:80%; margin:5px auto;}
836
837#helpContent P {text-align:left; margin-left:10px;}
838#helpContent LI, #ftpPage LI {margin-top:10px;}
839#helpContent P.nextStepLink {text-align:center; font-weight:bold; margin-bottom:20px;}
840
841#configContent FIELDSET, #availablePlugins FIELDSET  {border:none;}
842
843/**
844 * Informations box in administration
845 */
846.infos, .errors, .warnings {
847  text-align: left;
848  margin: 5px;
849  padding: 10px 50px 10px 10px;
850  font-weight:bold;
851  background-repeat: no-repeat;
852  background-position: 5px 5px;
853  padding:5px 70px 0pt 53px;
854  min-height: 54px;
855}
856
857.infos {
858  color: #0a0;
859  background-color:#c2f5c2;
860  background-image: url(icon/infos.png);
861}
862
863.errors {
864  color: #f22;
865  background-color: #ffd5dc;
866  background-image: url(icon/errors.png);
867}
868
869.warnings {
870  color: #ee8800;
871  background-color:#ffdd99;
872  background-image: url(icon/warnings.png);
873}
874
875.infos li, .errors li, .warnings li { list-style-type:square; }
876.infos .submit {margin-left:30px;}
877
878.checkActions {text-align:left;padding:0;margin:0;}
879.comment A:hover {border:none;}
880
881.pluginBoxes {
882  text-align:left;
883  position:relative;
884}
885
886.pluginBox {
887  margin-bottom:10px;
888  border-width:1px;
889  border-style:solid;
890  border-radius:5px;
891  -moz-border-radius:5px;
892 }
893.pluginBox table {width:99%;}
894.pluginBox td {text-align:left;}
895.pluginBox td.pluginDesc img {vertical-align:middle;}
896.pluginBoxNameCell {width:180px; vertical-align:top;}
897.pluginBoxes .inactive, .pluginBoxes .uninstalled {opacity:0.8;filter:alpha(opacity=80);}
898
899.pluginMiniBox {
900  display:inline-table;
901  text-align:center;
902  width:250px;
903  height:40px;
904  margin:5px;
905  border-width:1px;
906  border-style:solid;
907  border-radius:5px;
908  -moz-border-radius:5px;
909  overflow:hidden;
910 }
911.pluginMiniBoxNameCell {font-size:1.05em; margin:5px 0;position:relative;}
912.pluginActions {display: table-row; font-size:0.95em; color:#777;}
913.pluginActions DIV {display: table-cell; vertical-align: middle; line-height:18px; }
914.showInfo {display:block;position:absolute;top:0;right:5px;width:15px;font-style:italic;font-family:"Georgia",serif;background-color:#464646;font-size:0.9em;border-radius:10px;-moz-border-radius:10px;}
915.showInfo:hover {cursor:pointer}
916
917.warning:before {content:url(icon/warning.png);vertical-align:top;}
918.deactivate_all {text-align:right;font-size:0.95em;}
919.showDetails {text-align:right; margin-bottom:-15px; margin-top:-10px; padding-right:1em;}
920
921.languageBoxes {min-height:0;text-align:left;}
922.languageBox {display:inline-table; text-align:center; width:200px; height:40px; margin:5px; -moz-border-radius:5px;border-radius:5px; overflow:hidden; }
923.languageName {font-size:1.1em; margin:5px 0;}
924.languageActions {display: table-row; font-size:12px; }
925.languageActions DIV {display: table-cell; vertical-align: middle; line-height:18px; }
926
927#ui-datepicker-div {-moz-border-radius:5px;}
928#ui-datepicker-div .ui-icon-circle-triangle-w, #ui-datepicker-div .ui-icon-circle-triangle-e {color:transparent;}
929#ui-datepicker-div A.ui-datepicker-prev, #ui-datepicker-div A.ui-datepicker-next {background-color:transparent;}
930#ui-datepicker-div A.ui-datepicker-prev:hover, #ui-datepicker-div A.ui-datepicker-next:hover {-moz-border-radius:5px;}
931
932.HelpActions {
933  float:right;
934  margin:0;
935  padding:0;
936  padding-top:2px;
937  padding-left:3px;
938}
939
940.HelpActions a { border:0; margin:0; }
941.HelpActions a:hover {border:0;}
942.HelpActions li {list-style-image:none; list-style-position:outside; list-style-type:none; text-align:center; text-indent:0pt; }
943
944legend {text-align:left;}
945
946/* local-layout */
947/* You can modify this file */
948
949/* default-colors */
950/* So that non-links are slightly greyed out */
951.content .navigationBar {
952        color: #999;
953}
954
955/* Tables & forms */
956
957INPUT.text, INPUT.password, INPUT.button,
958INPUT.submit, INPUT.reset, INPUT.file,
959SELECT, TEXTAREA {
960  color:#999;
961  background-color: #666;
962}
963
964INPUT:focus, SELECT:focus, TEXTAREA:focus, INPUT.focus, FORM .focus {
965  background-color: #444;       /* whitesmoke */
966}
967
968/* some theme set a border on INPUT  which is not pretty for radio/checkbox */
969INPUT[type="radio"], INPUT[type="checkbox"] {
970  border: none; /* <= Opera needs this */
971}
972
973INPUT.radio, INPUT.checkbox {
974  border: none; /* <= IE6 needs this */
975}
976
977
978/**
979 * Header message like upgrade
980 */
981.header_msgs {
982  text-align:center;
983  font-weight: bold;
984  color:#333;
985  background-color: transparent;
986  margin: 1px;
987  padding: 1px;
988}
989
990/**
991 * Header notes box in public/administration
992 */
993.header_notes {
994  border: 1px solid #666;
995  background: transparent url(icon/note.png) no-repeat right top;
996  font-weight: bold;
997  margin: 14px 24px 14px 14px;
998  padding: 5px 0 0 0;
999  top: 90px;
1000  position: absolute;
1001  text-align: right;
1002}
1003
1004LEGEND {
1005  font-weight: bold;
1006  letter-spacing: 1px;
1007  padding: 0 10px;
1008}
1009
1010/* Batch Manager, global mode */
1011#batchManagerGlobal #action p {text-align:left;}
1012#batchManagerGlobal .bulkAction {text-align:left;margin:15px 0;padding:0;}
1013#batchManagerGlobal #action_del_tags ul.tagSelection {margin:0 !important; width:620px;}
1014#batchManagerGlobal #checkActions {text-align:left; margin:0 0 20px 0;}
1015#batchManagerGlobal ul.thumbnails div.actions {display:none;position:absolute;top:0;right:5px;}
1016#batchManagerGlobal ul.thumbnails div.actions a {color:#222;}
1017#batchManagerGlobal ul.thumbnails span.wrap1:hover div.actions {display:block;}
1018#batchManagerGlobal #selectedMessage {padding:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
1019#batchManagerGlobal #selectSet a {border-bottom:1px dotted;}
1020#batchManagerGlobal #applyOnDetails {font-style:italic;}
1021#batchManagerGlobal .actionButtons {text-align:left;}
1022#batchManagerGlobal #filterList {padding-left:5px;}
1023#batchManagerGlobal #filterList li {margin-bottom:5px; list-style-type:none;}
1024#batchManagerGlobal a.removeFilter {background: url(icon/remove_filter.png) no-repeat top left;width:7px;height:7px;display:inline-block;}
1025#batchManagerGlobal a.removeFilter:hover {background: url(icon/remove_filter_hover.png); border:none;}
1026#batchManagerGlobal .removeFilter span {display:none}
1027#batchManagerGlobal #applyFilterBlock {margin-top:20px;}
1028#batchManagerGlobal .useFilterCheckbox {display:none;}
1029
1030
1031/* TokenInput (with Facebook style) */
1032ul.token-input-list {overflow: hidden; height: auto !important; height: 1%;width: 400px;border: 1px solid #8496ba;cursor: text;font-size: 12px;font-family: Verdana;min-height: 1px;z-index: 999;margin: 0;padding: 0;background-color: #fff;list-style-type: none;clear: left;}
1033ul.token-input-list li input {border: 0;width: 100px;padding: 3px 8px;background-color: white;margin: 2px 0;-webkit-appearance: caret;}
1034li.token-input-token {overflow: hidden; height: auto !important; height: 15px;margin: 3px;padding: 1px 3px;background-color: #eff2f7;color: #000;cursor: default;border: 1px solid #ccd5e4;font-size: 11px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;float: left;white-space: nowrap;}
1035li.token-input-token p {display: inline;padding: 0;margin: 0;}
1036li.token-input-token span {color: #a6b3cf;margin-left: 5px;font-weight: bold;cursor: pointer;}
1037li.token-input-selected-token {background-color: #5670a6;border: 1px solid #3b5998;color: #fff;}
1038li.token-input-input-token {float: left;margin: 0;padding: 0;list-style-type: none;width:10px;}
1039div.token-input-dropdown {position: absolute;width: 400px;background-color: #fff;overflow: hidden;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;cursor: default;font-size: 11px;font-family: Verdana;z-index: 1;}
1040div.token-input-dropdown p {margin: 0;padding: 5px;font-weight: bold;color: #777;}
1041div.token-input-dropdown ul {margin: 0;padding: 0;}
1042div.token-input-dropdown ul li {background-color: #fff;padding: 3px;margin: 0;list-style-type: none;}
1043div.token-input-dropdown ul li.token-input-dropdown-item {background-color: #fff;}
1044div.token-input-dropdown ul li.token-input-dropdown-item2 {background-color: #fff;}
1045div.token-input-dropdown ul li em {font-weight: bold;font-style: normal;}
1046div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-color: #3b5998;color: #fff;}
1047
1048#mainConfCheck a.addFilter {font-weight:normal;margin-left:20px;}
1049#mainConfCheck a.removeFilter {font-weight:normal;}
1050#mainConfCheck span.property span.filter:first-child a.removeFilter {display:none;} /* can't delete the first field */
1051#mainConfCheck span.filter {display:block;margin-left:20px;}
1052#mainConfCheck .transparent {opacity:0.5;filter:alpha(opacity=50);}
1053#mainConfCheck .order_by_is_custom {display:block;font-weight:normal;font-style:italic;margin-left:20px;}
1054
1055/* Upload Form */
1056#uploadBoxes .file {margin-bottom:5px;text-align:left;}
1057#uploadBoxes {margin-top:20px;}
1058#addUploadBox {margin-bottom:2em;}
1059
1060p#uploadWarningsSummary {text-align:left;margin-bottom:1em;font-size:90%;color:#999;}
1061p#uploadWarningsSummary .showInfo {position:static;display:inline;padding:1px 6px;margin-left:3px;}
1062p#uploadWarnings {display:none;text-align:left;margin-bottom:1em;font-size:90%;color:#999;}
1063p#uploadModeInfos {text-align:left;margin-top:1em;font-size:90%;color:#999;}
1064
1065#photosAddContent p.showFieldset {text-align:left;margin: 0 auto 10px auto;width: 650px;}
1066
1067#uploadProgress {width:650px; margin:10px auto;font-size:90%;}
1068#progressbar {border:1px solid #ccc; background-color:#eee;}
1069.ui-progressbar-value { background-image: url(images/pbar-ani.gif); height:10px;margin:-1px;border:1px solid #E78F08;}
1070
1071/* Tag Manager */
1072.warningDeletion {display:none;font-style:italic;}
1073
1074#debug { margin-left: 227px; font-size:12px; }
Note: See TracBrowser for help on using the repository browser.