MediaWiki:EditorVisualMinimal/dark.css

/* EditorVisualMinimal - minimalist visual editor customisation */ /* stylesheet for dark-themed wiki usage */ /** VisualEditor UI modifications **/ .skin-oasis.ve { pointer-events: auto; } .skin-oasis .ve-spinner .content { background: none; border: none; box-shadow: none; } .skin-oasis .ve-spinner .loading { height: 64px; width: 64px; } .skin-oasis .ve-spinner .loading, .skin-oasis.ve .oo-ui-window .wikiaThrobber { animation: rotator .5s linear infinite; background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center / 64px; } .skin-oasis .ve-spinner .message { display: none !important; }

/** VisualEditor main interface styling **/ .skin-oasis.ve .WikiaMainContent { box-shadow: none; border: 1px dashed hsla(0, 0%, 50%, 0.3); z-index: 1; } /*** code from w:c:dev:Kill_visual_editor_focus ***/ .skin-oasis.ve .oo-ui-toolbar-bar, .skin-oasis.ve .oo-ui-tool-active.oo-ui-widget-enabled, .skin-oasis.ve .oo-ui-popupToolGroup-active, .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { background-image: none !important; } .skin-oasis.ve .ve-ui-overlay .oo-ui-popupWidget-popup, .skin-oasis.ve .oo-ui-toolbar .oo-ui-toolGroup, .skin-oasis.ve .oo-ui-toolbar .oo-ui-barToolGroup .oo-ui-tool:first-child, .skin-oasis.ve .oo-ui-toolbar .oo-ui-barToolGroup .oo-ui-tool:last-child { border-radius: 0; } .skin-oasis.ve .oo-ui-toolbar .ve-init-mw-viewPageTarget-toolbar-actions { padding: 8px 0; } .skin-oasis.ve .oo-ui-toolbar .ve-init-mw-viewPageTarget-toolbar-actions .oo-ui-buttonWidget { margin-top: 0; }

/** VisualEditor button styling **/ .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { background-image: none !important; border-radius: 0; font-weight: bold; font-size: x-small; padding: 2px 12px; text-transform: uppercase; transition: background 0.3s; } .skin-oasis.ve .oo-ui-buttonElement-button > .oo-ui-labelElement-label { vertical-align: baseline; } .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button.secondary { background: transparent; border-radius: 0; border-color: currentColor; transition: opacity 0.3s; } .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button.secondary:hover { opacity: 0.8; }

/** VisualEditor general modal styling **/ .skin-oasis.ve .oo-ui-windowManager-modal > .oo-ui-dialog { background: hsla(0, 0%, 0%, 0.5); } .skin-oasis.ve .oo-ui-window-frame { border-radius: 0 !important; height: 90vh !important; } .skin-oasis.ve .oo-ui-window .oo-ui-window-frame, .skin-oasis.ve .oo-ui-window .oo-ui-window-body { border: none; box-shadow: none; } .skin-oasis.ve .oo-ui-window .oo-ui-window-body { border-top: 1px hsla(0, 0%, 100%, 0.2) solid; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head { background-color: hsla(0, 0%, 50%, 0.2); display: flex; flex-direction: row-reverse; font-size: 17px; font-weight: bold; height: auto; justify-content: space-between; line-height: 1em; padding: 13px 20px; align-items: center; } .skin-oasis.ve .oo-ui-window .oo-ui-processDialog-location, .skin-oasis.ve .oo-ui-window .oo-ui-processDialog-navigation { height: auto; padding: 0 !important; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-iconElement-icon { height: 17px; width: 17px; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-window-closeButton { display: flex; margin: 0; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-processDialog-navigation { display: flex; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-processDialog-title { line-height: 1em; }

/** VisualEditor modal element styling **/ .skin-oasis.ve .oo-ui-window:not(.oo-ui-window-ready) .oo-ui-window-inner-overlay { background-color: hsla(0,0%,0%,0.5); height: 100%; position: absolute; width: 100%; } .skin-oasis.ve .oo-ui-window .ve-ui-surfaceWidget-toolbar > .oo-ui-toolbar-bar, .skin-oasis.ve .ve-ui-surfaceWidget .ve-ui-surfaceWidget-surface { border-color: hsla(0,0%,100%,0.2); } .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget { padding: 0; } .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget input, .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget textarea { border-radius: 0; } .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget textarea { background: hsla(0, 0%, 0%, 0.05); border: none; box-shadow: none; } .skin-oasis.ve .ve-ui-wikiaSourceModeDialog-content .oo-ui-window-body .oo-ui-textInputWidget textarea { padding: 15px; } .skin-oasis.ve .oo-ui-window .oo-ui-textInputWidget textarea { background: hsla(0, 0%, 0%, 0.05); } .skin-oasis.ve .oo-ui-window .oo-ui-bookletLayout-outlinePanel { border-right: 1px solid hsla(0,0%,100%,0.2); }

/** VisualEditor options modal styling **/ .skin-oasis.ve .oo-ui-window-setup .oo-ui-window-foot { border-top: 1px solid hsla(0,0%,100%,0.2); } .skin-oasis.ve .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { color: inherit; opacity: 0.5; } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table { border-collapse: separate; border-spacing: 0 1px; } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr td, .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr th { border: none; } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: hsla(0, 0%, 100%, 0.03); } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: hsla(0, 0%, 100%, 0.06); }