/*! * VisualEditor MediaWiki DesktopArticleTarget init styles. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /*csslint known-properties:false */ /* Bug: https://github.com/stubbornella/csslint/issues/436 */ /*! * State | 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; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* 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; }