source: branches/2.2/admin/themes/default/theme.css @ 10131

Last change on this file since 10131 was 10131, checked in by patdenice, 13 years ago

merge r10098,r10100,r10101,r10113,r10128,r10129 from trunk to branch 2.2
feature:2250
Incompatible plugins and obsolete plugins may not be activated.
Deactivate and uninstall obsolete plugins.
Add warning icon and tiptip
Add languages keys.
Add expire parameter.
Clean code.
Remove useless query for delete.

  • Property svn:eol-style set to LF
File size: 25.5 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 { margin-right: 1em; margin-bottom: 1em; }
5.content h2 {margin: 0; padding: 5px 0.5em 5px 0.5em; text-align: right; font-size: 120%;}
6.content .navigationBar { margin: 10px 0; text-align: center; }
7.content form { text-align: left; }
8.content dt { margin-bottom: 5px; font-style: italic;
9  font-size: 110%; }
10.content ul.categoryActions a img, ul.categoryActions a { 
11border:0; margin-bottom:-5px; } 
12ul.categoryActions { margin: 0 2px; width: auto; list-style-position:outside;
13  padding: 0; text-indent: 0; list-style: none; text-align: center; }
14.content div.titrePage ul.categoryActions { float: right; }
15.content div.titrePage { padding: 0 0 3px; }
16.content ul.categoryActions li { display: inline; }
17.content div.comment { margin: 0 0 0.5em 0; padding: 0; 
18  overflow: hidden; width: 100%;        /* don't ask why. It's a very usefull trick  */ }
19.content div.comment a.illustration {
20  display: block; float: left; margin: 0.5em 0 0 0.5em; }
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  -moz-border-radius: 5px;
42  display: block;
43  width: 104px;
44  height: 104px;
45  cursor: move;
46  margin: 10px;
47}
48.clipwrapper {
49  position:relative;
50  width: 96px;
51  height: 96px;
52  margin: 3px;
53}
54.clip {
55  position:absolute;
56}
57UL.thumbnails li.rank-of-image input {
58}
59UL.thumbnails SPAN.wrap1 {
60  margin: 0 5px 5px 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}
71UL.thumbnails LABEL { display: block; border-bottom: none; }
72UL.thumbnails IMG {
73  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
74}
75UL.thumbnails LABEL { position: relative; }
76UL.thumbnails INPUT {
77  position: relative;   /* <= Opera can handle relative here */
78  top: -20px;
79}
80:root UL.thumbnails INPUT { /* hide from Opera */
81  position: absolute;   /* <= Opera hide 1 checkbox over 2 !!! */
82  left: 2px; top: 2px;
83}
84UL.thumbnails .levelIndicatorB {
85display:block; position:absolute; z-index:100;padding:0px 0 0 14px; color:black; font-weight:bold; font-size:120%;
86}
87UL.thumbnails .levelIndicatorF {
88display:block; position:absolute; z-index:101;padding:1px 0 0 15px; color:white; font-weight:bold; font-size:120%;
89}
90
91/* default-layout.css */
92
93/* History tables */
94TABLE.table2 {
95        border: 1px solid #111;
96        margin: 1em auto;
97        padding: 0;
98}
99
100TABLE.table2 TD, TABLE.table2 TH {
101        padding: 0 5px;
102}
103
104TABLE.table2 TR {
105        text-align: left;
106}
107
108TABLE.table2 THEAD TD { padding:7px 10px 3px 10px; }
109TABLE.table2 TR.throw { text-align: center; }
110TABLE.table2 { margin:0pt auto; }
111.sort { display:block; padding:8px 5px 0px 1px; clear: right; float:left; }
112
113
114.hour {
115        white-space: pre;
116}
117
118.number {
119        text-align: right;
120}
121
122TABLE#dailyStats {
123        width: 60%;
124}
125
126TABLE#detailedStats {
127        width: 99%;
128}
129
130/* Plugins, languages tables */
131TABLE.plugins,
132TABLE.languages {
133  min-width: 500px;
134}
135TABLE.plugins A { border: 0; }
136TABLE.plugins TR TD { padding: 4px 10px; }
137TABLE.languages TR TD { padding: 7px 20px; }
138
139
140/* categoryOrdering */
141FORM#categoryOrdering .orderParams {
142  line-height:30px;
143  margin-bottom:10px;
144}
145
146SELECT.categoryList {
147        width: 100%;
148}
149 
150FORM#categoryOrdering {
151        padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
152        padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
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: 0;
163}
164
165LI.categoryLi {
166        width: 100%;
167        border: 1px solid #666;
168        padding: 0px 5px;
169        margin-bottom: 5px;
170}
171
172FORM#categoryOrdering UL.categoryActions {
173        float: right;
174        height:45px;
175        line-height:45px;
176}
177/* */
178
179/* menuOrdering */
180FORM#menuOrdering {
181        padding-left: 1em;
182        padding-right: 1em;
183}
184FORM#menuOrdering p {
185        text-align: left;
186        margin: 0 10px;
187}
188FORM#menuOrdering p span {
189        float:right;
190}
191FORM#menuOrdering input {
192        vertical-align: middle;
193  margin:0 10px;
194}
195FORM#menuOrdering .menuAuthor {
196  margin: 5px 0 0 40px;
197}
198FORM#menuOrdering .menuSubmit {
199  margin: 20px 0;
200}
201
202UL.menuUl {
203        list-style: none;
204        padding: 0;
205        margin: 0;
206}
207
208LI.menuLi {
209        width: 100%;
210        border: 1px solid #666;
211        padding: 12px 0;
212        margin-bottom: 5px;
213}
214/* */
215
216FORM#catModify TABLE { width: auto; }
217
218FIELDSET.elementEdit A {
219        display: block;
220        float: right;
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
378HR.separation {
379        visibility: hidden;
380        clear: both;
381}
382
383/** General defaults **/
384INPUT, SELECT {
385        margin: 0;
386        font-size: 1em; /* <= some browsers don't set it correctly */
387}
388UL, DL, OL { text-align: left;}
389TABLE { /* horizontaly centered */
390        margin-left: auto;
391        margin-right: auto;
392}
393/* for debugging purpose */
394PRE { text-align:left; }
395
396/** forms **/
397
398FORM { padding: 0em; }
399
400FORM P {
401        text-align: center;
402        margin-top: 2em;
403        margin-bottom: 2em;
404}
405
406form p.field {
407  text-align: left;
408}
409
410FORM FIELDSET P {
411        margin-top: 1em;
412        margin-bottom: 0;
413}
414
415.small {
416        font-size: 80%;
417}
418
419TEXTAREA.description {
420        height: 6em;
421        width: 40em;
422        overflow: auto;
423}
424
425SELECT.categoryList {
426        height: 20em;
427        width: auto;
428}
429
430DIV.comment BLOCKQUOTE {
431        padding: 0.5em;
432        overflow: auto; /* no solution for IE6 */
433        min-height: 2.75em;     /* fix a Gecko bug whith scrollbar and 1 line only */
434}
435
436
437/**
438 * Filter forms are displayed label by label with the input (or select...)
439 * below the label. Use an UL to make a group (radiobox for instance).
440 * Use a SPAN to group objects in line
441 */
442FIELDSET {
443        padding: 1em;
444        margin: 1em;
445        overflow: hidden; /* <- makes Opera happy */
446}
447
448FORM.filter FIELDSET UL {
449        margin: 0;
450}
451FORM.filter FIELDSET UL,
452FORM.filter FIELDSET LABEL {
453        display: block;
454        float: left;
455        margin-right: 1em;
456        padding: 0;
457}
458
459FORM.filter FIELDSET LI {
460        list-style: none;
461        margin-bottom: 0.5em;
462}
463
464FORM.filter FIELDSET LI LABEL {
465        display: inline;
466        float: none;
467}
468
469FORM.filter FIELDSET UL.tagSelection LABEL {
470        display: inline;
471        float: none;
472        margin-right:0.5em;/*reduce from above*/
473}
474
475/* cannot use FIELDSET>LABEL because of IE<=6 */
476FORM.filter FIELDSET LABEL INPUT,
477FORM.filter FIELDSET LABEL SELECT,
478FORM.filter FIELDSET LABEL SPAN,
479FORM.filter FIELDSET LABEL TEXTAREA {
480        display: block;
481        margin: 0.5em 0;
482}
483FORM.filter FIELDSET * LABEL INPUT,
484FORM.filter FIELDSET * LABEL SELECT,
485FORM.filter FIELDSET * LABEL TEXTAREA,
486FORM.filter FIELDSET LABEL SPAN INPUT,
487FORM.filter FIELDSET LABEL SPAN SELECT,
488FORM.filter FIELDSET LABEL SPAN TEXTAREA {
489        display: inline;
490        vertical-align: top;
491        margin: 0 0.5em 0 0;
492}
493
494/* following declaration is important to avoid strange FF behaviour */
495FORM.filter FIELDSET LABEL SPAN SELECT {
496        margin: 0;
497}
498
499FORM.filter FIELDSET P
500{
501        clear: left;
502        display: block;
503}
504
505FORM.filter INPUT[type="submit"] {
506        margin-top: 1.8em;
507}
508
509FORM.properties UL, FORM#update UL {
510        list-style-type: none;
511        margin: 0;
512        padding: 0;
513}
514
515FORM.properties LI, FORM#update UL {
516        margin-bottom: 0.5em;
517        padding: 0;
518        line-height: 1.8em;
519        clear: left;
520}
521
522FORM.properties SPAN.property {
523        font-weight: bold;
524        float: left;
525        width: 50%;
526        text-align: right;
527        margin: 0;
528        padding: 0 0.5em 0 0;
529}
530
531#theHeader H1 {
532        margin-bottom: 0.5em;
533}
534
535/* button tools */
536UL.actions {
537        text-indent: 0;
538        list-style: none;
539}
540UL.actions LI {
541        display: inline;
542}
543UL.actions A {
544        border: none;
545}
546
547UL.tagSelection {
548        width: 99%;
549        margin: 1em 0 1em 0;
550        padding: 0;
551}
552
553UL.tagSelection LI {
554        display:inline-block;
555        width:150px!important;
556        overflow:hidden;
557        white-space: nowrap;
558}
559
560/* jQuery tooltips */
561.cluetip-default #cluetip-outer {
562        position: relative;
563        border: 1px solid #111111;
564        color: #dddddd;
565        background-color: #222222;
566        text-align: left;
567}
568.cluetip-default h3#cluetip-title {
569        margin: 0 0 5px;
570        padding: 8px;
571        color: #666666;
572        background-color: #d3d3d3;
573        font-size: 1.1em;
574        font-weight: bold;
575}
576.cluetip-default #cluetip-inner {
577        padding: 10px;
578}
579
580/* jQuery datepicker */
581img.ui-datepicker-trigger {
582  cursor : pointer;
583  vertical-align: middle; 
584  margin:-3px 5px 2px 5px;
585}
586
587/* jQuery FCBKcomplete */
588/* TextboxList sample CSS */
589ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
590*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
591ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
592ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
593ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
594ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
595ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
596ul.holder li.bit-input input.smallinput { width: 20px; }
597
598/* Facebook demo CSS */     
599#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
600form ol li { list-style-type: none; }
601form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
602form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
603form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
604form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
605form ul.holder { width: 500px; }
606form ul { margin: 0 !important }
607ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
608#apple-list ul.holder li.bit-input { margin: 0; }
609#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
610ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
611ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
612ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url(icon/fcbkcomplete_close.gif); }
613ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
614ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }
615
616/* Autocompleter */
617
618.facebook-auto { display: none; position: absolute; width: 512px; background: #eee; }
619.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
620.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
621.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee }
622.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
623.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
624.facebook-auto ul li.auto-focus em { background: none; }
625.deleted { background-color:#4173CC !important; color:#ffffff !important;}
626.hidden { display:none;}
627
628#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
629.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}
630
631/* Add photos, direct mode */
632#uploadBoxes P {
633  margin:0;
634  margin-bottom:2px;
635  padding:0;
636}
637
638#batchLink {
639  text-align:center;
640}
641
642.category_selection {
643  min-height:65px;
644  margin-top:5px;
645}
646
647.category_selection TABLE {
648  margin:0;
649}
650
651#photosAddContent FIELDSET {
652  width:650px;
653  margin:0 auto 20px auto;
654}
655
656#photosAddContent P {
657  margin:0;
658}
659
660#photosAddContent TH {
661  text-align:right;
662  padding-right: 5px;
663}
664
665#uploadFormSettings input[type="text"] {
666  text-align:right;
667}
668
669#uploadFormSettings TH {
670  width:50%;
671}
672
673#pwgHead {
674  background-color:#464646;
675  height:46px;
676}
677
678html, body {height:100%; margin:0; padding:0;}
679#the_page {min-height:100%; position:absolute; width:100%; padding:0;margin:0;}
680#pwgMain {padding:10px;padding-bottom:60px;}
681
682#footer {
683  position:absolute;
684  bottom:0;
685  width:100%;
686  height:46px;
687  background: url(images/logo.png) no-repeat 7px 8px;
688  background-color:#464646;
689  color:#aaa;
690  line-height:46px;
691}
692
693#footer A {color:#ccc;}
694#footer A:hover {color:#fff;border-bottom:1px solid #fff;}
695
696#adminHome {
697  text-align:center;
698  margin-bottom:15px;
699  line-height:30px;
700  width:200px;
701  margin-left:5px;
702  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
703}
704
705#adminHome A {display:block; font-size:1.1em; font-weight:bold;}
706#adminHome A {border:none;}
707
708#piwigoInfos {float:left; margin-left:140px;}
709#pageInfos {float:right; margin-right:10px;}
710
711/* TipTip CSS - Version 1.2 */
712
713#tiptip_holder {
714        display: none;
715        position: absolute;
716        top: 0;
717        left: 0;
718        z-index: 99999;
719}
720
721#tiptip_holder.tip_top {
722        padding-bottom: 5px;
723}
724
725#tiptip_holder.tip_bottom {
726        padding-top: 5px;
727}
728
729#tiptip_holder.tip_right {
730        padding-left: 5px;
731}
732
733#tiptip_holder.tip_left {
734        padding-right: 5px;
735}
736
737#tiptip_content {
738        font-size: 11px;
739        color: #fff;
740        text-shadow: 0 0 2px #000;
741        padding: 4px 8px;
742        border: 1px solid rgba(255,255,255,0.25);
743        background-color: rgb(25,25,25);
744        background-color: rgba(25,25,25,0.92);
745        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
746        border-radius: 3px;
747        -webkit-border-radius: 3px;
748        -moz-border-radius: 3px;
749        box-shadow: 0 0 3px #555;
750        -webkit-box-shadow: 0 0 3px #555;
751        -moz-box-shadow: 0 0 3px #555;
752}
753
754#tiptip_arrow, #tiptip_arrow_inner {
755        position: absolute;
756        border-color: transparent;
757        border-style: solid;
758        border-width: 6px;
759        height: 0;
760        width: 0;
761}
762
763#tiptip_holder.tip_top #tiptip_arrow {
764        border-top-color: #fff;
765        border-top-color: rgba(255,255,255,0.35);
766}
767
768#tiptip_holder.tip_bottom #tiptip_arrow {
769        border-bottom-color: #fff;
770        border-bottom-color: rgba(255,255,255,0.35);
771}
772
773#tiptip_holder.tip_right #tiptip_arrow {
774        border-right-color: #fff;
775        border-right-color: rgba(255,255,255,0.35);
776}
777
778#tiptip_holder.tip_left #tiptip_arrow {
779        border-left-color: #fff;
780        border-left-color: rgba(255,255,255,0.35);
781}
782
783#tiptip_holder.tip_top #tiptip_arrow_inner {
784        margin-top: -7px;
785        margin-left: -6px;
786        border-top-color: rgb(25,25,25);
787        border-top-color: rgba(25,25,25,0.92);
788}
789
790#tiptip_holder.tip_bottom #tiptip_arrow_inner {
791        margin-top: -5px;
792        margin-left: -6px;
793        border-bottom-color: rgb(25,25,25);
794        border-bottom-color: rgba(25,25,25,0.92);
795}
796
797#tiptip_holder.tip_right #tiptip_arrow_inner {
798        margin-top: -6px;
799        margin-left: -5px;
800        border-right-color: rgb(25,25,25);
801        border-right-color: rgba(25,25,25,0.92);
802}
803
804#tiptip_holder.tip_left #tiptip_arrow_inner {
805        margin-top: -6px;
806        margin-left: -7px;
807        border-left-color: rgb(25,25,25);
808        border-left-color: rgba(25,25,25,0.92);
809}
810
811/* Webkit Hacks  */
812@media screen and (-webkit-min-device-pixel-ratio:0) { 
813        #tiptip_content {
814                padding: 4px 8px 5px 8px;
815                background-color: rgba(45,45,45,0.88);
816        }
817        #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
818                border-bottom-color: rgba(45,45,45,0.88);
819        }
820        #tiptip_holder.tip_top #tiptip_arrow_inner { 
821                border-top-color: rgba(20,20,20,0.92);
822        }
823}
824
825/* Set the width of the menubar for the galery */
826#menubar {
827  width: 18em;
828  margin: 10px 0 50px 10px !important;
829}
830.content {
831  margin-left: 20em;  /* = #menubar width + 2em */
832}
833/* Set minimum width of the page before getting a scrollbar */
834/* IE5 and IE6 don't get that */
835BODY {
836  min-width: 60em;  /* ~ 3* #menubar width */
837}
838#thePopuphelpPage {
839  min-width: 0;
840}
841
842#thePopuphelpPage #pwgHead {display:none}
843#thePopuphelpPage #footer  {display:none}
844
845/* Set some sizes according to your maximum thumbnail width and height */
846UL.thumbnails SPAN,
847UL.thumbnails SPAN.wrap2 A,
848UL.thumbnails LABEL,
849.content DIV.thumbnailCategory DIV.illustration {
850  width: 140px;      /* max thumbnail width + 2px */
851}
852UL.thumbnails SPAN.wrap2,
853.content DIV.thumbnailCategory DIV.description {
854  height: 140px;    /* max thumbnail height + 2px */
855}
856
857
858/* Category thumbnails on main page */
859.content UL.thumbnailCategories LI {
860  width: 49.7%;    /* 49.7% for 2 per line, 33.2% for 3 per line*/
861}
862
863/* Set defaults for thumbnails legend */
864UL.thumbnails SPAN.thumbLegend {
865  display: block;  /* display: none; if you don't want legend */
866  height: 4em;    /* legend height (don't set auto to be Gecko friendly)*/
867}
868
869.themeBox {display:inline-table; text-align:center; height:192px; background-color:#eee; margin:5px; -moz-border-radius:5px; overflow:hidden; }
870
871.themeBox IMG {border:1px solid white; margin:0 15px;}
872.themeName {font-size:1.1em; margin:5px 0;}
873.themeActions {display: table-row; font-size:12px; height: 43px; }
874.themeActions DIV {display: table-cell; vertical-align: middle; line-height:18px; }
875.themeActions A {}
876
877#themesContent .themeBox IMG {width:150px; height:120px;}
878#themesContent H3 {font-size:16px; text-align:left; border-bottom:1px solid #444; letter-spacing:1px; margin:5px;}
879.themeBoxes {min-height:0;text-align:left;}
880
881h2 { letter-spacing:2px; font-weight:bold;}
882h2:lang(en) { text-transform:capitalize; }
883
884#pluginsMenuSeparator {width:80%; margin:5px auto;}
885
886#helpContent P {text-align:left; margin-left:10px;}
887#helpContent LI, #ftpPage LI {margin-top:10px;}
888#helpContent P.nextStepLink {text-align:center; font-weight:bold; margin-bottom:20px;}
889
890#configContent FIELDSET, #availablePlugins FIELDSET  {border:none;}
891
892/**
893 * Informations box in administration
894 */
895.infos, .errors, .warnings {
896  text-align: left;
897  margin: 5px;
898  padding: 10px 50px 10px 10px;
899  font-weight:bold;
900  background-repeat: no-repeat;
901  background-position: 5px 5px;
902  padding:5px 70px 0pt 53px;
903  min-height: 54px;
904}
905
906.infos {
907  color: #0a0;
908  background-color:#c2f5c2;
909  background-image: url(icon/infos.png);
910}
911
912.errors {
913  color: #f22;
914  background-color: #ffd5dc;
915  background-image: url(icon/errors.png);
916}
917
918.warnings {
919  color: #ee8800;
920  background-color:#ffdd99;
921  background-image: url(icon/warnings.png);
922}
923
924.infos li, .errors li, .warnings li { list-style-type:square; }
925.infos .submit {margin-left:30px;}
926
927.checkActions {text-align:left;padding:0;margin:0;}
928.comment A:hover {border:none;}
929
930.pluginBox {margin-bottom:10px;-moz-border-radius:5px;}
931.pluginBox table {width:99%}
932.pluginBox td {text-align:left;}
933.pluginBox td.pluginDesc {cursor:pointer;}
934.pluginBox td.pluginDesc img{vertical-align:middle;}
935.pluginBox td em{float:right;}
936.pluginBoxNameCell {width:150px; vertical-align:top;}
937
938.languageBoxes {min-height:0;text-align:left;}
939.languageBox {display:inline-table; text-align:center; width:200px; height:40px; margin:5px; -moz-border-radius:5px; overflow:hidden; }
940.languageName {font-size:1.1em; margin:5px 0;}
941.languageActions {display: table-row; font-size:12px; }
942.languageActions DIV {display: table-cell; vertical-align: middle; line-height:18px; }
943
944#ui-datepicker-div {-moz-border-radius:5px;}
945#ui-datepicker-div .ui-icon-circle-triangle-w, #ui-datepicker-div .ui-icon-circle-triangle-e {color:transparent;}
946#ui-datepicker-div A.ui-datepicker-prev, #ui-datepicker-div A.ui-datepicker-next {background-color:transparent;}
947#ui-datepicker-div A.ui-datepicker-prev:hover, #ui-datepicker-div A.ui-datepicker-next:hover {-moz-border-radius:5px;}
948
949.HelpActions {
950  float:right;
951  margin:0;
952  padding:0;
953  padding-top:2px;
954  padding-left:3px;
955}
956
957.HelpActions a { border:0; margin:0; }
958.HelpActions a:hover {border:0;}
959.HelpActions li {list-style-image:none; list-style-position:outside; list-style-type:none; text-align:center; text-indent:0pt; }
960
961legend {text-align:left;}
962
963/* local-layout */
964/* You can modify this file */
965
966/* default-colors */
967/* So that non-links are slightly greyed out */
968.content .navigationBar {
969        color: #999;
970}
971
972/* Tables & forms */
973
974INPUT.text, INPUT.password, INPUT.button,
975INPUT.submit, INPUT.reset, INPUT.file,
976SELECT, TEXTAREA {
977  color:#999;
978  background-color: #666;       
979}
980
981INPUT:focus, SELECT:focus, TEXTAREA:focus, INPUT.focus, FORM .focus {
982  background-color: #444;       /* whitesmoke */
983}
984
985/* some theme set a border on INPUT  which is not pretty for radio/checkbox */
986INPUT[type="radio"], INPUT[type="checkbox"] {
987  border: none; /* <= Opera needs this */
988}
989
990INPUT.radio, INPUT.checkbox {
991  border: none; /* <= IE6 needs this */
992}
993
994
995/**
996 * Header message like upgrade
997 */
998.header_msgs {
999  text-align:center;
1000  font-weight: bold;
1001  color:#333;
1002  background-color: transparent;
1003  margin: 1px;
1004  padding: 1px;
1005}
1006
1007/**
1008 * Header notes box in public/administration
1009 */
1010.header_notes {
1011  border: 1px solid #666;
1012  background: transparent url(icon/note.png) no-repeat right top;
1013  font-weight: bold;
1014  margin: 14px 24px 14px 14px;
1015  padding: 5px 0 0 0;
1016  top: 90px; 
1017  position: absolute;
1018  text-align: right;
1019}
1020
1021LEGEND {
1022  font-weight: bold;
1023  letter-spacing: 1px;
1024  padding: 0 10px;
1025}
1026
1027/* Batch Manager, global mode */
1028#batchManagerGlobal #action p {text-align:left;}
1029#batchManagerGlobal .bulkAction {text-align:left;margin:15px 0;padding:0;}
1030#batchManagerGlobal #action_del_tags ul.tagSelection {margin:0 !important; width:620px;}
1031#batchManagerGlobal #checkActions {text-align:left; margin:0 0 20px 0;}
1032#batchManagerGlobal ul.thumbnails span.wrap1 {margin:5px}
1033#batchManagerGlobal ul.thumbnails span.wrap2 {border:0}
1034#batchManagerGlobal ul.thumbnails span.wrap2:hover {background-color:#7CBA0F;}
1035#batchManagerGlobal #selectedMessage {padding:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
1036#batchManagerGlobal #selectSet a {border-bottom:1px dotted}
1037#batchManagerGlobal #applyOnDetails {font-style:italic;}
1038#batchManagerGlobal .actionButtons {text-align:left;}
1039#batchManagerGlobal #filterList {padding-left:5px;}
1040#batchManagerGlobal #filterList li {margin-bottom:5px; list-style-type:none;}
1041#batchManagerGlobal a.removeFilter {background: url(icon/remove_filter.png) no-repeat top left;width:7px;height:7px;display:inline-block}
1042#batchManagerGlobal a.removeFilter:hover {background: url(icon/remove_filter_hover.png); border:none;}
1043#batchManagerGlobal .removeFilter span {display:none}
1044#batchManagerGlobal #applyFilterBlock {margin-top:20px;}
1045#batchManagerGlobal .useFilterCheckbox {display:none}
1046
1047.warning {
1048  background:url(icon/warning.png) no-repeat top left;
1049  width: 130px;
1050  padding-left: 20px;
1051}
Note: See TracBrowser for help on using the repository browser.