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 /* Default style for semantic tags */
8 abbr
, acronym
, .explain
{
9 border-bottom: 1px dotted black
;
13 /* Colored watchlist and recent changes numbers */
14 .mw-plusminus-pos { color: #006400; } /* dark green */
15 .mw-plusminus-neg { color: #8b0000; } /* dark red */
16 .mw-plusminus-null { color: #aaa; } /* gray */
18 /* Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]],
19 [[Special:Watchlist/edit]] and in category listings */
20 .allpagesredirect, .redirect-in-category, .watchlistredir {
25 /* Comment and username portions of RC entries */
39 img
.tex
{ vertical-align: middle
; }
40 span
.texhtml
{ font-family: serif
; }
42 /* add a bit of margin space between the preview and the toolbar */
43 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
44 #wikiPreview.ontop
{ margin-bottom: 1em; }
46 /* Stop floats from intruding into edit area in previews */
47 #editform, #toolbar
, #wpTextbox1
{
56 border: solid
1px #ddd;
57 background-color: #fcfcfc;
60 /* Edit section links */
65 /* Correct directionality when page dir is different from site/user dir */
66 /* @noflip */.mw-content-ltr
.editsection
, .mw-content-rtl
[dir
="ltr"] .editsection
{ float: right
; }
67 /* @noflip */.mw-content-rtl
.editsection
, .mw-content-ltr
[dir
="rtl"] .editsection
{ float: left
; }
76 table
.filehistory td
{
79 table
.filehistory th
{
82 table
.filehistory td
.mw-imagepage-filesize
,
83 table
.filehistory th
.mw-imagepage-filesize
{
87 table
.filehistory td
.filehistory-selected
{
94 li span
.deleted
, span
.history-deleted
{
95 text-decoration: line-through
;
99 li span
.deleted a
, span
.history-deleted a
{
107 background-color: #ffa;
123 td
.mw-label
{ text-align: right
; }
124 td
.mw-input
{ text-align: left
; }
125 td
.mw-submit
{ text-align: left
; }
127 td
.mw-label
{ vertical-align: top
; }
128 .prefsection td.mw-label { width: 20%; }
129 .prefsection table { width: 100%; }
130 td
.mw-submit
{ white-space: nowrap
; }
132 table
.mw-htmlform-nolabel td
.mw-label
{
136 tr
.mw-htmlform-vertical-label td
.mw-label
{
137 text-align: left
!important
;
140 .mw-htmlform-invalid-input td.mw-input input {
143 .mw-htmlform-multiselect-flatlist div.mw-htmlform-multiselect-item {
156 .thumbcaption { text-align: left
; }
157 .magnify { float: right
; }
162 .mw-hidden-cats-hidden { display: none
; }
163 .catlinks-allhidden { display: none
; }
165 /* Convenience links to edit block, delete and protect reasons */
166 p
.mw-ipb-conveniencelinks
, p
.mw-protect-editreasons
,
167 p
.mw-filedelete-editreasons
, p
.mw-delete-editreasons
,
168 p
.mw-revdel-editreasons
{
174 * OpenSearch ajax suggestions
183 background-color: white
;
184 background-color: Window
;
186 border-color: #AAAAAA;
192 table
.os-suggest-results
{
196 border-collapse: collapse
;
200 .os-suggest-result, .os-suggest-result-hl {
202 background-color: white
;
203 background-color: Window
;
208 .os-suggest-result-hl
,
209 .os-suggest-result-hl-webkit {
210 background-color: #4C59A6;
213 .os-suggest-result-hl {
214 /* System colors are misimplemented in Safari 3.0 and earlier,
215 making highlighted text illegible... */
216 background-color: Highlight
;
217 color: HighlightText
;
225 .os-suggest-toggle-def {
233 /* Page history styling */
234 /* the auto-generated edit comments */
235 .autocomment { color: gray
; }
236 #pagehistory .history-user
{
240 #pagehistory span
.minor
{
244 border: 1px solid white
;
246 #pagehistory li
.selected
{
247 background-color: #f9f9f9;
248 border: 1px dashed
#aaa;
251 /** Generic minor/bot/newpage styling */
252 .newpage, .minor, .bot {
256 #shared-image-dup, #shared-image-conflict
{
261 * Recreating deleted page warning
262 * Reupload file warning
263 * Page protection warning
264 * incl. log entries for these warnings
266 div
.mw-warning-with-logexcerpt
{
269 border: 2px solid
#2F6FAB;
272 div
.mw-warning-with-logexcerpt ul li
{
276 /* (show/hide) revision deletion links */
277 span
.mw-revdelundel-link
,
278 strong
.mw-revdelundel-link
{
281 span
.mw-revdelundel-hidden
,
282 input
.mw-revdelundel-hidden
{
286 td
.mw-revdel-checkbox
, th
.mw-revdel-checkbox
{
294 background: url
("images/feed-icon.png") center left no-repeat
;
298 /* Plainlinks - this can be used to switch
299 * off special external link styling */
301 background: none
!important
;
302 padding: 0 !important
;
304 /* External URLs should always be treated as LTR (bug 4330) */
305 /* @noflip */ .rtl a
.external
.free
, .rtl a
.external
.autonumber
{
310 /* wikitable class for skinning normal tables
311 * keep on sync with commonPrint.css
314 margin: 1em 1em 1em 0;
316 border: 1px #aaa solid
;
317 border-collapse: collapse
;
320 .wikitable th, .wikitable td {
321 border: 1px #aaa solid
;
332 /* hide initially collapsed collapsable tables */
333 table
.collapsed tr
.collapsable
{
337 /* success and error messages */
343 color: #FFA500; /* orange */
350 .errorbox, .warningbox, .successbox {
360 background-color: #fff2f2;
363 border-color: #FF8C00; /* darkorange */
364 background-color: #FFFFC0;
368 background-color: #dfd;
370 .errorbox h2, .warningbox h2, .successbox h2 {
378 /* general info/warning box for SP */
380 border: 2px solid
#ff7f00;
393 margin: 0.5em 0.5em 0.5em 49px;
396 /* Note on preview page */
412 border: solid
1px #bbbbff;
413 background-color: #eeeeff;
418 Table pager (e.g. Special:ListFiles)
419 - remove underlines from the navigation link
421 - set the borders to outsets (similar to Special:AllMessages)
422 - remove line wrapping for all td and th, set background color
423 - restore line wrapping for the last two table cells (description and size)
427 border-collapse: collapse
;
437 text-decoration: none
;
439 .TablePager, .TablePager td, .TablePager th {
440 border: 1px solid
#aaaaaa;
441 padding: 0 0.15em 0 0.15em;
444 background-color: #eeeeff;
447 background-color: #ffffff;
449 .TablePager tr:hover td {
450 background-color: #eeeeff;
453 .imagelist td, .imagelist th {
456 .imagelist .TablePager_col_links {
457 background-color: #eeeeff;
459 .imagelist .TablePager_col_img_description {
462 .imagelist th.TablePager_sort {
463 background-color: #ccccff;
469 border: 1px solid
#aaaaaa;
470 background-color: #f9f9f9;
473 margin-bottom: 0.5em;
480 list-style-type: none
;
484 /* Classes for EXIF data display */
488 margin-bottom: 0.5em;
492 table
.mw_metadata caption
{
496 table
.mw_metadata th
{
500 table
.mw_metadata td
{
506 border-collapse: collapse
;
509 table
.mw_metadata td
, table
.mw_metadata th
{
511 border: 1px solid
#aaaaaa;
516 table
.mw_metadata th
{
517 background-color: #f9f9f9;
520 table
.mw_metadata td
{
521 background-color: #fcfcfc;
524 table
.mw_metadata ul
.metadata-langlist
{
525 list-style-type: none
;
526 list-style-image: none
;
533 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
534 /* Don't forget to update commonPrint.css */
537 background-color: #f9f9f9;
538 border: solid
2px white
;
539 display: -moz-inline-box
;
540 display: inline-block
;
543 ul
.gallery
, li
.gallerybox
{
558 word-wrap: break-word
;
561 li
.gallerybox div
.thumb
{
563 border: 1px solid
#ccc;
571 word-wrap: break-word
;
574 #mw-addcategory-prompt {
579 #mw-addcategory-prompt input
{
584 .mw-remove-category {
587 background-image: url
(images/remove.png);
588 background-position: center center
;
589 background-repeat: no-repeat
;
592 .mw-ajax-addcategory {
595 background-image: url
(images/add.png);
596 background-position: left center
;
597 background-repeat: no-repeat
;
602 background-image: url
(images
/ajax-loader
.gif
);
603 background-position: center center
;
604 background-repeat: no-repeat
;
611 padding: 10px !important
;
614 background-image: url
(images/spinner.gif);
615 background-position: center center
;
616 background-repeat: no-repeat
;
619 /* Correct directionality when page dir is different from site/user dir */
620 /* @noflip */.mw-content-ltr ul
, .mw-content-ltr ol
,
621 .mw-content-rtl [dir="ltr"] ul, .mw-content-rtl [dir="ltr"] ol {
622 margin: .3em 0 0 1.5em;
624 /* @noflip */.mw-content-rtl ul
, .mw-content-rtl ol
,
625 .mw-content-ltr [dir="rtl"] ul, .mw-content-ltr [dir="rtl"] ol {
626 margin: .3em 1.5em 0 0;
629 margin: .3em 1.5em 0 0;
631 /* Localised ordered list numbering for some languages */
638 list-style-type: -moz-persian
;
639 list-style-type: persian
;
643 list-style-type: -moz-arabic-indic
;
644 list-style-type: arabic-indic
;
648 list-style-type: -moz-bengali
;
649 list-style-type: bengali
;
653 list-style-type: -moz-oriya
;
654 list-style-type: oriya
;
657 /* Correct directionality when page dir is different from site/user dir */
658 /* @noflip */.mw-content-ltr
.toc ul
, .mw-content-ltr #toc ul
,
659 .mw-content-rtl [dir="ltr"] .toc ul, .mw-content-rtl [dir="ltr"] #toc ul {
663 /* @noflip */.mw-content-rtl
.toc ul
, .mw-content-rtl #toc ul
,
664 .mw-content-ltr [dir="rtl"] .toc ul, .mw-content-ltr [dir="rtl"] #toc ul {
668 /* @noflip */.mw-content-ltr
.toc ul ul
, .mw-content-ltr #toc ul ul
,
669 .mw-content-rtl [dir="ltr"] .toc ul ul, .mw-content-rtl [dir="ltr"] #toc ul ul {
672 /* @noflip */.mw-content-rtl
.toc ul ul
, .mw-content-rtl #toc ul ul
,
673 .mw-content-ltr [dir="rtl"] .toc ul ul, .mw-content-ltr [dir="rtl"] #toc ul ul {
678 .mw-help-field-hint {
682 padding: 0px 0px 0px 15px;
684 background-image: url
('images/help-question.gif');
685 background-position: left center
;
686 background-repeat: no-repeat
;
689 text-decoration: underline
;
692 .mw-help-field-hint:hover {
694 background-image: url
('images/help-question-hover.gif');
696 .mw-help-field-data {
698 background-color: #d6f3ff;
699 padding:5px 8px 4px 8px;
700 border: 1px solid
#5dc9f4;
704 padding: 5px 5px 10px;
711 padding: 5px 8px 4px 8px;
712 background-color: #d6f3ff;
714 border: 1px solid
#5dc9f4;
721 background: url
(images
/tipsy-arrow
.gif
) no-repeat top left
;
725 .tipsy-se .tipsy-arrow {
728 background-position: 0% 100%;
732 background-image: url
(images/sort_both.gif);
734 background-repeat: no-repeat
;
735 background-position: center right
;
739 background-image: url
(images/sort_up.gif);
742 background-image: url
(images/sort_down.gif);
745 /* LTR content in RTL layout */
752 #mw-clearyourcache, #mw-sitecsspreview
, #mw-sitejsspreview
, #mw-usercsspreview
, #mw-userjspreview
{
757 /* Correct user & content directionality when viewing a diff */
758 .diff-currentversion-title, .diff {
762 /* @noflip */ .diff-contentalign-right td
{
766 /* @noflip */ .diff-contentalign-left td
{
770 .diff-otitle, .diff-ntitle, .diff-lineno {
771 direction: ltr
!important
;
775 #mw-revision-info, #mw-revision-nav
{