Removing ugly whitespace around thumbnails on a non-white background.
[lhc/web/wiklou.git] / skins / common / shared.css
1 /**
2 * CSS in this file is used by *all* skins (that have any CSS at all). Be
3 * careful what you put in here, since what looks good in one skin may not in
4 * another, but don't ignore the poor pre-Monobook users either.
5 */
6
7 /* Colored watchlist and recent changes numbers */
8 .mw-plusminus-pos { color: #006400; } /* dark green */
9 .mw-plusminus-neg { color: #8b0000; } /* dark red */
10 .mw-plusminus-null { color: #aaa; } /* gray */
11
12 /* Links to redirects appear italicized on [[Special:AllPages]],
13 and in category listings */
14 .allpagesredirect, .redirect-in-category { font-style: italic; }
15
16 /* Comment and username portions of RC entries */
17 span.comment {
18 font-style: italic;
19 }
20
21 span.changedby {
22 font-size: 95%;
23 }
24
25 /* Math */
26 .texvc {
27 direction: ltr;
28 unicode-bidi: embed;
29 }
30 img.tex { vertical-align: middle; }
31 span.texhtml { font-family: serif; }
32
33 /* add a bit of margin space between the preview and the toolbar */
34 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
35 #wikiPreview.ontop { margin-bottom: 1em; }
36
37 /* Stop floats from intruding into edit area in previews */
38 #editform, #toolbar, #wpTextbox1 {
39 clear: both;
40 }
41
42 div#mw-js-message {
43 margin: 1em 5%;
44 padding: 0.5em 2.5%;
45 border: solid 1px #ddd;
46 background-color: #fcfcfc;
47 }
48
49 /* Edit section links */
50 .editsection {
51 float: right;
52 margin-left: 5px;
53 }
54
55 /**
56 * File histories
57 */
58 h2#filehistory {
59 clear: both;
60 }
61
62 table.filehistory th,
63 table.filehistory td {
64 vertical-align: top;
65 }
66 table.filehistory th {
67 text-align: left;
68 }
69 table.filehistory td.mw-imagepage-filesize,
70 table.filehistory th.mw-imagepage-filesize {
71 white-space: nowrap;
72 }
73
74 table.filehistory td.filehistory-selected {
75 font-weight: bold;
76 }
77
78 /*
79 * rev_deleted stuff
80 */
81 li span.deleted, span.history-deleted {
82 text-decoration: line-through;
83 color: #888;
84 font-style: italic;
85 }
86
87 /**
88 * Patrol stuff
89 */
90 .not-patrolled {
91 background-color: #ffa;
92 }
93
94 .unpatrolled {
95 font-weight: bold;
96 color: red;
97 }
98
99 div.patrollink {
100 font-size: 75%;
101 text-align: right;
102 }
103
104 /**
105 * Forms
106 */
107 body.ltr td.mw-label { text-align: right; }
108 body.ltr td.mw-input { text-align: left; }
109 body.ltr td.mw-submit { text-align: left; }
110 body.rtl td.mw-label { text-align: left; }
111 body.rtl td.mw-input { text-align: right; }
112 body.rtl td.mw-submit { text-align: right; }
113
114 td.mw-label { vertical-align: top; }
115 .prefsection td.mw-label { width: 20%; }
116 .prefsection table { width: 100%; }
117 td.mw-submit { white-space: nowrap; }
118
119 table.mw-htmlform-nolabel td.mw-label {
120 width: 0 !important;
121 }
122
123 tr.mw-htmlform-vertical-label td.mw-label {
124 text-align: left !important;
125 }
126
127 input#wpSummary {
128 width: 80%;
129 }
130
131 /**
132 * Thumbnails
133 */
134 /* Transparent instead of white thumb-containers (prevent white around thumbs on non-white backgrounds/templates) */
135 div.thumb { border-color: transparent; }
136
137 /**
138 * Image captions
139 */
140 body.rtl .thumbcaption { text-align: right; }
141 body.rtl .magnify { float: left; }
142
143 body.ltr .thumbcaption { text-align: left; }
144 body.ltr .magnify { float: right; }
145
146 /**
147 * Hidden categories
148 */
149 .mw-hidden-cats-hidden { display: none; }
150 .catlinks-allhidden { display: none; }
151
152 /* Convenience links to edit block, delete and protect reasons */
153 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
154 p.mw-filedelete-editreasons, p.mw-delete-editreasons,
155 p.mw-revdel-editreasons {
156 font-size: 90%;
157 float: right;
158 }
159
160 /* Search results */
161 .searchresults {
162 }
163
164 .searchresults p {
165 margin-left: 0.4em;
166 margin-top: 1em;
167 margin-bottom: 1.2em;
168 }
169
170 div.searchresult {
171 font-size: 95%;
172 width: 38em;
173 }
174
175 .mw-search-results {
176 margin-left: 0.4em;
177 }
178
179 .mw-search-results li {
180 padding-bottom: 1em;
181 list-style: none;
182 list-style-image: none;
183 }
184 .mw-search-results li a {
185 font-size: 108%;
186 }
187
188 .mw-search-result-data {
189 color: green;
190 font-size: 97%;
191 }
192
193 .mw-search-formheader {
194 background-color: #f3f3f3;
195 margin-top: 1em;
196 border: 1px solid silver;
197 }
198 .mw-search-formheader div.search-types {
199 float: left;
200 padding-left: 0.25em;
201 }
202 .rtl .mw-search-formheader div.search-types {
203 float: right;
204 }
205 .mw-search-formheader div.search-types ul {
206 margin: 0 !important;
207 padding: 0 !important;
208 list-style: none !important;
209 }
210 .mw-search-formheader div.search-types ul li {
211 float: left;
212 margin: 0;
213 padding: 0;
214 }
215 .mw-search-formheader div.search-types ul li a {
216 display: block;
217 padding: 0.5em;
218 }
219 .mw-search-formheader div.search-types ul li.current a {
220 color: #333333;
221 cursor: default;
222 }
223 .mw-search-formheader div.search-types ul li.current a:hover {
224 text-decoration: none;
225 }
226 .mw-search-formheader div.results-info {
227 float: right;
228 padding: 0.5em;
229 padding-right: 0.75em;
230 }
231 .mw-search-formheader div.results-info ul {
232 margin: 0 !important;
233 padding: 0 !important;
234 list-style: none !important;
235 }
236 .mw-search-formheader div.results-info ul li {
237 float: right;
238 margin: 0;
239 padding: 0;
240 }
241 fieldset#mw-searchoptions {
242 margin: 0;
243 padding-left: 0.75em !important;
244 padding-right: 0.75em !important;
245 padding-bottom: 0.5em !important;
246 padding-top: 0.5em !important;
247 border: none;
248 background-color: #f9f9f9;
249 border: 1px solid silver !important;
250 border-top-width: 0 !important;
251 }
252 fieldset#mw-searchoptions legend {
253 display: none;
254 }
255 fieldset#mw-searchoptions h4 {
256 padding: 0;
257 margin: 0;
258 float: left;
259 }
260 .rtl fieldset#mw-searchoptions h4 {
261 float: right;
262 }
263 fieldset#mw-searchoptions div#mw-search-togglebox {
264 float: right;
265 }
266 .rtl fieldset#mw-searchoptions div#mw-search-togglebox {
267 float: left;
268 }
269
270 fieldset#mw-searchoptions div#mw-search-togglebox label {
271 margin-right: 0.25em;
272 }
273 fieldset#mw-searchoptions div#mw-search-togglebox input {
274 margin-left: 0.25em;
275 }
276 fieldset#mw-searchoptions table {
277 float: left;
278 margin-right: 3em;
279 }
280 fieldset#mw-searchoptions table td {
281 padding-right: 1em;
282 }
283 .rtl fieldset#mw-searchoptions table td {
284 padding-left: 1em;
285 padding-right: 0;
286 }
287 body.rtl fieldset#mw-searchoptions table {
288 margin-right: 0;
289 margin-left: 3em;
290 float: right;
291 }
292 fieldset#mw-searchoptions div.divider {
293 clear: both;
294 border-bottom: 1px solid #DDDDDD;
295 padding-top: 0.5em;
296 margin-bottom: 0.5em;
297 }
298
299 td#mw-search-menu {
300 padding-left:6em;
301 font-size:85%;
302 }
303
304 div#mw-search-interwiki {
305 float: right;
306 width: 18em;
307 border-style: solid;
308 border-color: #AAAAAA;
309 border-width: 1px;
310 margin-top: 2ex;
311 }
312
313 .rtl div#mw-search-interwiki {
314 float: left;
315 }
316
317 div#mw-search-interwiki li {
318 font-size: 95%;
319 }
320
321 .mw-search-interwiki-more {
322 float: right;
323 font-size: 90%;
324 }
325
326 .rtl .mw-search-interwiki-more {
327 float: left;
328 }
329
330 div#mw-search-interwiki-caption {
331 text-align: center;
332 font-weight: bold;
333 font-size: 95%;
334 }
335
336 .mw-search-interwiki-project {
337 font-size: 97%;
338 text-align: left;
339 padding-left: 0.2em;
340 padding-right: 0.15em;
341 padding-bottom: 0.2em;
342 padding-top: 0.15em;
343 background-color: #ececec;
344 border-top: 1px solid #BBBBBB;
345 }
346
347 .rtl .mw-search-interwiki-project {
348 text-align: right;
349 }
350
351 span.searchalttitle {
352 font-size: 95%;
353 }
354
355 div.searchdidyoumean {
356 font-size: 127%;
357 margin-top: 0.8em;
358 /* Note that this color won't affect the link, as desired. */
359 color: #c00;
360 }
361
362 div.searchdidyoumean em {
363 font-weight: bold;
364 }
365
366 .searchmatch {
367 font-weight: bold;
368 }
369
370 table#mw-search-top-table {
371 background-color: transparent;
372 }
373
374
375 /*
376 * Advanced PowerSearch box
377 */
378 td#mw-search-togglebox {
379 text-align: right;
380 }
381
382 table#mw-search-powertable {
383 width: 100%;
384 }
385
386 form#powersearch {
387 clear: both;
388 }
389
390 /*
391 * UserRights stuff
392 */
393 .mw-userrights-disabled {
394 color: #888;
395 }
396
397 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
398 padding-right: 1.5em;
399 }
400
401 /*
402 * OpenSearch ajax suggestions
403 */
404 .os-suggest {
405 overflow: auto;
406 overflow-x: hidden;
407 position: absolute;
408 top: 0px;
409 left: 0px;
410 width: 0px;
411 background-color: white;
412 background-color: Window;
413 border-style: solid;
414 border-color: #AAAAAA;
415 border-width: 1px;
416 z-index:99;
417 font-size:95%;
418 }
419
420 table.os-suggest-results {
421 font-size: 95%;
422 cursor: pointer;
423 border: 0;
424 border-collapse: collapse;
425 width: 100%;
426 }
427
428 .os-suggest-result, .os-suggest-result-hl {
429 white-space: nowrap;
430 background-color: white;
431 background-color: Window;
432 color: black;
433 color: WindowText;
434 padding: 2px;
435 }
436 .os-suggest-result-hl,
437 .os-suggest-result-hl-webkit {
438 background-color: #4C59A6;
439 color: white;
440 }
441 .os-suggest-result-hl {
442 /* System colors are misimplemented in Safari 3.0 and earlier,
443 making highlighted text illegible... */
444 background-color: Highlight;
445 color: HighlightText;
446 }
447
448 .os-suggest-toggle {
449 position: relative;
450 left: 1ex;
451 font-size: 65%;
452 }
453 .os-suggest-toggle-def {
454 position: absolute;
455 top: 0px;
456 left: 0px;
457 font-size: 65%;
458 visibility: hidden;
459 }
460
461 /* Page history styling */
462 /* the auto-generated edit comments */
463 .autocomment { color: gray; }
464 #pagehistory .history-user {
465 margin-left: 0.4em;
466 margin-right: 0.2em;
467 }
468 #pagehistory span.minor {
469 font-weight: bold;
470 }
471 #pagehistory li {
472 border: 1px solid white;
473 }
474 #pagehistory li.selected {
475 background-color: #f9f9f9;
476 border: 1px dashed #aaa;
477 }
478
479 /** Generic minor/bot/newpage styling */
480 .newpage, .minor, .bot {
481 font-weight: bold;
482 }
483
484 /* Special:Contributions styling */
485 .mw-uctop {
486 font-weight: bold;
487 }
488
489 /* Special:ListGroupRights styling */
490 table.mw-listgrouprights-table tr {
491 vertical-align: top;
492 }
493 .listgrouprights-revoked {
494 text-decoration: line-through;
495 }
496
497 /* Special:Statistics styling */
498 td.mw-statistics-numbers {
499 text-align: right;
500 }
501
502 /* Special:SpecialPages styling */
503 h4.mw-specialpagesgroup {
504 background-color: #dcdcdc;
505 padding: 2px;
506 margin: .3em 0em 0em 0em;
507 }
508 .mw-specialpagerestricted {
509 font-weight: bold;
510 }
511
512 #shared-image-dup, #shared-image-conflict {
513 font-style: italic;
514 }
515
516 /* Special:EmailUser styling */
517 table.mw-emailuser-table {
518 width: 98%;
519 }
520 td#mw-emailuser-sender, td#mw-emailuser-recipient {
521 font-weight: bold;
522 }
523
524 /* Special:Allpages styling */
525 table.allpageslist {
526 background-color: transparent;
527 }
528 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
529 background-color: transparent;
530 width: 100%;
531 }
532 td.mw-allpages-alphaindexline {
533 text-align: right;
534 }
535 td.mw-allpages-nav, p.mw-allpages-nav {
536 text-align: right;
537 font-size: smaller;
538 margin-bottom: 1em;
539 }
540 table.mw-allpages-table-form tr {
541 vertical-align: top;
542 }
543
544 /* Special:Prefixindex styling */
545 table#mw-prefixindex-list-table,
546 table#mw-prefixindex-nav-table {
547 width: 98%;
548 background-color: transparent;
549 }
550 td#mw-prefixindex-nav-form {
551 font-size: smaller;
552 margin-bottom: 1em;
553 text-align: right;
554 vertical-align: top;
555 }
556
557 /*
558 * Recreating deleted page warning
559 * Reupload file warning
560 * Page protection warning
561 * incl. log entries for these warnings
562 */
563 div.mw-warning-with-logexcerpt {
564 padding: 3px;
565 margin-bottom: 3px;
566 border: 2px solid #2F6FAB;
567 clear: both;
568 }
569 div.mw-warning-with-logexcerpt ul li {
570 font-size: 90%;
571 }
572
573 /* (show/hide) revision deletion links */
574 span.mw-revdelundel-link,
575 strong.mw-revdelundel-link {
576 font-size: 90%;
577 }
578 span.mw-revdelundel-hidden,
579 input.mw-revdelundel-hidden {
580 visibility: hidden;
581 }
582
583 td.mw-revdel-checkbox, th.mw-revdel-checkbox {
584 padding-right: 10px;
585 text-align: center;
586 }
587
588 /* feed links */
589 a.feedlink {
590 background: url("images/feed-icon.png") center left no-repeat;
591 padding-left: 16px;
592 }
593
594 /* Plainlinks - this can be used to switch
595 * off special external link styling */
596 .plainlinks a {
597 background: none !important;
598 padding: 0 !important;
599 }
600
601 /* wikitable class for skinning normal tables
602 * keep on sync with commonPrint.css
603 */
604 table.wikitable {
605 margin: 1em 1em 1em 0;
606 background: #f9f9f9;
607 border: 1px #aaa solid;
608 border-collapse: collapse;
609 }
610 .wikitable th, .wikitable td {
611 border: 1px #aaa solid;
612 padding: 0.2em;
613 }
614 .wikitable th {
615 background: #f2f2f2;
616 text-align: center;
617 }
618 .wikitable caption {
619 font-weight: bold;
620 }
621
622 /* hide initially collapsed collapsable tables */
623 table.collapsed tr.collapsable {
624 display: none;
625 }
626
627 /* success and error messages */
628 .success {
629 color: green;
630 font-size: larger;
631 }
632 .error {
633 color: red;
634 font-size: larger;
635 }
636 .errorbox, .successbox {
637 font-size: larger;
638 border: 2px solid;
639 padding: .5em 1em;
640 float: left;
641 margin-bottom: 2em;
642 color: #000;
643 }
644 .errorbox {
645 border-color: red;
646 background-color: #fff2f2;
647 }
648 .successbox {
649 border-color: green;
650 background-color: #dfd;
651 }
652 .errorbox h2, .successbox h2 {
653 font-size: 1em;
654 font-weight: bold;
655 display: inline;
656 margin: 0 .5em 0 0;
657 border: none;
658 }
659
660 /* Note on preview page */
661 .previewnote {
662 color: #c00;
663 margin-bottom: 1em;
664 }
665
666 .previewnote p {
667 text-indent: 3em;
668 margin: 0.8em 0;
669 }
670
671 .visualClear {
672 clear: both;
673 }
674
675 #mw_trackbacks {
676 border: solid 1px #bbbbff;
677 background-color: #eeeeff;
678 padding: 0.2em;
679 }
680
681 /*
682 Table pager (e.g. Special:ListFiles)
683 - remove underlines from the navigation link
684 - collapse borders
685 - set the borders to outsets (similar to Special:AllMessages)
686 - remove line wrapping for all td and th, set background color
687 - restore line wrapping for the last two table cells (description and size)
688 */
689 .TablePager {
690 min-width: 80%;
691 border-collapse: collapse;
692 }
693 .TablePager_nav a {
694 text-decoration: none;
695 }
696 .TablePager, .TablePager td, .TablePager th {
697 border: 1px solid #aaaaaa;
698 padding: 0 0.15em 0 0.15em;
699 }
700 .TablePager th {
701 background-color: #eeeeff;
702 }
703 .TablePager td {
704 background-color: #ffffff;
705 }
706 .TablePager tr:hover td {
707 background-color: #eeeeff;
708 }
709
710 .imagelist td, .imagelist th {
711 white-space: nowrap;
712 }
713 .imagelist .TablePager_col_links {
714 background-color: #eeeeff;
715 }
716 .imagelist .TablePager_col_img_description {
717 white-space: normal;
718 }
719 .imagelist th.TablePager_sort {
720 background-color: #ccccff;
721 }
722
723 /* Allmessages table */
724 #mw-allmessagestable .allmessages-customised td.am_default {
725 background-color: #fcffc4;
726 }
727
728 #mw-allmessagestable tr.allmessages-customised:hover td.am_default {
729 background-color: #faff90;
730 }
731
732 #mw-allmessagestable td.am_actual {
733 background-color: #e2ffe2;
734 }
735
736 #mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
737 background-color: #b1ffb1;
738 }
739
740 /* filetoc */
741 ul#filetoc {
742 text-align: center;
743 border: 1px solid #aaaaaa;
744 background-color: #f9f9f9;
745 padding: 5px;
746 font-size: 95%;
747 margin-bottom: 0.5em;
748 margin-left: 0;
749 margin-right: 0;
750 }
751
752 #filetoc li {
753 display: inline;
754 list-style-type: none;
755 padding-right: 2em;
756 }
757
758 /* Classes for EXIF data display */
759 table.mw_metadata {
760 font-size: 0.8em;
761 margin-left: 0.5em;
762 margin-bottom: 0.5em;
763 width: 300px;
764 }
765
766 table.mw_metadata caption {
767 font-weight: bold;
768 }
769
770 table.mw_metadata th {
771 font-weight: normal;
772 }
773
774 table.mw_metadata td {
775 padding: 0.1em;
776 }
777
778 table.mw_metadata {
779 border: none;
780 border-collapse: collapse;
781 }
782
783 table.mw_metadata td, table.mw_metadata th {
784 text-align: center;
785 border: 1px solid #aaaaaa;
786 padding-left: 0.1em;
787 padding-right: 0.1em;
788 }
789
790 table.mw_metadata th {
791 background-color: #f9f9f9;
792 }
793
794 table.mw_metadata td {
795 background-color: #fcfcfc;
796 }
797
798 /* Galleries */
799 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
800 li.gallerybox {
801 vertical-align: top;
802 background-color: #f9f9f9;
803 border: solid 2px white;
804 display: -moz-inline-box;
805 }
806
807 ul.gallery, li.gallerybox {
808 display: inline-block;
809 zoom: 1;
810 *display: inline;
811 }
812
813 ul.gallery {
814 margin: 2px;
815 padding: 2px;
816 background-color: white;
817 display: block;
818 }
819
820 li.gallerycaption {
821 font-weight: bold;
822 text-align: center;
823 display: block;
824 word-wrap: break-word;
825 }
826
827 li.gallerybox div.thumb {
828 text-align: center;
829 border: 1px solid #ccc;
830 margin: 2px;
831 }
832
833 div.gallerytext {
834 overflow: hidden;
835 font-size: 94%;
836 padding: 2px 4px;
837 word-wrap: break-word;
838 }
839
840 table.mw-enhanced-rc {
841 background: none;
842 border:0;
843 border-spacing:0;
844 }
845 td.mw-enhanced-rc {
846 white-space:nowrap;
847 padding:0;
848 vertical-align:top;
849 font-family:monospace
850 }
851
852 #mw-addcategory-prompt {
853 display: inline;
854 margin-left: 1em;
855 }
856
857 #mw-addcategory-prompt input {
858 margin-left: 0.5em;
859 margin-right: 0.5em;
860 }
861
862 .mw-remove-category {
863 padding: 8px;
864 background-image: url(images/remove.png);
865 background-position: center center;
866 background-repeat: no-repeat;
867 }
868
869 .mw-ajax-addcategory {
870 padding-left: 20px;
871 background-image: url(images/add.png);
872 background-position: left center;
873 background-repeat: no-repeat;
874 }
875
876 .mw-ajax-loader {
877 background-image: url(images/ajax-loader.gif);
878 background-position: center center;
879 background-repeat: no-repeat;
880 padding: 16px;
881 position: relative;
882 top: -16px;
883 }
884
885 .mw-small-spinner {
886 padding: 10px !important;
887 margin-right: 0.6em;
888 background-image: url(images/spinner.gif);
889 background-position: center center;
890 background-repeat: no-repeat;
891 }
892
893 /* Sort arrows added by SortableTables */
894 a.sortheader {
895 margin: 0 0.3em;
896 }
897
898 /* Localised ordered list numbering for some languages */
899 ol:lang(bcc) li,
900 ol:lang(bqi) li,
901 ol:lang(fa) li,
902 ol:lang(glk) li,
903 ol:lang(kk-arab) li,
904 ol:lang(mzn) li {
905 list-style-type: -moz-persian;
906 list-style-type: persian;
907 }
908
909 ol:lang(ckb) li {
910 list-style-type: -moz-arabic-indic;
911 list-style-type: arabic-indic;
912 }
913
914 ol:lang(bn) li {
915 list-style-type: -moz-bengali;
916 list-style-type: bengali;
917 }
918
919 /* tooltip styles */
920 .mw-help-field-hint {
921 display: none;
922 padding: 0px;
923 padding-left: 15px;
924 margin-left: 2px;
925 margin-bottom: -8px;
926 background-image: url('images/help-question.gif');
927 background-position: left center;
928 background-repeat: no-repeat;
929 color: #0645ad;
930 text-decoration: underline;
931 cursor: pointer;
932 font-size: .8em;
933 }
934 .mw-help-field-hint:hover {
935 background-image: url('images/help-question-hover.gif');
936 }
937 .mw-help-field-data {
938 display: block;
939 background-color: #d6f3ff;
940 padding:5px 8px 4px 8px;
941 border: 1px solid #5dc9f4;
942 margin-left: 20px;
943 }
944 .tipsy { padding: 5px 5px 10px; font-size: 12px; position: absolute; z-index: 100000; overflow: visible; }
945 .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #d6f3ff; color: black; border: 1px solid #5dc9f4; max-width: 300px; text-align: left; }
946 .tipsy-arrow { position: absolute; background: url( 'images/tipsy-arrow.gif' ) no-repeat top left; width: 13px; height: 13px; }
947 .tipsy-se .tipsy-arrow { bottom: -2px; right: 10px; background-position: 0% 100%; }