div.thumbinner {
border: 1px solid #ccc;
- padding: 3px !important;
+ padding: 3px;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
html .thumbcaption {
border: none;
line-height: 1.4em;
- padding: 3px !important;
- text-align: left;
+ padding: 3px;
font-size: 94%;
+ /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
+ text-align: left;
}
div.magnify {
- border: none !important;
- background: none !important;
+ /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
float: right;
margin-left: 3px;
}
-div.magnify a, div.magnify img {
+div.magnify a,
+div.magnify img {
display: block;
- border: none !important;
- background: none !important;
+ border: none;
}
-/* @noflip */div.tright {
- margin: .5em 0 1.3em 1.4em;
+img.thumbborder {
+ border: 1px solid #dddddd;
}
-/* @noflip */div.tleft {
- margin: .5em 1.4em 1.3em 0;
+/* Directionality-specific styles for thumbnails - their positioning depends on content language */
+
+/* @noflip */
+.mw-content-ltr .thumbcaption {
+ text-align: left;
}
-img.thumbborder {
- border: 1px solid #dddddd;
+/* @noflip */
+.mw-content-ltr .magnify {
+ float: right;
+ margin-left: 3px;
+ margin-right: 0;
+}
+
+/* @noflip */
+.mw-content-rtl .thumbcaption {
+ text-align: right;
+}
+
+/* @noflip */
+.mw-content-rtl .magnify {
+ float: left;
+ margin-left: 0;
+ margin-right: 3px;
+}
+
+/* @noflip */
+div.tright {
+ margin: .5em 0 1.3em 1.4em;
+}
+
+/* @noflip */
+div.tleft {
+ margin: .5em 1.4em 1.3em 0;
}
div.thumbinner {
border: 1px solid #ccc;
- padding: 3px !important;
+ padding: 3px;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
html .thumbcaption {
border: none;
- text-align: left;
line-height: 1.4em;
- padding: 3px !important;
+ padding: 3px;
font-size: 94%;
+ text-align: left;
}
div.magnify {
float: right;
- border: none !important;
- background: none !important;
margin-left: 3px;
}
div.magnify a,
div.magnify img {
display: block;
- border: none !important;
- background: none !important;
+ border: none;
}
/* @noflip */
}
/**
- * Image captions
+ * Image captions.
+ *
+ * This is only meant to provide the most basic of styles, visual settings shouldn't be added here.
*/
+
/* @noflip */
.mw-content-ltr .thumbcaption {
text-align: left;
}
/* @noflip */
-.mw-content-rtl .thumbcaption {
- text-align: right;
+.mw-content-ltr .magnify {
+ float: right;
}
/* @noflip */
-.mw-content-ltr .magnify {
- float: right;
- margin-left: 3px;
+.mw-content-rtl .thumbcaption {
+ text-align: right;
}
/* @noflip */
.mw-content-rtl .magnify {
float: left;
- margin-right: 3px;
}
/**