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.
7 /* GENERAL CLASSES FOR DIRECTIONALITY SUPPORT */
10 * These classes should be used for text depending on the content direction.
11 * Content stuff like editsection, ul/ol and TOC depend on this.
22 /* Most input fields should be in site direction */
23 .sitedir-ltr textarea
,
28 .sitedir-rtl textarea
,
34 /* Input types that should follow user direction, like buttons */
35 /* TODO: What about buttons in wikipage content ? */
43 /* Override default values */
55 .mw-float-start { float: left
; }
56 .mw-float-end { float: right
; }
57 .mw-align-start { text-align: left
; }
58 .mw-align-end { text-align: right
; }
60 /* The scripts of these languages are very hard to read with underlines */
68 text-decoration: none
;
71 /* Default style for semantic tags */
75 border-bottom: 1px dotted black
;
79 /* Colored watchlist and recent changes numbers */
81 color: #006400; /* dark green */
84 color: #8b0000; /* dark red */
87 color: #aaa; /* gray */
91 * Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]],
92 * [[Special:Watchlist/edit]] and in category listings.
95 .redirect-in-category
,
100 /* Comment and username portions of RC entries */
115 vertical-align: middle
;
122 * Add a bit of margin space between the preview and the toolbar.
123 * This replaces the ugly <p><br /></p> we used to insert into the page source
129 /* Stop floats from intruding into edit area in previews */
141 border: solid
1px #ddd;
142 background-color: #fcfcfc;
145 /* Edit section links */
151 /* Correct directionality when page dir is different from site/user dir */
152 .mw-content-ltr
.editsection
,
153 .mw-content-rtl .mw-content-ltr .editsection {
157 .mw-content-rtl
.editsection
,
158 .mw-content-ltr .mw-content-rtl .editsection {
170 table
.filehistory th
,
171 table
.filehistory td
{
174 table
.filehistory th
{
177 table
.filehistory td
.mw-imagepage-filesize
,
178 table
.filehistory th
.mw-imagepage-filesize
{
182 table
.filehistory td
.filehistory-selected
{
190 span
.history-deleted
{
191 text-decoration: line-through
;
200 background-color: #ffa;
229 .prefsection td.mw-label {
239 table
.mw-htmlform-nolabel td
.mw-label
{
243 tr
.mw-htmlform-vertical-label td
.mw-label
{
244 text-align: left
!important
;
247 .mw-htmlform-invalid-input td.mw-input input {
250 .mw-htmlform-multiselect-flatlist div.mw-htmlform-multiselect-item {
277 list-style-type: none
;
278 list-style-image: none
;
279 vertical-align: middle
!ie
;
283 display: inline-block
;
286 border-left: 1px solid
#AAA;
292 #catlinks li:first-child
{
299 .mw-hidden-cats-hidden {
302 .catlinks-allhidden {
306 /* Convenience links to edit block, delete and protect reasons */
307 p
.mw-ipb-conveniencelinks
,
308 p
.mw-protect-editreasons
,
309 p
.mw-filedelete-editreasons
,
310 p
.mw-delete-editreasons
,
311 p
.mw-revdel-editreasons
{
317 * OpenSearch ajax suggestions
326 background-color: white
;
327 background-color: Window
;
329 border-color: #AAAAAA;
335 table
.os-suggest-results
{
339 border-collapse: collapse
;
344 .os-suggest-result-hl {
346 background-color: white
;
347 background-color: Window
;
352 .os-suggest-result-hl
,
353 .os-suggest-result-hl-webkit {
354 background-color: #4C59A6;
357 .os-suggest-result-hl {
358 /* System colors are misimplemented in Safari 3.0 and earlier,
359 * making highlighted text illegible...
361 background-color: Highlight
;
362 color: HighlightText
;
370 .os-suggest-toggle-def {
378 /* Page history styling */
380 /* The auto-generated edit comments */
384 #pagehistory .history-user
{
388 #pagehistory span
.minor
{
392 border: 1px solid white
;
394 #pagehistory li
.selected
{
395 background-color: #f9f9f9;
396 border: 1px dashed
#aaa;
399 /** Generic minor/bot/newpage styling (recent changes) */
407 #shared-image-conflict {
412 * Recreating deleted page warning
413 * Reupload file warning
414 * Page protection warning
415 * incl. log entries for these warnings
417 div
.mw-warning-with-logexcerpt
{
420 border: 2px solid
#2F6FAB;
423 div
.mw-warning-with-logexcerpt ul li
{
427 /* (show/hide) revision deletion links */
428 span
.mw-revdelundel-link
,
429 strong
.mw-revdelundel-link
{
432 span
.mw-revdelundel-hidden
,
433 input
.mw-revdelundel-hidden
{
437 td
.mw-revdel-checkbox
,
438 th
.mw-revdel-checkbox
{
446 background: url
("images/feed-icon.png") center left no-repeat
;
450 /* Plainlinks - this can be used to switch
451 * off special external link styling */
453 background: none
!important
;
454 padding: 0 !important
;
456 /* External URLs should always be treated as LTR (bug 4330) */
457 /* @noflip */ .rtl a
.external
.free
,
458 .rtl a.external.autonumber {
463 /* wikitable class for skinning normal tables
464 * keep on sync with commonPrint.css
467 margin: 1em 1em 1em 0;
469 border: 1px #aaa solid
;
470 border-collapse: collapse
;
475 border: 1px #aaa solid
;
486 /* hide initially collapsed collapsable tables */
487 table
.collapsed tr
.collapsable
{
491 /* success and error messages */
497 color: #FFA500; /* orange */
516 background-color: #fff2f2;
519 border-color: #FF8C00; /* darkorange */
520 background-color: #FFFFC0;
524 background-color: #dfd;
536 /* general info/warning box for SP */
538 border: 2px solid
#ff7f00;
551 margin: 0.5em 0.5em 0.5em 49px;
554 /* Note on preview page */
570 border: solid
1px #bbbbff;
571 background-color: #eeeeff;
576 * Table pager (e.g. Special:ListFiles)
577 * - remove underlines from the navigation link
579 * - set the borders to outsets (similar to Special:AllMessages)
580 * - remove line wrapping for all td and th, set background color
581 * - restore line wrapping for the last two table cells (description and size)
585 border-collapse: collapse
;
595 text-decoration: none
;
600 border: 1px solid
#aaaaaa;
601 padding: 0 0.15em 0 0.15em;
604 background-color: #eeeeff;
607 background-color: #ffffff;
609 .TablePager tr:hover td {
610 background-color: #eeeeff;
617 .imagelist .TablePager_col_links {
618 background-color: #eeeeff;
620 .imagelist .TablePager_col_img_description {
623 .imagelist th.TablePager_sort {
624 background-color: #ccccff;
630 border: 1px solid
#aaaaaa;
631 background-color: #f9f9f9;
634 margin-bottom: 0.5em;
641 list-style-type: none
;
645 /* Classes for EXIF data display */
649 margin-bottom: 0.5em;
653 table
.mw_metadata caption
{
657 table
.mw_metadata th
{
661 table
.mw_metadata td
{
667 border-collapse: collapse
;
670 table
.mw_metadata td
,
671 table
.mw_metadata th
{
673 border: 1px solid
#aaaaaa;
678 table
.mw_metadata th
{
679 background-color: #f9f9f9;
682 table
.mw_metadata td
{
683 background-color: #fcfcfc;
686 table
.mw_metadata ul
.metadata-langlist
{
687 list-style-type: none
;
688 list-style-image: none
;
694 /* Correct directionality when page dir is different from site/user dir */
696 .mw-content-rtl .mw-content-ltr ul {
698 margin: 0.3em 0 0 1.5em;
701 .mw-content-ltr .mw-content-rtl ul {
703 margin: 0.3em 1.5em 0 0;
706 .mw-content-rtl .mw-content-ltr ol {
708 margin: 0.3em 0 0 3.2em;
711 .mw-content-ltr .mw-content-rtl ol {
713 margin: 0.3em 3.2em 0 0;
717 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
718 /* Don't forget to update commonPrint.css */
721 border: solid
2px white
;
722 display: -moz-inline-box
;
723 display: inline-block
;
729 display: inline-block
;
742 word-wrap: break-word
;
745 li
.gallerybox div
.thumb
{
747 border: 1px solid
#ccc;
748 background-color: #f9f9f9;
752 li
.gallerybox div
.thumb img
{
761 word-wrap: break-word
;
766 background-image: url
(images
/ajax-loader
.gif
);
767 background-position: center center
;
768 background-repeat: no-repeat
;
775 padding: 10px !important
;
778 background-image: url
(images/spinner.gif);
779 background-position: center center
;
780 background-repeat: no-repeat
;
783 /* Localised ordered list numbering for some languages */
790 list-style-type: -moz-persian
;
791 list-style-type: persian
;
795 list-style-type: -moz-arabic-indic
;
796 list-style-type: arabic-indic
;
800 list-style-type: -moz-bengali
;
801 list-style-type: bengali
;
805 list-style-type: -moz-oriya
;
806 list-style-type: oriya
;
809 /* Correct directionality when page dir is different from site/user dir */
810 /* @noflip */ .mw-content-ltr
.toc ul
,
811 .mw-content-ltr #toc ul
,
812 .mw-content-rtl
.mw-content-ltr
.toc ul
,
813 .mw-content-rtl .mw-content-ltr #toc ul {
817 /* @noflip */ .mw-content-rtl
.toc ul
,
818 .mw-content-rtl #toc ul
,
819 .mw-content-ltr
.mw-content-rtl
.toc ul
,
820 .mw-content-ltr .mw-content-rtl #toc ul {
824 /* @noflip */ .mw-content-ltr
.toc ul ul
,
825 .mw-content-ltr #toc ul ul
,
826 .mw-content-rtl
.mw-content-ltr
.toc ul ul
,
827 .mw-content-rtl .mw-content-ltr #toc ul ul {
830 /* @noflip */ .mw-content-rtl
.toc ul ul
,
831 .mw-content-rtl #toc ul ul
,
832 .mw-content-ltr
.mw-content-rtl
.toc ul ul
,
833 .mw-content-ltr .mw-content-rtl #toc ul ul {
838 .mw-help-field-hint {
842 padding: 0px 0px 0px 15px;
844 background-image: url
('images/help-question.gif');
845 background-position: left center
;
846 background-repeat: no-repeat
;
849 text-decoration: underline
;
852 .mw-help-field-hint:hover {
854 background-image: url
('images/help-question-hover.gif');
856 .mw-help-field-data {
858 background-color: #d6f3ff;
859 padding:5px 8px 4px 8px;
860 border: 1px solid
#5dc9f4;
864 padding: 5px 5px 10px;
871 padding: 5px 8px 4px 8px;
872 background-color: #d6f3ff;
874 border: 1px solid
#5dc9f4;
881 background: url
(images
/tipsy-arrow
.gif
) no-repeat top left
;
885 .tipsy-se .tipsy-arrow {
888 background-position: 0% 100%;
892 background-image: url
(images/sort_both.gif);
894 background-repeat: no-repeat
;
895 background-position: center right
;
899 background-image: url
(images/sort_up.gif);
902 background-image: url
(images/sort_down.gif);
905 /* LTR content in RTL layout */
921 /* Correct user & content directionality when viewing a diff */
922 .diff-currentversion-title
,
927 /* @noflip */ .diff-contentalign-right td
{
931 /* @noflip */ .diff-contentalign-left td
{
938 direction: ltr
!important
;
949 /* @noflip */ div
.tright
,
955 /* @noflip */ div
.tleft
,