mediawiki-extensions-Visual.../modules/ve-mw/init/styles/ve.init.mw.ViewPageTarget-vector.css
Ed Sanders 4328045501 Update VE core submodule to master (5b0e269)
New changes:
de79de2 [BREAKING CHANGE] Fix font sizes and padding in Surface and SurfaceWidget
aa4a481 Localisation updates from https://translatewiki.net.
c2ff1cb Initialize toolbar tools disabled until surface is initialized
f457c83 Split visualEditor.css into apex & mediawiki versions
aff993c Don't drop <html> attributes when parsing HTML on Opera 12

Local changes:
Fix SurfaceWidget and DebugBar hacks

Change-Id: I93cb8ec787e53c07b5051c0296eb6f59b6048e91
2015-04-17 15:18:08 -07:00

105 lines
2.8 KiB
CSS

/*!
* VisualEditor MediaWiki Initialization ViewPageTarget Vector skin styles.
*
* @copyright 2011-2015 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-init-mw-viewPageTarget-toolbar {
margin: -1em -1em 1em -1em;
position: relative;
border-bottom: 1px solid rgba(0,0,0,0.15);
}
.ve-init-mw-viewPageTarget-toolbar > .oo-ui-toolbar-bar {
/* Upstream OOjs UI has 2px. We split this between 1px here
and 1px on the container to allow a smooth collapse transition
where the bottom pixel line sweeps it up. */
border-bottom: 1px solid rgba(0,0,0,0.15);
}
.ve-init-target > .ve-ui-debugBar {
padding: 1em;
margin: 1em -1em -1em -1em;
}
.ve-ui-debugBar {
border-top: 1px solid #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 */
/* Slug animation needs more specific rules and skin-specific target margins */
.mw-body p.ve-ce-branchNode-newSlug {
margin: -0.3em 0 -0.1em 0;
}
.mw-body p.ve-ce-branchNode-newSlug-open {
margin: 0.5em 0;
}
/* 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;
}
}
/* Prevent the progress bar from overlaying the welcome dialog */
.ve-init-mw-viewPageTarget-windowManager-welcome .oo-ui-dialog {
z-index: 2;
}