/*! * VisualEditor MediaWiki DesktopArticleTarget init styles. * * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /* stylelint-disable selector-no-id */ /*! * 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, .ve-activated #t-print, .ve-activated #t-permalink, .ve-activated #p-coll-print_export, .ve-activated #t-cite, .ve-deactivating .ve-ui-surface, .ve-active .ve-init-mw-desktopArticleTarget-editableContent { 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; } /* While loading, everything except the progress bar */ .ve-loading #content > :not( .ve-init-mw-desktopArticleTarget-loading-overlay ), /* Once activated, everything except the progress bar and the edit target */ .ve-activated .ve-init-mw-desktopArticleTarget-uneditableContent { /* IE9 is supported with JS events */ /* stylelint-disable no-unsupported-browser-features */ opacity: 0.5; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* stylelint-enable no-unsupported-browser-features */ } /* Progress bar mimicking OOUI */ .ve-activated #content { position: relative; } /* stylelint-enable selector-no-id */ .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; }