mediawiki-extensions-Visual.../modules/ve-mw/init/styles/ve.init.mw.DesktopArticleTarget.init.css
2016-05-17 12:41:48 +00:00

97 lines
2.4 KiB
CSS

/*!
* VisualEditor MediaWiki DesktopArticleTarget init styles.
*
* @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/* Bug: https://github.com/stubbornella/csslint/issues/436 */
/*!
* State | <html> classes
* - mw.DesktopArticleTarget.init.css is loaded
* Reading | ve-available
* Loading editor | ve-available ve-activated ve-loading
* - mw.DesktopArticleTarget.css is loaded
* Activate editor | ve-available ve-activated ve-activating
* Active | ve-available ve-activated ve-active
* Deactivate editor | ve-available ve-deactivating
* Deactivated | ve-available
*/
.ve-activated #toc,
.ve-activated #siteNotice,
.ve-activated .mw-indicators,
/* Most of bodyContent can be hidden as VE has an equivalent of most children
in ve-init-target (sibling of #bodyContent). However, we can't hide it
completely as subs should remain visible (for persistence with read mode),
and ve-ui-mwTocWidget is also part of #bodyContent. */
.ve-active #bodyContent > :not( #siteSub ):not( #contentSub ):not( .ve-ui-mwTocWidget ),
.ve-activated #t-print,
.ve-activated #t-permalink,
.ve-activated #p-coll-print_export,
.ve-activated #t-cite,
.ve-deactivating .ve-ui-surface {
display: none;
}
/* The surface needs to be measurable while being setup
as some nodes render based on their dimensions, e.g.
ve.ce.FocusableNode#updateInvisibleIcon */
.ve-activating .ve-ui-surface {
height: 0;
overflow: hidden;
}
.ve-activated #bodyContent,
.ve-activated #firstHeading {
opacity: 0.6;
/* TODO: Support IE9 with JS events */
/* stylelint-disable no-unsupported-browser-features */
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* stylelint-enable */
}
/* Progress bar mimicking OOUI */
.ve-activated #content {
position: relative;
}
.ve-init-mw-desktopArticleTarget-loading-overlay {
position: absolute;
left: 0;
right: 0;
z-index: 1;
margin-top: -0.5em;
}
.ve-init-mw-desktopArticleTarget-progress {
height: 1em;
overflow: hidden;
margin: 0 25%;
}
.ve-init-mw-desktopArticleTarget-progress-bar {
height: 1em;
width: 0;
}
/* Section edit links */
.mw-editsection {
white-space: nowrap;
/* bidi isolation: */
unicode-bidi: -moz-isolate;
unicode-bidi: -webkit-isolate;
unicode-bidi: isolate;
}
.mw-editsection-divider {
color: #555;
}