mediawiki-extensions-Visual.../modules/ve-mw/init/styles/ve.init.mw.ViewPageTarget-vector.css
Ed Sanders 2653ce3bb3 Fix MW skin hacks
* Ensure surface widget font size matches main surface,
  move vector-specific hack to vector css file and fix.
* Fix base font size in non-isolated monobook windows.
* Move monobook z-index hack to global overlay only.

Change-Id: I1607dc77f81ac9c522e09a3b502aeb38fee02178
2014-11-22 17:52:46 +00:00

88 lines
2.4 KiB
CSS

/*!
* VisualEditor MediaWiki Initialization ViewPageTarget Vector skin styles.
*
* @copyright 2011-2014 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-init-mw-viewPageTarget-surface {
/*
In order to allow placing the text cursor to the start or end of the text by
clicking in the margin area, we expand the outer boundary of the surface
outside the parent container using negative margin. Then we shrink the visible
rendering by applying inner padding. The end result is that the content is
the same width as in read mode, except with the padding around it now being
part of it instead of its parent, thus making it treat the area as part
of content editable.
*/
margin: 0.8em -1em 0 -1em;
}
.ve-init-mw-viewPageTarget-surface .ve-ce-documentNode {
padding: 0 1.143em; /* surface-margin-left (1em) / (mw-body-content font-size) 0.875em */
}
.ve-init-mw-viewPageTarget-surface .oo-ui-menuSelectWidget {
font-size: 0.8em;
}
.ve-ui-mwSurfaceWidget .ve-ce-surface {
/* 0.875 (mw-body-content) / 0.8em (window) */
font-size: 1.09375em;
}
.ve-init-mw-viewPageTarget-toolbar {
margin: -1em -1em 1em -1em;
-webkit-transition: margin 200ms ease-out;
-moz-transition: margin 200ms ease-out;
-o-transition: margin 200ms ease-out;
transition: margin 200ms ease-out;
position: relative;
}
.ve-ui-debugBar {
padding: 1em;
margin: 1em -1em -1em -1em;
border-top: solid 1px #ccc;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15) inset;
}
.ve-ui-debugBar ol {
margin-left: 0;
}
.ve-ui-overlay-global {
z-index: 101; /* #p-personal is z-index 100 in vector :( */
}
.oo-ui-actionWidget a:hover {
text-decoration: none;
}
/* ve.ce.TableCellnode.css's margin replaced by more specific rule in Vector (div#content p) */
/*csslint ids:false */
#content .ve-ce-tableCellNode .ve-ce-paragraphNode {
margin: 0;
}
/*csslint ids:true */
/* High-definition-specific styles (because Vector adds 1em to the leftNav if width is 982px+ */
@media screen and (min-width: 982px) {
.ve-init-mw-viewPageTarget-surface {
margin: 0.8em -1.5em 0 -1.5em;
}
.ve-init-mw-viewPageTarget-surface .ve-ce-documentNode {
padding: 0 1.714em; /* surface-margin-left (1.5em) / (mw-body-content font-size) 0.875em */
}
.ve-init-mw-viewPageTarget-toolbar {
margin: -1.25em -1.5em 1.5em -1.5em;
}
.ve-ui-debugBar {
padding: 1.5em;
margin: 1em -1.5em -1.5em -1.5em;
}
}