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

Last change on this file since 23259 was 23259, checked in by mistic100, 11 years ago

feature:2884 Display "i" tooltip on themes
+ simplify layout (like plugins_installed)

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