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

Last change on this file since 14546 was 14546, checked in by plg, 12 years ago

feature 2626: ability to upload a new watermark

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