mediawiki-extensions-Visual.../modules/ve-mw/init/styles/ve.init.mw.ViewPageTarget-shared.css
kaldari 9f1179938c Move some skin styling from ve.ce.Node.css to a shared skin css file
The styling of the image thumbnails should be controlled at the
skin level, not by the generic VE styles. Moving the thumb/figure
styles from ve.ce.Node.css to ViewPageTarget-shared.css. Otherwise
no changes to the styles themselves.

Also adding minerva (the mobile skin) to the list of supported skins.

Bug: 60542
Change-Id: I67ab6d5b91cee7e587f61df26e7dae74c1068788
2014-02-19 13:30:30 -08:00

65 lines
1.5 KiB
CSS

/*!
* VisualEditor MediaWiki Initialization ViewPageTarget shared styles.
* These are styles that are common to the vector, monobook, and apex skins, but may not
* be applied to other skins (for example, minerva).
*
* @copyright 2011-2014 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/* ve.ce.MWBlockImageNode */
figure[typeof*='mw:Image'] {
margin: 0;
}
figure[typeof*='mw:Image'] a {
border: 0;
}
/* TODO: Merge with div.tright styles */
/* Due to a weird cssjanus bug, noflip rules
are set as single-rules rather than for the
whole class */
figure[typeof*='mw:Image'].mw-halign-right {
/* @noflip */
clear: right;
/* @noflip */
float: right;
/* @noflip */
margin: .5em 0 1.3em 1.4em;
}
figure[typeof*='mw:Image'].mw-halign-center {
margin-left: auto;
margin-right: auto;
}
/* TODO: Merge with div.tleft styles */
/* Due to a weird cssjanus bug, noflip rules
are set as single-rules rather than for the
whole class */
figure[typeof*='mw:Image'].mw-halign-left {
/* @noflip */
clear: left;
/* @noflip */
float: left;
/* @noflip */
margin: .5em 1.4em 1.3em 0;
}
/* TODO: Merge with div.thumbinner styles */
figure[typeof='mw:Image/Thumb'], figure[typeof='mw:Image/Frame'] {
background-color: #f9f9f9;
border: 1px solid #cccccc;
padding: 3px !important;
overflow: hidden;
font-size: 94%;
text-align: center;
}
/* TODO: Merge with .thumbimage styles */
figure[typeof*='mw:Image'] .ve-ce-mwBlockImageNode-thumbimage {
border: 1px solid #cccccc;
}