CSS style for thumbs on special pages

Extension GlobalUsage uses thumbs on a special page.
Special pages have no CSS class mw-content-ltr or mw-content-rtl.
This change adds a default style for magnify and thumbcaption
which gets flipped by the direction of the user interface language.
This default definition gets overwritten by the existing definition
in shared.css based on the content direction:

/**
 * Image captions
 */
/* @noflip */
.mw-content-ltr .thumbcaption {
	text-align: left;
}

/* @noflip */
.mw-content-rtl .thumbcaption {
	text-align: right;
}

/* @noflip */
.mw-content-ltr .magnify {
	float: right;
}

/* @noflip */
.mw-content-rtl .magnify {
	float: left;
}

Bug: 69215
Change-Id: Ia6aa7c896fbedfe40b97af7358c5fa89223251b3

diff --git a/skins/common/commonContent.css b/skins/common/commonContent.css
index 4157b55..2ee787b 100644 (file)
--- a/skins/common/commonContent.css
+++ b/skins/common/commonContent.css
@@ -144,12 +144,14 @@ html .thumbcaption {
        border: none;
        line-height: 1.4em;
        padding: 3px !important;
+       text-align: left;
        font-size: 94%;
 }
 
 div.magnify {
        border: none !important;
        background: none !important;
+       float: right;
        margin-left: 3px;
 }