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 */
8 /* These classes should be used for text depending on the content direction.
9 Content stuff like editsection, ul/ol and TOC depend on this. */
10 /* @noflip */.mw-content-ltr
{ direction: ltr
; }
11 /* @noflip */.mw-content-rtl
{ direction: rtl
; }
12 /* Most input fields should be in site direction */
13 /* @noflip */.sitedir-ltr textarea
, .sitedir-ltr input
{ direction: ltr
; }
14 /* @noflip */.sitedir-rtl textarea
, .sitedir-rtl input
{ direction: rtl
; }
15 /* Input types that should follow user direction, like buttons */
16 input
[type
="submit"], input
[type
="button"], input
[type
="reset"], input
[type
="file"] { direction: ltr
; }
17 /* Override default values */
18 /* @noflip */textarea
[dir
="ltr"], input
[dir
="ltr"] { direction: ltr
; }
19 /* @noflip */textarea
[dir
="rtl"], input
[dir
="rtl"] { direction: rtl
; }
21 .mw-float-start { float: left
; }
22 .mw-float-end { float: right
; }
24 /* The scripts of these languages are very hard to read with underlines */
25 [lang
="ar"] a
, [lang
="ckb"] a
, [lang
="fa"] a
, [lang
="kk-arab"] a
,
26 [lang
="mzn"] a
, [lang
="ps"] a
, [lang
="ur"] a
{
27 text-decoration: none
;
30 /* Default style for semantic tags */
31 abbr
, acronym
, .explain
{
32 border-bottom: 1px dotted black
;
36 /* Colored watchlist and recent changes numbers */
37 .mw-plusminus-pos { color: #006400; } /* dark green */
38 .mw-plusminus-neg { color: #8b0000; } /* dark red */
39 .mw-plusminus-null { color: #aaa; } /* gray */
41 /* Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]],
42 [[Special:Watchlist/edit]] and in category listings */
43 .allpagesredirect, .redirect-in-category, .watchlistredir {
48 /* Comment and username portions of RC entries */
62 img
.tex
{ vertical-align: middle
; }
63 span
.texhtml
{ font-family: serif
; }
65 /* add a bit of margin space between the preview and the toolbar */
66 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
67 #wikiPreview.ontop
{ margin-bottom: 1em; }
69 /* Stop floats from intruding into edit area in previews */
70 #editform, #toolbar
, #wpTextbox1
{
79 border: solid
1px #ddd;
80 background-color: #fcfcfc;
83 /* Edit section links */
88 /* Correct directionality when page dir is different from site/user dir */
89 /* @noflip */.mw-content-ltr
.editsection
, .mw-content-rtl
.mw-content-ltr
.editsection
{ float: right
; }
90 /* @noflip */.mw-content-rtl
.editsection
, .mw-content-ltr
.mw-content-rtl
.editsection
{ float: left
; }
99 table
.filehistory td
{
102 table
.filehistory th
{
105 table
.filehistory td
.mw-imagepage-filesize
,
106 table
.filehistory th
.mw-imagepage-filesize
{
110 table
.filehistory td
.filehistory-selected
{
117 li span
.deleted
, span
.history-deleted
{
118 text-decoration: line-through
;
127 background-color: #ffa;
143 td
.mw-label
{ text-align: right
; }
144 td
.mw-input
{ text-align: left
; }
145 td
.mw-submit
{ text-align: left
; }
147 td
.mw-label
{ vertical-align: top
; }
148 .prefsection td.mw-label { width: 20%; }
149 .prefsection table { width: 100%; }
150 td
.mw-submit
{ white-space: nowrap
; }
152 table
.mw-htmlform-nolabel td
.mw-label
{
156 tr
.mw-htmlform-vertical-label td
.mw-label
{
157 text-align: left
!important
;
160 .mw-htmlform-invalid-input td.mw-input input {
163 .mw-htmlform-multiselect-flatlist div.mw-htmlform-multiselect-item {
176 .thumbcaption { text-align: left
; }
177 .magnify { float: right
; }
182 .mw-hidden-cats-hidden { display: none
; }
183 .catlinks-allhidden { display: none
; }
185 /* Convenience links to edit block, delete and protect reasons */
186 p
.mw-ipb-conveniencelinks
, p
.mw-protect-editreasons
,
187 p
.mw-filedelete-editreasons
, p
.mw-delete-editreasons
,
188 p
.mw-revdel-editreasons
{
194 * OpenSearch ajax suggestions
203 background-color: white
;
204 background-color: Window
;
206 border-color: #AAAAAA;
212 table
.os-suggest-results
{
216 border-collapse: collapse
;
220 .os-suggest-result, .os-suggest-result-hl {
222 background-color: white
;
223 background-color: Window
;
228 .os-suggest-result-hl
,
229 .os-suggest-result-hl-webkit {
230 background-color: #4C59A6;
233 .os-suggest-result-hl {
234 /* System colors are misimplemented in Safari 3.0 and earlier,
235 making highlighted text illegible... */
236 background-color: Highlight
;
237 color: HighlightText
;
245 .os-suggest-toggle-def {
253 /* Page history styling */
254 /* the auto-generated edit comments */
255 .autocomment { color: gray
; }
256 #pagehistory .history-user
{
260 #pagehistory span
.minor
{
264 border: 1px solid white
;
266 #pagehistory li
.selected
{
267 background-color: #f9f9f9;
268 border: 1px dashed
#aaa;
271 /** Generic minor/bot/newpage styling */
272 .newpage, .minor, .bot {
276 #shared-image-dup, #shared-image-conflict
{
281 * Recreating deleted page warning
282 * Reupload file warning
283 * Page protection warning
284 * incl. log entries for these warnings
286 div
.mw-warning-with-logexcerpt
{
289 border: 2px solid
#2F6FAB;
292 div
.mw-warning-with-logexcerpt ul li
{
296 /* (show/hide) revision deletion links */
297 span
.mw-revdelundel-link
,
298 strong
.mw-revdelundel-link
{
301 span
.mw-revdelundel-hidden
,
302 input
.mw-revdelundel-hidden
{
306 td
.mw-revdel-checkbox
, th
.mw-revdel-checkbox
{
314 background: url
("images/feed-icon.png") center left no-repeat
;
318 /* Plainlinks - this can be used to switch
319 * off special external link styling */
321 background: none
!important
;
322 padding: 0 !important
;
324 /* External URLs should always be treated as LTR (bug 4330) */
325 /* @noflip */ .rtl a
.external
.free
, .rtl a
.external
.autonumber
{
330 /* wikitable class for skinning normal tables
331 * keep on sync with commonPrint.css
334 margin: 1em 1em 1em 0;
336 border: 1px #aaa solid
;
337 border-collapse: collapse
;
340 .wikitable th, .wikitable td {
341 border: 1px #aaa solid
;
352 /* hide initially collapsed collapsable tables */
353 table
.collapsed tr
.collapsable
{
357 /* success and error messages */
363 color: #FFA500; /* orange */
370 .errorbox, .warningbox, .successbox {
380 background-color: #fff2f2;
383 border-color: #FF8C00; /* darkorange */
384 background-color: #FFFFC0;
388 background-color: #dfd;
390 .errorbox h2, .warningbox h2, .successbox h2 {
398 /* general info/warning box for SP */
400 border: 2px solid
#ff7f00;
413 margin: 0.5em 0.5em 0.5em 49px;
416 /* Note on preview page */
432 border: solid
1px #bbbbff;
433 background-color: #eeeeff;
438 Table pager (e.g. Special:ListFiles)
439 - remove underlines from the navigation link
441 - set the borders to outsets (similar to Special:AllMessages)
442 - remove line wrapping for all td and th, set background color
443 - restore line wrapping for the last two table cells (description and size)
447 border-collapse: collapse
;
457 text-decoration: none
;
459 .TablePager, .TablePager td, .TablePager th {
460 border: 1px solid
#aaaaaa;
461 padding: 0 0.15em 0 0.15em;
464 background-color: #eeeeff;
467 background-color: #ffffff;
469 .TablePager tr:hover td {
470 background-color: #eeeeff;
473 .imagelist td, .imagelist th {
476 .imagelist .TablePager_col_links {
477 background-color: #eeeeff;
479 .imagelist .TablePager_col_img_description {
482 .imagelist th.TablePager_sort {
483 background-color: #ccccff;
489 border: 1px solid
#aaaaaa;
490 background-color: #f9f9f9;
493 margin-bottom: 0.5em;
500 list-style-type: none
;
504 /* Classes for EXIF data display */
508 margin-bottom: 0.5em;
512 table
.mw_metadata caption
{
516 table
.mw_metadata th
{
520 table
.mw_metadata td
{
526 border-collapse: collapse
;
529 table
.mw_metadata td
, table
.mw_metadata th
{
531 border: 1px solid
#aaaaaa;
536 table
.mw_metadata th
{
537 background-color: #f9f9f9;
540 table
.mw_metadata td
{
541 background-color: #fcfcfc;
544 table
.mw_metadata ul
.metadata-langlist
{
545 list-style-type: none
;
546 list-style-image: none
;
553 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
554 /* Don't forget to update commonPrint.css */
557 background-color: #f9f9f9;
558 border: solid
2px white
;
559 display: -moz-inline-box
;
560 display: inline-block
;
563 ul
.gallery
, li
.gallerybox
{
578 word-wrap: break-word
;
581 li
.gallerybox div
.thumb
{
583 border: 1px solid
#ccc;
587 li
.gallerybox div
.thumb img
{
596 word-wrap: break-word
;
599 #mw-addcategory-prompt {
604 #mw-addcategory-prompt input
{
609 .mw-remove-category {
612 background-image: url
(images/remove.png);
613 background-position: center center
;
614 background-repeat: no-repeat
;
617 .mw-ajax-addcategory {
620 background-image: url
(images/add.png);
621 background-position: left center
;
622 background-repeat: no-repeat
;
627 background-image: url
(images
/ajax-loader
.gif
);
628 background-position: center center
;
629 background-repeat: no-repeat
;
636 padding: 10px !important
;
639 background-image: url
(images/spinner.gif);
640 background-position: center center
;
641 background-repeat: no-repeat
;
644 /* Correct directionality when page dir is different from site/user dir */
645 /* @noflip */.mw-content-ltr ul
, .mw-content-ltr ol
,
646 .mw-content-rtl .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ol {
647 margin: .3em 0 0 1.5em;
649 /* @noflip */.mw-content-rtl ul
, .mw-content-rtl ol
,
650 .mw-content-ltr .mw-content-rtl ul, .mw-content-ltr .mw-content-rtl ol {
651 margin: .3em 1.5em 0 0;
653 /* Localised ordered list numbering for some languages */
660 list-style-type: -moz-persian
;
661 list-style-type: persian
;
665 list-style-type: -moz-arabic-indic
;
666 list-style-type: arabic-indic
;
670 list-style-type: -moz-bengali
;
671 list-style-type: bengali
;
675 list-style-type: -moz-oriya
;
676 list-style-type: oriya
;
679 /* Correct directionality when page dir is different from site/user dir */
680 /* @noflip */.mw-content-ltr
.toc ul
, .mw-content-ltr #toc ul
,
681 .mw-content-rtl .mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr #toc ul {
685 /* @noflip */.mw-content-rtl
.toc ul
, .mw-content-rtl #toc ul
,
686 .mw-content-ltr .mw-content-rtl .toc ul, .mw-content-ltr .mw-content-rtl #toc ul {
690 /* @noflip */.mw-content-ltr
.toc ul ul
, .mw-content-ltr #toc ul ul
,
691 .mw-content-rtl .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr #toc ul ul {
694 /* @noflip */.mw-content-rtl
.toc ul ul
, .mw-content-rtl #toc ul ul
,
695 .mw-content-ltr .mw-content-rtl .toc ul ul, .mw-content-ltr .mw-content-rtl #toc ul ul {
700 .mw-help-field-hint {
704 padding: 0px 0px 0px 15px;
706 background-image: url
('images/help-question.gif');
707 background-position: left center
;
708 background-repeat: no-repeat
;
711 text-decoration: underline
;
714 .mw-help-field-hint:hover {
716 background-image: url
('images/help-question-hover.gif');
718 .mw-help-field-data {
720 background-color: #d6f3ff;
721 padding:5px 8px 4px 8px;
722 border: 1px solid
#5dc9f4;
726 padding: 5px 5px 10px;
733 padding: 5px 8px 4px 8px;
734 background-color: #d6f3ff;
736 border: 1px solid
#5dc9f4;
743 background: url
(images
/tipsy-arrow
.gif
) no-repeat top left
;
747 .tipsy-se .tipsy-arrow {
750 background-position: 0% 100%;
754 background-image: url
(images/sort_both.gif);
756 background-repeat: no-repeat
;
757 background-position: center right
;
761 background-image: url
(images/sort_up.gif);
764 background-image: url
(images/sort_down.gif);
767 /* LTR content in RTL layout */
774 #mw-clearyourcache, #mw-sitecsspreview
, #mw-sitejspreview
, #mw-usercsspreview
, #mw-userjspreview
{
779 /* Correct user & content directionality when viewing a diff */
780 .diff-currentversion-title, .diff {
784 /* @noflip */ .diff-contentalign-right td
{
788 /* @noflip */ .diff-contentalign-left td
{
792 .diff-otitle, .diff-ntitle, .diff-lineno {
793 direction: ltr
!important
;
797 #mw-revision-info, #mw-revision-nav
{
802 /* @noflip */div
.tright
, div
.floatright
, table
.floatright
{
806 /* @noflip */div
.tleft
, div
.floatleft
, table
.floatleft
{
810 div
.floatright
, table
.floatright
, div
.floatleft
, table
.floatleft
{