MEpedia - User contributions [en]

User:Njttest/timeless.css

2020-11-05T23:03:34Z

Njttest:remove code except buttons and echo - some duplicate here here?

/* test code for echo alert */

/* was .oo-ui-widget {
background-color: #333;
color: #eee;
}
*/
.oo-ui-widget {
background-color: #000;
color: #eee;
}
.oo-ui-popupWidget {

background-color: #eee;
}
.oo-ui-popupWidget-popup {
/* colors get inverted */
background-color: #eee;
}

/* wikiEditor extension mediawiki-extensions-WikiEditor/modules/jquery.wikiEditor.less */
.wikiEditor-ui-right,
.wikiEditor-ui-controls,
.wikiEditor-ui-tabs,
.wikiEditor-ui-tabs div,
.wikiEditor-ui-buttons,
.wikiEditor-ui-loading,
#wikiEditor-section-help,
#wikiEditor-section-main,
.group,
.section,
.sections,
.section-help,
.section-advanced,
.tab-help {
color: #ccc;
background-color: #000;
}
.wikiEditor-ui-tabs div a,
.wikiEditor-ui-tabs div.current a,
.tool-button > a {
background-color: #000;
color: #56b4e9;
}

/* jquery.wikiEditor.toolbar-wikimedia.less
jquery.wikiEditor.toolbar.less
*/
.wikiEditor-ui-toolbar .tool-button,
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .tool-select .menu options,
.wikiEditor-ui-toolbar .group .tool-select .options option,
.booklet,
.booklet .index div,
/* extras to deal with codeEditor toolbar */
.toolbar div,
.codeEditor-ui-toolbar,
.codeEditor-ui-toolbar .tabs,
.group.codeeditor-style,
.group.codeeditor-main,
.codeEditor-status,
.tool-button,
.tool {
background-color: #000;
color: #eee;
border-color: transparent;
}
/* inverted in original */
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.wikiEditor-ui-toolbar .wikiEditor-character-highlighted,
.codeEditor-ui-toolbar > .icon-active,
.toolbar > img {
background-color: #eee;
color: #000!important;
filter: none!important;
}

.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button.oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button .tool-active {
background-color: inherit;
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.codeEditor-ui-toolbar,
.group > span,
.codeEditor-ui-toolbar > a,
.toolbar > a
.codeEditor-ui-toolbar > .label,
.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group > .label,
.wikiEditor-ui-toolbar .group .tool-select .label {
color: #56b4e9;
}

.wikiEditor-ui-toolbar .page-characters div > span,
#wikiEditor-section-help > div,
#wikiEditor-section-help > div > div,
.page-characters div > span,
.table-format tbody tr td,
.pages .page,
.ve-ui-specialCharacterPage {
/* this is over #eee */
background-color: #eee;
color: #333;
filter: invert(100%);
}
#wikiEditor-section-characters div.index div *,
.wikiEditor-toolbar-spritedButton {
/* colors inverted since filter needed to do background image sprited buttons */
background-color: #fff;
color: #111;
filter: invert(100%)!important;
border-color: transparent;
}

.wikiEditor-ui-toolbar .group .tool-select
.menu .options .option:hover,
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
background-color: #000;
color: #eee;
border-color: #aaa;
}

/* Can be removed once lines above deleted */
.oo-ui-buttonInputWidget > button,
.oo-ui-buttonInputWidget > input {
background-color: transparent;
}

.mw-notification {
background-color: #000;
border-color: #333;
border-radius: 5px;
color: #aaa;
}

/*
Visited page tabs eg view source on road only pages
*/
/* mediawiki/resources/src/mediawiki.action/mediawiki.action.history.styles.less */
#pagehistory,
#mw-page-header-links li.selected a,
#mw-page-header-links li.selected > span,
li.selected a,
li.selected > span,
li a:focus span,
li a:active span {
/* Low vision sky blue */
color: #56b4e9;
filter: none;
}

.icons,
.ca-icon,.ca-icon-only,
.mw-ui-icon, .mw-ui-icon-element {
filter: invert(100%);
}

/* mediawiki/resources/lib/ooui/oojs-ui-core-wikimediaui.css
*/
.oo-ui-messageWidget {
filter: invert(100%);
}
/* don't invert echo icon from notification list */
.mw-echo-ui-notificationItemWidget > img {
background-color: #000 !important;
color: #eee!important;
filter: none!important;
}
.mw-echo-ui-notificationItemWidget:not(img) {
/* these colors get inverted except for images */
background-color: #fff !important;
color: #000!important;
filter: invert(100%)!important;
}

/* Visual editor colors
from mediawiki / extensions / VisualEditor / refs/heads/REL1_35 / . / modules / ve-mw / ui / styles
and - styles / dialogs
*/

.ve-ui-mwPreDialog .oo-ui-textInputWidget,
.oo-ui-textInputWidget,
.ve-ui-mwGalleryDialog,
.oo-ui-fieldsetLayout,
.oo-ui-optionWidget-selected,
.ve-ui-mwGalleryDialog-remove-button,
.oo-ui-menuLayout-menu,
.oo-ui-searchWidget-results,
.oo-ui-searchWidget-query,
.mw-widget-mediaSearchWidget,
.ace_editor, .ace_focus, .ace_tooltip,
.oo-ui-widget-enabled,
.oo-ui-tabSelectWidget
{
color: #ccc;
}

.oo-ui-optionWidget-highlighted {
background-color: #333;
color: #fff;
}

.oo-ui-window-head,
.oo-ui-window-foot,
.oo-ui-messageDialog-title,
.oo-ui-tabSelectWidget-framed,
.oo-ui-tabSelectWidget-mobile {
background-color: #000;
}
.oo-ui-messageDialog,
.oo-ui-processDialog-content,
.oo-ui-buttonWidget,
.oo-ui-tagItemWidget {
background-color: #333;
color: #ccc;
}

/* end visual editor colors */
/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.theme.css
not needed - covered in icons below
*/

/* Icons */
.ui-icon,
.ui-widget-content, .ui-widget-header,
.ui-state-default, .ui-state-hover,
.ui-state-active, .ui-state-highlight {
filter: invert(100%);
}
/* mediawiki/resources/lib/ooui/oojs-ui-images-wikimediaui.css
mediawiki-extensions-Echo/modules/styles/mw.echo.ui.ConfirmationPopupWidget.less
notification alert bell and message icons
*/
/* Low vision sky blue shade calculated since invert gave orange */
.oo-ui-icon-bell, .oo-ui-icon-message {
filter: none !important;
}
/* inverted in original echo extension */
.mw-echo-ui-confirmationPopupWidget-popup {
background-color: #ccc;
color: #333;
}
.mw-echo-special-navbar-top {
filter: invert(100%) !important;
}

.mw-echo-ui-notificationItemWidget > img {
filter: none!important;
}
.mw-echo-ui-notificationItemWidget-notify-description {
color: #ccc;
}
.mw-echo-markAsReadSectionButton .oo-ui-buttonElement-button .oo-ui-labelElement-label,
.mw-echo-ui-footerNoticeWidget {
background-color: #000;
color: #ccc;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button {
color: #ccc !important;
}
.mw-echo-notifications-badge-all-read {
background-color: transparent;
}

/* lighter than low vision sky blue */
.oo-ui-image-invert.oo-ui-icon-bell,
.oo-ui-image-invert.oo-ui-icon-message,
.oo-ui-image-invert.mw-echo-ui-confirmationPopupWidget-popup {
filter: invert(100%);
}
/* echo extension modules/styles/ mw.echo.ui.NotificationItemWidget.less
*/
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationItemWidget-unread:hover {
background-color: #333;
}
.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationItemWidget-unread {
background-color: #000;
}
.mw-echo-ui-notificationItemWidget-notify-description,
.mw-echo-ui-notificationItemWidget-content-message-body {
color: #ccc;
}
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-message-header em {
color: #eee;
}
.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
/* opacity 0.5 is applied */
color: #eee;
}
/* keyframes can't be combined and from / to are properties to set */
@keyframes unseen-fadeout-to-unread {
from {background-color: #000;}
}
@-webkit-keyframes unseen-fadeout-to-unread {
from {background-color: #000;}
}
@keyframes unseen-fadeout-to-unread {
to {background-color: #222;}
}
@-webkit-keyframes unseen-fadeout-to-unread { to {background-color: #222;}
}

@keyframes unseen-fadeout-to-read {
from {background-color: #222;}
}
@-webkit-keyframes unseen-fadeout-to-read {
from {background-color: #222;}
}
@keyframes unseen-fadeout-to-read {
to { background-color: #000;}
}
@-webkit-keyframes unseen-fadeout-to-read {
to {background-color: #000;}
}

/* echo modules/styles/ mw.echo.ui.DatedSubGroupListWidget.less */
.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title {
color: #333;
}

/* echo mw.echo.ui.MenuItemWidget.less
*/
.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label {
/* override link colour */
color: #eee;
}
/* unsure what this was for
.mw-echo-ui-menuItemWidget > .mw-echo-ui-notificationItemWidget-icon {
filter: none !important;
}
*/
.mw-echo-ui-menuItemWidget-dynamic-action .mw-echo-ui-menuItemWidget-description {
color: #56b4e9;
}
.mw-echo-ui-menuItemWidget .mw-echo-ui-actionMenuPopupWidget-menu:hover {
background-color: #333;
}
/* NotificationsInboxWidget */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background-color: #000;
box-shadow: 0 2px 0 0 rgba( 255, 255, 255, 0.1 );
}
/* mediawiki-extensions-Echo/modules/styles/mw.echo.ui.NotificationsListWidget.less */
.mw-echo-ui-notificationsListWidget-bundle:not( :hover ) a,
.mw-echo-ui-notificationsListWidget #p-personal .mw-echo-ui-notificationsListWidget:not( :hover ) a.new {
color: #aaa;
}
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-highlighted {
background-color: #333;
color: #eee;
}
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-selected {
background-color: #000;
color: #eee;
}
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-selected-highlighted,
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-pressed-highlighted {
background-color: rgba( 0, 0, 100, 0.1 );
color: #eee;
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count {
background-color: #eee;
color: #999;
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count .oo-ui-optionWidget-selected {
color: #fff;
}
.mw-echo-ui-placeholderItemWidget {
background-color: #333;
}
/* mediawiki-extensions-Echo modules/styles/ mw.echo.ui.ToggleReadCircleButtonWidget.less */
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: #333;
border-color: #555;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
background-color: #ccc;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: #333;
}
/* echo extension nojs */
.mw-echo-alert {
background-color: #333;
color: #eee;
}
.mw-echo-state .mw-echo-notification {
background-color: #000;
color: #ccc;
}
.mw-echo-state .mw-echo-notifications {
background-color: #333;
}
.mw-echo-state .mw-echo-content .mw-echo-title {
color: #eee;
}
.mw-echo-state .mw-echo-content .mw-echo-payload {
color: #ccc;
}
.mw-echo-state .mw-echo-content .mw-echo-notification-footer {
color: #eee;
}
.client-js .mw-echo-special-nojs {
filter: invert(100%);
}
.mw-echo-date-section {
color: #ccc;
}
.mw-echo-special-notifications .mw-echo-notification {
background-color: #000;
}
.mw-echo-special-notifications .mw-echo-notification:hover {
background-color: #333;
}
.mw-echo-special-notifications .mw-echo-notification-unread {
color: #eee;
}

/* mediawiki-extensions-Echo/modules/mobile/ notificationsFilterOverlay.less */

.notifications-filter-overlay .overlay-content .mw-echo-ui-crossWikiUnreadFilterWidget subtitle {
color: #000;
}
/* mediawiki-extensions-Echo/modules/styles/ mw.echo.ui.CrossWikiNotificationItemWidget.less */
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
background-color: #000;
}

/* mw.echo.ui.CrossWikiUnreadFilterWidget.less */
.mw-echo-ui-crossWikiNotificationItemWidget,
.mw-echo-ui-bundleNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title {
color: #ccc;
}
.mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {
color: #eee;
}

/* end echo styles */

[class*="oo-ui-icon-"] {
filter: invert(100%);
}
.oo-ui-image-invert,

.oo-ui-image-invert [class*="oo-ui-icon"] {
filter: none;
}
[class*="oo-ui-icon-"] > span {
filter: none;
background-color: #000;
color: #eee;
}

/* Overlays */
.ui-widget-overlay, .ui-widget-shadow {
filter: invert(100%);
}

/* button defaults */
.mw-ui-button-states {
color: #ccc;
background-color: #333;
}
.oo-ui-buttonElement-button {
/* set text color with label after */
background-color: #333;

}

/* mediawiki/resources/lib/oojs-ui/oojs-ui-core-wikimediaui.css */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #eee;
background-image: none;
background-color: transparent;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: #141414;
background-image: none;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
color: #ccc;
border-color: #000;
background-image: none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: #36c;
background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
/* white text over blue, as from css */
color: #fff;
background-color: #36c;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
/* brightish blue */
color: #447ff5;
background-image: none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
/* deeper blue */
color: #36c;
background-image: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: #ccc;
color: #333;
background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
/* highlighted color was white over blue */
background-color: #000;
color: #fff;
background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
/* white over blue */
background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background-color: #000;
color: #eee;
border-color: #aaa;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background-color: #000;
color: #555;
border-color: #aaa;
background-image: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
/* white text was over deep blue */
color: #eee;
background-color: #000;

background-image: none;
}
.oo-ui-toolbar-bar > span[role="button"].oo-ui-popupToolGroup-handle {
background-color: #eee;
}
.oo-ui-toolbar-bar > span[role="button"].oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
color: #333;
}

/* white over red buttons don't need changing */
/*
repeat from css to override input value set in live code
*/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: #fff;
background-color: #d33;
border-color: #d33;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
background-color: #ff5d5d;
border-color: #ff5d5d;
}

/* mediawiki/resources/lib/ooui/oojs-ui-core-apex.css
image background color
*/
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
background-image: none;
border: 1px solid #aaa;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
background-image: none;
}

.oo-ui-popupWidget-body {
background-color: #000;
border: 1px solid #222;
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.25);
color: #ccc;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: #000;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color: #333;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: #000;
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
border-right-color: #333;
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
border-right-color: #000
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
border-left-color: #333;
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
border-left-color: #fff;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
background-color: #000;
color: #ccc;
border-color: #aaa;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
background: #333;
color: #ccc;
}

.oo-ui-menuSelectWidget {
background-color: #000;
color: #ccc;
border: 1px solid #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #333;
color: #ccc;
}

/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.button.css */
.ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
filter: none;
}
.ui-button, .ui-button-icon-only,
button.ui-button-icon-only,
button.ui-button-icons-only {
filter: invert(100%);
}

/* button text and icons */
.oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
span[role="button"].oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
color: #eee;
}
/* end button code */

/* from original move to all screen sizes */

#pt-notifications-alert,
#pt-notifications-notice {
filter: invert(100%);
background-color: transparent;
}

/* from timeless/resources/ooui.css
for dialogs
*/
.oo-ui-windowManager-modal > .oo-ui-dialog,
.ve-ui-overlay-global {
background: #000;
color: #eee;
}

body > .oo-ui-windowManager,
.oo-ui-defaultOverlay {
background: #000;
color: #eee;
}

/* VisualEditor.core.less
VisualEditor/src/themes/wikimediaui.css */
.ve-ui-targetWidget:not( .oo-ui-pendingElement-pending ) {
background-color: #000;
color: #ccc;
}

.ve-ui-targetWidget-readOnly:not( .oo-ui-pendingElement-pending ) {
background-color: #333;
color: #aaa;
}

.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* was very light blue */
background-color: #222;
}

.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
color: #eee;
}

.oo-ui-messageDialog-message {
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #ccc;
}

/* new button code from
https://raw.githubusercontent.com/Austemagne/DarkTimeless/8c88bfaff8cfb458db62cf11bbcf7853a490510f/timeless-dark.css
*/

.oo-ui-flaggedElement-destructive {
background-color: #333;
border-color: #aaa;
/* label color overwrites text color */
color: #eee;
}
.oo-ui-flaggedElement-destructive:hover {
background-color: #222;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #333;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
/* is this a mistake / error or not needed? */
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #000;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: initial;
}

.oo-ui-labelElement-label {
color: #eee;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: initial;
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #ccc */
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #eee; */
}

.oo-ui-panelLayout-expanded {
background-color: #333;
}
.oo-ui-messageDialog-message {
color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #999;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right-color: #aaa;
}
.oo-ui-dialog-content > .oo-ui-window-body {
outline: 1px solid #141414;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline: 1px solid #141414;
}

.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* inverted */
background-color: inherit;
border-color: #aaa;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
color: #eee;
}
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > a.oo-ui-buttonElement-button {
color: #eee !important;
}
.mw-echo-ui-footerNoticeWidget > .oo-ui-labelElement-label {
color: #eee !important;
}

div.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-widget > .oo-ui-iconWidget {
filter: invert(100%)!important;
}

#ca-ve-edit a, .ca-icon-only
.client-nojs, .ve-not-available {
.mw-editsection a {
*/

.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
color: #eee;
}
.oo-ui-panelLayout-expanded {
color: #ccc;
}
.oo-ui-messageDialog-message {
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #ccc;
}

/* new button code from
https://raw.githubusercontent.com/Austemagne/DarkTimeless/8c88bfaff8cfb458db62cf11bbcf7853a490510f/timeless-dark.css
*/

.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
border-color: #aaa !important;
text-shadow: 0 0 0 #333 !important;
}
.oo-ui-flaggedElement-destructive {
background-color: #333;
border-color: #aaa;
/* label color overwrites text color */
color: #eee;
}
.oo-ui-flaggedElement-destructive:hover {
background-color: #222;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #333;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
/* is this a mistake / error or not needed? */
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #000;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: initial;
}

.oo-ui-labelElement-label {
color: #eee;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: initial;
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #ccc */
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #eee; */
}

.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
text-shadow: 0 0 0 #000;
}
.oo-ui-labelElement-label {
text-shadow: 0 0 0 #000;
}
.oo-ui-panelLayout-expanded {
background-color: #333;
}
.oo-ui-messageDialog-message {
color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #999;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right-color: #aaa;
}
.oo-ui-dialog-content > .oo-ui-window-body {
outline: 1px solid #141414;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
color: #eee;
}
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > a.oo-ui-buttonElement-button {
color: #eee !important;
}
.mw-echo-ui-footerNoticeWidget > .oo-ui-labelElement-label {
color: #eee !important;
}

div.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-widget > .oo-ui-iconWidget {
filter: invert(100%)!important;
}

User:Njttest/timeless.css

2020-11-05T21:52:47Z

Njttest:copy from njt timeless.css

/* test code for echo alert */

/* Visual wikieditor colors */
.oo-ui-toolbar-bar {
background-color: #000;
color: #000;
border-color: #000;
}

.oo-ui-tool, .oo-ui-tool-link
{
background-color: #000;
color: #fff!important;
}

/* was .oo-ui-widget {
background-color: #333;
color: #eee;
}
*/
.oo-ui-widget {
background-color: #000;
color: #eee;
}
.oo-ui-popupWidget {

background-color: #eee;
}
.oo-ui-popupWidget-popup {
/* colors get inverted */
background-color: #eee;
}

/* wikiEditor extension mediawiki-extensions-WikiEditor/modules/jquery.wikiEditor.less */
.wikiEditor-ui-right,
.wikiEditor-ui-controls,
.wikiEditor-ui-tabs,
.wikiEditor-ui-tabs div,
.wikiEditor-ui-buttons,
.wikiEditor-ui-loading,
#wikiEditor-section-help,
#wikiEditor-section-main,
.group,
.section,
.sections,
.section-help,
.section-advanced,
.tab-help {
color: #ccc;
background-color: #000;
}
.wikiEditor-ui-tabs div a,
.wikiEditor-ui-tabs div.current a,
.tool-button > a {
background-color: #000;
color: #56b4e9;
}
/* remove gradients mediawiki-extensions-WikiEditor/modules/jquery.wikiEditor.toolbar-apex.less */

.wikiEditor-ui-toolbar,
.tool-active {
background-image: none;
}
.booklet,
.booklet > .index > :hover,
.booklet > .index > .current {
background-color: #333;
}
#wikiEditor-section-characters > .index > .current,
#wikiEditor-section-characters > .index > .current:hover,
#wikiEditor-section-help .index > .current,
#wikiEditor-section-help .index > .current:hover,
.toolbar > .current,
.ve-ui-specialCharacterPage h3 {
color: #56b4e9;
}
/* jquery.wikiEditor.toolbar-wikimedia.less
jquery.wikiEditor.toolbar.less
*/
.wikiEditor-ui-toolbar .tool-button,
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .tool-select .menu options,
.wikiEditor-ui-toolbar .group .tool-select .options option,
.booklet,
.booklet .index div,
/* extras to deal with codeEditor toolbar */
.toolbar div,
.codeEditor-ui-toolbar,
.codeEditor-ui-toolbar .tabs,
.group.codeeditor-style,
.group.codeeditor-main,
.codeEditor-status,
.tool-button,
.tool {
background-color: #000;
color: #eee;
border-color: transparent;
}
/* inverted in original */
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.wikiEditor-ui-toolbar .wikiEditor-character-highlighted,
.codeEditor-ui-toolbar > .icon-active,
.toolbar > img {
background-color: #eee;
color: #000!important;
filter: none!important;
}

.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button.oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button .tool-active {
background-color: inherit;
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.codeEditor-ui-toolbar,
.group > span,
.codeEditor-ui-toolbar > a,
.toolbar > a
.codeEditor-ui-toolbar > .label,
.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group > .label,
.wikiEditor-ui-toolbar .group .tool-select .label {
color: #56b4e9;
}

.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.toolbar > a:visited {
color: #56b4e9;
}
.wikiEditor-ui-toolbar .page-table th,
.toolbar .page-table th {
color: #eee;
}
.wikiEditor-ui-toolbar .page-table > td,
.toolbar .page-table > td,
.wikiEditor-ui-toolbar .page-characters div,
#wikiEditor-section-help > div.index,
.pages .page {
background-color: #000;
}
.wikiEditor-ui-toolbar .page-characters div > span,
#wikiEditor-section-help > div,
#wikiEditor-section-help > div > div,
.page-characters div > span,
.table-format tbody tr td,
.pages .page,
.ve-ui-specialCharacterPage {
/* this is over #eee */
background-color: #eee;
color: #333;
filter: invert(100%);
}
#wikiEditor-section-characters div.index div *,
.wikiEditor-toolbar-spritedButton {
/* colors inverted since filter needed to do background image sprited buttons */
background-color: #fff;
color: #111;
filter: invert(100%)!important;
border-color: transparent;
}

#wikiEditor-section-characters,
.booklet .section, section-characters > a,
#wikiEditor-section-characters div.index,
#wikiEditor-section-help > div,
.wikiEditor-ui-toolbar > .index {
background-color: #333;
color: #ccc;
filter: none;
}
#wikiEditor-section-characters div div,
#wikiEditor-section-characters div div.current {
background: #000;
color: #eee;
}

.wikiEditor-ui-toolbar .ui-widget table td.wikieditor-toolbar-table-preview-wrapper {
background: #333;
}
.wikiEditor-ui-toolbar .ui-widget table td.wikieditor-toolbar-table-preview-frame {
background: #000;
}

.wikiEditor-ui-toolbar .page-characters div span:hover,
.toolbar > .page-characters div span:hover {
background-color: #000;
color: #eee;
}
.wikiEditor-ui-toolbar .group .tool-select
.menu .options .option:hover,
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
background-color: #000;
color: #eee;
border-color: #aaa;
}

/* delete box shadow from existing */
#mw-related-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk {
box-shadow: none;
border-radius: 0;
border: 0;
}

/* Can be removed once lines above deleted */
.oo-ui-buttonInputWidget > button,
.oo-ui-buttonInputWidget > input {
background-color: transparent;
}

/* Smallish screens display a white section without this */
#mw-header-hack {
background-color: #000;
border-color: #E7453A;
}
#mw-header-nav-hack {
background: #000;
}

/* :link etc order to lvha
*/

/* alert background */
#menus-cover {
background: #000;
}

/* works - display file info from
mediawiki/resources/src/mediawiki.action/mediawiki.action.view.filepage.css
*/
#filetoc {
border: 1px solid #000;
background-color: #333;
}
.mw_metadata td, .mw_metadata th {
border: 1px solid #000;
}
.mw_metadata th, .mw_metadata td {
background: #333;
}

.footer-places {
background: #000!important;
}

/* black banner behind menus */
.ts-inner, .ts-container {
background: #000;
}

/* Menus */
#mw-site-navigation,
#mw-related-navigation,
#site-tools,
#page-tools,
#user-tools {
background-color: #000;
border: 0;
box-shadow: none;
}
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-inner {
border: 1px solid #aaa;
}

.mw-notification {
background-color: #000;
border-color: #333;
border-radius: 5px;
color: #aaa;
}
.postedit-container {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
padding: 15px 0 15px 15px;
text-align: right;
}
.postedit-icon {
margin: auto;
padding: 0;
}
/*
Visited page tabs eg view source on road only pages
*/
/* mediawiki/resources/src/mediawiki.action/mediawiki.action.history.styles.less */
#pagehistory,
#mw-page-header-links li.selected a,
#mw-page-header-links li.selected > span,
li.selected a,
li.selected > span,
li a:focus span,
li a:active span {
/* Low vision sky blue */
color: #56b4e9;
filter: none;
}

#mw-page-header-links li a:visited,
#mw-page-header-links > a:visited span,
li.selected a:visited > span {
background-color: transparent;
/* lighter sky blue */
color: #86d4f9;
filter: none;
}

/* mediawiki.skinning / interface.css */
.usermessage {
background-color: #222;
border: 1px solid #aaa;
color: #fff;
}
.icons,
.ca-icon,.ca-icon-only,
.mw-ui-icon, .mw-ui-icon-element {
filter: invert(100%);
}

/* working - upload file and textarea fixes */
td.mw-input input {
border-color: #eee!important;
}

textarea, #wpUploadDescription {
color: #ccc;
background: #000;
}

/* mediawiki/resources/lib/ooui/oojs-ui-core-wikimediaui.css
*/
.oo-ui-messageWidget {
filter: invert(100%);
}
/* don't invert echo icon from notification list */
.mw-echo-ui-notificationItemWidget > img {
background-color: #000 !important;
color: #eee!important;
filter: none!important;
}
.mw-echo-ui-notificationItemWidget:not(img) {
/* these colors get inverted except for images */
background-color: #fff !important;
color: #000!important;
filter: invert(100%)!important;
}
/* May not be needed
.mw-echo-ui-notificationItemWidget * {

background-color: transparent!important ;
}
*/

.mw-echo-ui-notificationItemWidget-notify-description.mw-echo-ui-notificationItemWidget-icon > img {
filter: none!important;
}

/* Visual editor colors
from mediawiki / extensions / VisualEditor / refs/heads/REL1_35 / . / modules / ve-mw / ui / styles
and - styles / dialogs
*/

.ve-ui-mwPreDialog .oo-ui-textInputWidget,
.oo-ui-textInputWidget,
.ve-ui-mwGalleryDialog,
.oo-ui-fieldsetLayout,
.oo-ui-optionWidget-selected,
.ve-ui-mwGalleryDialog-remove-button,
.oo-ui-menuLayout-menu,
.oo-ui-searchWidget-results,
.oo-ui-searchWidget-query,
.mw-widget-mediaSearchWidget,
.ace_editor, .ace_focus, .ace_tooltip,
.oo-ui-widget-enabled,
.oo-ui-tabSelectWidget
{
color: #ccc;
}
.oo-ui-toolbar,
.oo-ui-toolbar-bar {
background-color: #000;
color: #eee;
}
/* temporary */
.oo-ui-toolbar-tools {
border: 0;
}

.oo-ui-optionWidget-highlighted {
background-color: #333;
color: #fff;
}

.oo-ui-window-head,
.oo-ui-window-foot,
.oo-ui-messageDialog-title,
.oo-ui-tabSelectWidget-framed,
.oo-ui-tabSelectWidget-mobile {
background-color: #000;
}
.oo-ui-messageDialog,
.oo-ui-processDialog-content,
.oo-ui-buttonWidget,
.oo-ui-tagItemWidget {
background-color: #333;
color: #ccc;
}

/* end visual editor colors */
/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.theme.css
not needed - covered in icons below
*/

/* Icons */
.ui-icon,
.ui-widget-content, .ui-widget-header,
.ui-state-default, .ui-state-hover,
.ui-state-active, .ui-state-highlight {
filter: invert(100%);
}
/* mediawiki/resources/lib/ooui/oojs-ui-images-wikimediaui.css
mediawiki-extensions-Echo/modules/styles/mw.echo.ui.ConfirmationPopupWidget.less
notification alert bell and message icons
*/
/* Low vision sky blue shade calculated since invert gave orange */
.oo-ui-icon-bell, .oo-ui-icon-message {
/*
background-color: transparent;
filter: invert(63%) sepia(46%) saturate(624%) hue-rotate(165deg) brightness(97%) contrast(88%)!important;
*/
filter: none !important;
}
/* inverted in original echo extension */
.mw-echo-ui-confirmationPopupWidget-popup {
background-color: #ccc;
color: #333;
}
.mw-echo-special-navbar-top {
filter: invert(100%) grayscale(100%) !important;
}

.mw-echo-ui-notificationItemWidget > img {
filter: none!important;
}
.mw-echo-ui-notificationItemWidget-notify-description {
color: #ccc;
}
.mw-echo-markAsReadSectionButton .oo-ui-buttonElement-button .oo-ui-labelElement-label,
.mw-echo-ui-footerNoticeWidget {
background-color: #000;
color: #ccc;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button {
color: #ccc !important;
}
.mw-echo-notifications-badge-all-read {
background-color: transparent;
}

/* lighter than low vision sky blue */
.oo-ui-image-invert.oo-ui-icon-bell,
.oo-ui-image-invert.oo-ui-icon-message,
.oo-ui-image-invert.mw-echo-ui-confirmationPopupWidget-popup {
filter: invert(76%) sepia(11%) saturate(2256%) hue-rotate(175deg) brightness(106%) contrast(95%);
}
/* echo extension modules/styles/ mw.echo.ui.NotificationItemWidget.less
*/
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationItemWidget-unread:hover {
background-color: #333;
}
.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationItemWidget-unread {
background-color: #000;
}
.mw-echo-ui-notificationItemWidget-notify-description,
.mw-echo-ui-notificationItemWidget-content-message-body {
color: #ccc;
}
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-message-header em {
color: #eee;
}
.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
/* opacity 0.5 is applied */
color: #eee;
}
/* keyframes can't be combined and from / to are properties to set */
@keyframes unseen-fadeout-to-unread {
from {background-color: #000;}
}
@-webkit-keyframes unseen-fadeout-to-unread {
from {background-color: #000;}
}
@keyframes unseen-fadeout-to-unread {
to {background-color: #222;}
}
@-webkit-keyframes unseen-fadeout-to-unread { to {background-color: #222;}
}

@keyframes unseen-fadeout-to-read {
from {background-color: #222;}
}
@-webkit-keyframes unseen-fadeout-to-read {
from {background-color: #222;}
}
@keyframes unseen-fadeout-to-read {
to { background-color: #000;}
}
@-webkit-keyframes unseen-fadeout-to-read {
to {background-color: #000;}
}

/* echo modules/styles/ mw.echo.ui.DatedSubGroupListWidget.less */
.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title {
color: #333;
}

/* echo mw.echo.ui.MenuItemWidget.less
*/
.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label {
/* override link colour */
color: #eee;
}
/* unsure what this was for
.mw-echo-ui-menuItemWidget > .mw-echo-ui-notificationItemWidget-icon {
filter: none !important;
}
*/
.mw-echo-ui-menuItemWidget-dynamic-action .mw-echo-ui-menuItemWidget-description {
color: #56b4e9;
}
.mw-echo-ui-menuItemWidget .mw-echo-ui-actionMenuPopupWidget-menu:hover {
background-color: #333;
}
/* NotificationsInboxWidget */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background-color: #000;
box-shadow: 0 2px 0 0 rgba( 255, 255, 255, 0.1 );
}
/* mediawiki-extensions-Echo/modules/styles/mw.echo.ui.NotificationsListWidget.less */
.mw-echo-ui-notificationsListWidget-bundle:not( :hover ) a,
.mw-echo-ui-notificationsListWidget #p-personal .mw-echo-ui-notificationsListWidget:not( :hover ) a.new {
color: #aaa;
}
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-highlighted {
background-color: #333;
color: #eee;
}
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-selected {
background-color: #000;
color: #eee;
}
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-selected-highlighted,
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-pressed-highlighted {
background-color: rgba( 0, 0, 100, 0.1 );
color: #eee;
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count {
background-color: #eee;
color: #999;
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count .oo-ui-optionWidget-selected {
color: #fff;
}
.mw-echo-ui-placeholderItemWidget {
background-color: #333;
}
/* mediawiki-extensions-Echo modules/styles/ mw.echo.ui.ToggleReadCircleButtonWidget.less */
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: #333;
border-color: #555;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
background-color: #ccc;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: #333;
}
/* echo extension nojs */
.mw-echo-alert {
background-color: #333;
color: #eee;
}
.mw-echo-state .mw-echo-notification {
background-color: #000;
color: #ccc;
}
.mw-echo-state .mw-echo-notifications {
background-color: #333;
}
.mw-echo-state .mw-echo-content .mw-echo-title {
color: #eee;
}
.mw-echo-state .mw-echo-content .mw-echo-payload {
color: #ccc;
}
.mw-echo-state .mw-echo-content .mw-echo-notification-footer {
color: #eee;
}
.client-js .mw-echo-special-nojs {
filter: invert(100%);
}
.mw-echo-date-section {
color: #333;
}
.mw-echo-special-notifications .mw-echo-notification {
background-color: #000;
}
.mw-echo-special-notifications .mw-echo-notification:hover {
background-color: #333;
}
.mw-echo-special-notifications .mw-echo-notification-unread {
color: #eee;
}

/* mediawiki-extensions-Echo/modules/mobile/ notificationsFilterOverlay.less */

.notifications-filter-overlay .overlay-content .mw-echo-ui-crossWikiUnreadFilterWidget subtitle {
color: #000;
}
/* mediawiki-extensions-Echo/modules/styles/ mw.echo.ui.CrossWikiNotificationItemWidget.less */
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
background-color: #000;
}

/* mw.echo.ui.CrossWikiUnreadFilterWidget.less */
.mw-echo-ui-crossWikiNotificationItemWidget,
.mw-echo-ui-bundleNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title {
color: #ccc;
}
.mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {
color: #eee;
}

/* end echo styles */

[class*="oo-ui-icon-"] {
/* includes -
.oo-ui-icon-ref-cite-book, .oo-ui-icon-ref-cite-journal, .oo-ui-icon-ref-cite-tweet, .oo-ui-icon-ref-cite-reference, .oo-ui-icon-ref-cite-news, .oo-ui-icon-ref-cite-referenceExisting, .oo-ui-icon-ref-cite-references {
*/
filter: invert(100%);
}
.oo-ui-image-invert,
.oo-ui-image-invert.oo-ui-icon-ref-cite-book,
.oo-ui-image-invert.oo-ui-icon-ref-cite-journal,
.oo-ui-image-invert.oo-ui-icon-ref-cite-tweet,
.oo-ui-image-invert.oo-ui-icon-ref-cite-reference,
.oo-ui-image-invert.oo-ui-icon-ref-cite-references,
.oo-ui-image-invert.oo-ui-icon-ref-cite-referenceExisting,
.oo-ui-image-invert.oo-ui-icon-ref-cite-newspaper,
.oo-ui-image-invert [class*="oo-ui-icon"] {
filter: none;
}
[class*="oo-ui-icon-"] > span {
filter: none;
background-color: #000;
color: #eee;
}

/* Cite extension styles mediawiki-extensions-Cite/modules/ext.cite.styles.css */

/* mediawiki-extensions-Citoid/modules/wikibase/ */

/* Not used - will inherit
.ve-init-target-ie,
.wikibase-citoid-search,
.wikibase-citoidInspector-sourceSelect,
.ve-ui-citoidReferenceWidget,
.ve-ui-mwReferenceResultWidget,
.ve-ce-mwReferencesListNode,
.ve-ui-mwReferenceSearchWidget,
.ve-ui-mwReferenceSearchWidget-citation,
.ve-ui-mwReferenceSearchWidget-name {
color: #ccc;
background: #333;
filter: none;
}
.ve-ce-generated-wrapper {
background: #000;
color: #ccc;
}
*/
.ve-ui-citeFromIdInspector >.oo-ui-labelElement-label,
.ve-ui-citoidInspector-search,
.ve-ui-citoidInspector-sourceSelect,
.ve-ui-citoidReferenceWidget,
.ve-ui-previewElement {
color: #ccc;
filter: none;
}

/* fixing right personal menus */
#personal {
background: #000;
border: #aaa;
}
#personal-extra ul {
background: #000;
}
#personal-inner h3 ul {
background: #333;
}

/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.theme.css */

/* Overlays */
.ui-widget-overlay, .ui-widget-shadow {
filter: invert(100%);
}

/* button defaults */
.mw-ui-button-states {
color: #ccc;
background-color: #333;
}
.oo-ui-buttonElement-button {
/* set text color with label after */
background-color: #333;
background-image: none;
}

/* mediawiki/resources/lib/oojs-ui/oojs-ui-core-wikimediaui.css */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #eee;
background-image: none;
background-color: transparent;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: #141414;
background-image: none;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
color: #ccc;
border-color: #000;
background-image: none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: #36c;
background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
/* white text over blue, as from css */
color: #fff;
background-color: #36c;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
/* brightish blue */
color: #447ff5;
background-image: none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
/* deeper blue */
color: #36c;
background-image: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: #ccc;
color: #333;
background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
/* highlighted color was white over blue */
background-color: #000;
color: #fff;
background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
/* white over blue */
background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background-color: #000;
color: #eee;
border-color: #aaa;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background-color: #000;
color: #555;
border-color: #aaa;
background-image: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
/* white text was over deep blue */
color: #eee;
background-color: #000;

background-image: none;
}
.oo-ui-toolbar-bar > span[role="button"].oo-ui-popupToolGroup-handle {
background-color: #eee;
}
.oo-ui-toolbar-bar > span[role="button"].oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
color: #333;
}

/* white over red buttons don't need changing */
/*
repeat from css to override input value set in live code
*/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: #fff;
background-color: #d33;
border-color: #d33;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
background-color: #ff5d5d;
border-color: #ff5d5d;
}

/* mediawiki/resources/lib/ooui/oojs-ui-core-apex.css
image background color
*/
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
background-image: none;
border: 1px solid #aaa;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
background-image: none;
}

/* radio buttons */
.oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
border-color: #aaa;
}
/* popup for references used */
.referencetooltip li {
background-color: inherit;
border-color: #aaa;
}
.oo-ui-popupWidget-body {
background-color: #000;
border: 1px solid #222;
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.25);
color: #ccc;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: #000;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color: #333;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: #000;
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
border-right-color: #333;
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
border-right-color: #000
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
border-left-color: #333;
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
border-left-color: #fff;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: #000;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span {
background-color: #ccc;
border-color: #aaa;
box-shadow: inset 0 0 0 1px #ccc;
}

.oo-ui-dropdownInputWidget-php {
border-right: 1px solid #333;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
background-color: #000;
color: #ccc;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
background-color: #000;
color: #ccc;
border-color: #aaa;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
background: #333;
color: #ccc;
}

.oo-ui-radioInputWidget [type='radio'] + span {
background-color: #000;
}
.oo-ui-radioInputWidget [type='radio']:disabled + span {
background-color: #333;
border-color: #aaa;
}
.oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
background-color: #000;
}
.oo-ui-radioInputWidget [type='radio'] + span {
background-color: #000;
}
.oo-ui-radioInputWidget [type='radio']:disabled + span {
background-color: #333;
}
.oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
background-color: #fff;
}
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
background-color: #000;
color: #eee;
border: 1px solid #333;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
background-color: #333;
color: #aaa;
}
.oo-ui-menuSelectWidget {
background-color: #000;
color: #ccc;
border: 1px solid #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #333;
color: #ccc;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: #333;
color: #eee;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: #000;
color: #ccc;
border-color: #333;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
background-color: #333;
color: #eee;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: #000;
color: #ccc;
}

.oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
background-color: #000;
color: #ccc;
}

/* mediawiki/resources/lib/ooui/oojs-ui-core-apex.css */
.oo-ui-panelLayout {
background-color: #333;
color: #ccc;
}

/* buttons
mediawiki/resources/src/mediawiki.ui/components/buttons.less
*/

/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.button.css */
.ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
filter: none;
}
.ui-button, .ui-button-icon-only,
button.ui-button-icon-only,
button.ui-button-icons-only {
filter: invert(100%);
}

/* button text and icons */
.oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
span[role="button"].oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
color: #eee;
}
/* end button code */

/* alert and message dropbown ul */
/* test wider screens alert drop */
.dropdown-menu {
background-color: #333;
color: #ccc;
}

/* replace existing dropdown */
#personal .dropdown,
.dropdown {
background: #000;
color: #eee;
border-color: #aaa;
}

/* Low vision sky blue icons repeat code */
/* works - for all sizes - move out of small screen only */

/* from original move to all screen sizes */

#pt-notifications-alert,
#pt-notifications-notice {
filter: invert(100%);
background-color: transparent;
}

/* hide external link icons - not working */
.mw-parser-output a.external:after, .link-https:after,
a.external:after {
background-image: none;
}

/* add to Search results section */
/* mediawiki/resources/src/mediawiki.special.search.styles.css */
.mw-search-profile-tabs,
#mw-searchoptions {
background: #333!important;
border: 1px solid #aaa;
}
.search-types .current a {
/* low vision sky blue */
color: #56b4e9;
}
.mw-search-interwiki-project {
background-color: #333;
border-top: 1px solid #aaa;
}

.searchdidyoumean {
color: #ccc;
}

/* from timeless/resources/ooui.css
for dialogs
*/
.oo-ui-windowManager-modal > .oo-ui-dialog,
.ve-ui-overlay-global {
background: #000;
color: #eee;
}

body > .oo-ui-windowManager,
.oo-ui-defaultOverlay {
background: #000;
color: #eee;
}

/* May needed for forms */
div.editOptions {
border-color: #eee;
color: #ccc;
}

/* timeless skin resources/forms.less */

input, .mw-editfont {
color: #ccc;
}
.mw-input-with-label {
color: #eee;
}

/* Don't show link icons when editing */
.ve-ce-linkAnnotation:before,
.ve-ce-linkAnnotation:after,
.ve-ce-mwInternalLinkAnnotation:after,
.ve-ce-mwInternalLinkAnnotation:before {
content: "";
width: 0;
height: 0;
background-image: none;
visibility: hidden;
}

/* hide colored link icons for external links */
.oo-ui-icon-linkExternal:after,
.oo-ui-image-invert.oo-ui-icon-linkExternal:after {
background-image: none!important;
}

/* new color code works */
#siteSub {
color: #ccc;
display: block;
}

.mw-body, ul, .toctoggle {
background: #333;
}

/* dismissive site notice border uses class in MediaWiki:SiteNotice */
.white-border {
border-color: white!important;
}

/* page toolbar was light gray before */
.addthis_default_style {
background: #333;
}

/* fix black stripe over gray in footer */

#mw-content-text {
background: #333;
}

/* Visual editor editing page - symbols around link and after reference */
/*.ve-ce-chimera, .ve-ce-chimera-webkit,
*/

.ve-ce-nail {
filter: none;
color: #333;
}

/* screen-desktop-small.less */

.dropdown, .pokey {
background: #000! important;
color: #ccc;
}
#p-variants-desktop .dropdown .selected a {
background: #000;
color: #ccc;
}

/* screen-mobile.less */
/*
.thumbinner
.thumb
.thumbimage
.floatleft,
.tleft
.mw-warning
*/

/* mediawiki/resources/src/mediawiki.ui/components/inputs.less */
.mw-ui-input {
background-color: #000;
color: #ccc;
border: #aaa;
box-shadow: inset 0 0 0 1px #eee;
}

/* mediawiki/mw-config/config.css */
.config-page-list {
border: 1px solid #666;
background: #000;
color: #ccc;
}
.config-page {
background: #111;
color: #ccc;
}
.config-page-disabled {
color: #666;
}
/* tooltip styles */
.config-help-field-hint {
color: #56b4e9;
}
.config-help-field-data {
background-color: #222;
color: #ccc;
border: 1px solid #aaa;
}
/* mediawiki/resources/src/mediawiki.filewarning/filewarning.less
*/
.mediawiki-filewarning-footer {
color: #aaa;
}

/*
mediawiki/resources/src/mediawiki.htmlform.ooui.styles.less
*/
.mw-htmlform-matrix tbody tr:nth-child( even ) td,
.mw-htmlform-matrix tbody tr:hover td {
background-color: #141414;
}

/* mediawiki/resources/src/mediawiki.skinning/elements.css */
/* Interwiki & External links */
.mw-parser-output a.extiw,
.mw-parser-output a.external,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw:active,
.mw-parser-output a.external:active,
a.interwiki, a.interwiki:hover,
a.interwiki:visited,
/* up arrow for reference list looks better in ext link color */
.mw-cite-backlink {
/* light gray without link icon */
color: #A7C5DC;
background-image: none;
}
.mw-parser-output a.extiw:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.interwiki:hover {
color: #eee;
}

/* Echo.less */
/*
.mw-echo-ui-notificationBadgeButtonPopupWidget
.mw-echo-ui-overlay .mw-echo-alert
.mw-echo-ui-overlay {
.oo-ui-popupWidget-anchored > .oo-ui-popupWidget-anchor {
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
.oo-ui-clippableElement-clippable {
*/

/* VisualEditor.core.less
VisualEditor/src/themes/wikimediaui.css */
.ve-ui-targetWidget:not( .oo-ui-pendingElement-pending ) {
background-color: #000;
color: #ccc;
}

.ve-ui-targetWidget-readOnly:not( .oo-ui-pendingElement-pending ) {
background-color: #333;
color: #aaa;
}
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading1 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading2 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading3 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading4 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading5 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading6 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools > .oo-ui-tool-title {
background-color: #000;
color: #ccc;
}

.ve-ce-surface-highlights-user-selection {
background-color: #454545;
}

.ve-ce-surface-highlights-user-cursor {
background-color: #454545;
}

.ve-ce-surface-highlights-user-cursor-label {
background-color: #454545;
color: #eee;
}

/* VisualEditor src/ui/styles/dialogs/ve.ui. ToolbarDialog.css and ve.ui.CommandHelpDialog.css ve.ui.FindAndReplaceDialog.css */

.ve-ui-toolbarDialog-position-side {
background: #000;
}
.ve-ui-commandHelpDialog-list dt kbd > kbd {
background-color: #000;
color: #ccc;
border: 1px solid #aaa;
box-shadow: 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 0 0 2px #000 inset;
text-shadow: 0 1px 0 #000;
}

.ve-ui-findAndReplaceDialog-findResult > div {
/* green */
background: #33cc33;
}

.ve-ui-findAndReplaceDialog-findResult-focused > div {
/* darker green but AA compliant */
background: #18BB0B;
}
/* VisualEditor/src/ui/styles/ve.ui.DebugBar.css */
.ve-ui-debugBar-dump > table,
.ve-ui-debugBar-filibuster {
background-color: #000;
border: 1px solid #aaa;
}
.ve-ui-debugBar-dump td {
background-color: #000;
}
.ve-ui-debugBar-dump th {
color: #ccc;
text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump ol {
color: #999;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
background-color: #000;
color: #ccc;
text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
background-color: #222;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ce-languageAnnotation {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note {
color: #eee;
}
/* Visual editor extension - ve.ui.mobilecontext.css and ve.ui.tableLineContext.css */
.ve-ui-mobileContext {
background: #000;
/* Match toolbar border & shadow */
border-top: 1px solid #aaa;
}
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* was very light blue */
background-color: #222;
}
/* VisualEditor/src/ui/styles/contextitems
ve.ui.LanguageContextItem.css and ve.ui.linkContextItem.css ve.ui.DiffElement.css */

.ve-ui-languageContextItem .ve-ui-linearContextItem-body {
color: #ccc;
}
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview {
color: #999;
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
background: #b6d4fb; /* #6da9f7 at 50% opacity */
}
.ve-ui-diffElement-attributeChange {
color: #999;
}
.ve-ui-diffElement-attributeChange del {
background-color: #000;
box-shadow: 0 0 0 1px #000;
}
.ve-ui-diffElement-attributeChange ins {
background-color: #333;
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='insert' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='insert' ] > caption,
figure[ data-diff-action='insert' ] > figcaption {
background-color: #555 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #555;
}
[ data-diff-action='remove' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='remove' ] > caption,
figure[ data-diff-action='remove' ] > figcaption {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='change' ],
[ data-diff-action='change-insert' ] {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
.ve-ui-diffElement-no-changes,
.ve-ui-diffElement-spacer {
color: #999;
}

/* VisualEditor.core.less */
/*
.ve-init-mw-desktopArticleTarget-toolbar {
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ce-documentNode,
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ui-surface-placeholder {
.ve-init-mw-desktopArticleTarget-toolbar {
}
*/

/* VisualEditor /src/ui/styles/widgets ve.ui.AuthorItemWidget.css and ve.ui.ContextOptionWidget.css */
.ve-ui-authorItemWidget-colorPicker .color-picker-control {
border-color: #aaa;
background: #000;
}
.ve-ui-authorItemWidget-editable .ve-ui-authorItemWidget-color {
outline: 1px solid #aaa;
}
.ve-ui-contextOptionWidget .oo-ui-labelElement-label {
color: #ccc;
}
.ve-ui-languageResultWidget-otherMatch {
color: #999;
}
/* VisualEditor /src/ce/styles/annotations/ ve.ce.CommentAnnotation.css etc */
.ve-ce-commentAnnotation {
box-shadow: 0 0 0 1px rgba(170,170,170,0.5); /* yellow changed to gray #aaa over #333 background */
background: rgba( 51, 51, 51, 0.5 );
}
.ve-ce-commentAnnotation.ve-ce-annotation-active {
box-shadow: 0 0 0 1px #aaa;
background: #aaa;
}
/* VisualEditor /src/ce/styles/annotations/ ve.ce.LinkAnnotation.css */
/* was very light blue */
.ve-ce-linkAnnotation.ve-ce-annotation-active {
box-shadow: 0 0 0 1px #000;
background-color: #333;
}
/* VisualEditor /src/ce/styles/nodes/ ve.ce.AlienNode.css */
.ve-ce-alienNode-highlights .ve-ce-focusableNode-highlight {
background-color: #555;
}
.ve-ce-branchNode-blockSlug,
.ve-ce-branchNode-newSlug {
outline: 1px dashed #333;
background-color: rgba( 0, 0, 0, 0.75 );
}
/* handle background images */
.ve-ce-checkListItemNode:before,
.ve-ce-checkListItemNode-checked:before,
.ve-ce-contentBranchNode:empty:before {
filter: invert(100%);
}
.ve-ce-checkListItemNode,
.ve-ce-checkListItemNode-checked {
filter: none;
}
.ve-ce-checkListItemNode-checked {
color: #aaa;
}
.ve-ce-focusableNode-highlight {
/* was blue with dark teal border */
background: #333;
box-shadow: inset 0 0 0 1px #36c;
}
.ve-ce-focusableNode-highlights-deactivated .ve-ce-focusableNode-highlight {
background: #aaa;
}
/* VisualEditor src/ce/styles/nodes/ ve.ce.ResizableNode.css */
.ve-ce-resizableNode-sizeText {
border: 1px solid #aaa;
background-color: #000;
filter: none;
}
.ve-ce-resizableNode-sizeText span:not( :first-child ) {
border-left: 1px solid #aaa;
}
.ve-ce-resizableNode-sizeText-warning {
background-color: #333;
border-color: #eee;
}
/* invert due to background images */
.ve-ce-resizableNode-handles-resizing,
.ve-ce-resizableNode-nwHandle,
.ve-ce-resizableNode-seHandle,
.ve-ce-resizableNode-neHandle,
.ve-ce-resizableNode-swHandle {
filter: invert( 100%);
}
.ve-ce-attachedRootNode::selection,
.ve-ce-attachedRootNode *::selection,
.ve-ce-tableNodeOverlay-selection-box,
.ve-ce-surface-deactivatedSelection > div {
background: rgba( 60, 60, 60, 0.5 );
/* was light blue, now darker gray */
}
.ve-ce-tableNodeOverlay-deactivated .ve-ce-tableNodeOverlay-selection-box {
background: rgba( 255, 255, 255, 0.3 );
}
/* VisualEditor /src/ce/styles/ ve.ce.Surface.css */

.ve-ce-surface-deactivatedSelection-showAsDeactivated > div {
background-color: #aaa;
}
.ve-ce-surface-dropMarker {
background-color: #aaa;
}
.ve-ce-surface-highlights-user-selection {
background-color: #333;
}
.ve-ce-surface-highlights-user-cursor {
background: #000;
}
.ve-ce-surface-highlights-user-cursor-label {
background: #ccc;
color: #000;
text-shadow: 0 0 1px rgba( 255, 255, 255, 0.5 );
}
/* VisualEditor standalone installation
VisualEditor/ src/init/sa/styles/ ve.init.sa.Platform.css */
.ve-init-notification {
background: #000;
border: 1px solid #aaa;
box-shadow: 0 2px 2px 0 rgba( 255, 255, 255, 0.25 );
}

/* Visual editor article */
/*
.client-js {
.mw-editsection-divider
#ca-edit a { .ca-icon( '../images/pencil-source-grey' );
}
#ca-ve-edit a {.ca-icon( '../images/pencil-grey' );
}
#ca-ve-edit a, .ca-icon-only
.client-nojs, .ve-not-available {
.mw-editsection a {
*/

/* larger screens only white placeholder behind the MEpedia logo */
@media screen and (min-width: 851px) {

#p-logo {
background-color: #fff;
background-size: contain;
}

}

@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-header {
background-color: #000;
}
.color-bar {
border-color: transparent;
}
#mw-related-navigation,
.sidebar-chunk,
#page-tools,
#user-tools,
#personal {
background: #000 !important;
box-shadow: none;
border: 0;
}
}

.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
color: #eee;
}
.oo-ui-panelLayout-expanded {
color: #ccc;
}
.oo-ui-messageDialog-message {
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #ccc;
}

/* new button code from
https://raw.githubusercontent.com/Austemagne/DarkTimeless/8c88bfaff8cfb458db62cf11bbcf7853a490510f/timeless-dark.css
*/

.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
border-color: #aaa !important;
text-shadow: 0 0 0 #333 !important;
}
.oo-ui-flaggedElement-destructive {
background-color: #333;
border-color: #aaa;
/* label color overwrites text color */
color: #eee;
}
.oo-ui-flaggedElement-destructive:hover {
background-color: #222;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #333;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
/* is this a mistake / error or not needed? */
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #000;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: initial;
}

/* edit MediaWiki:Timeless.css to remove code so this won't be needed */
fieldset {
background-color: inherit;
}

.oo-ui-labelElement-label {
color: #eee;
}
.mw-widget-dateInputWidget-calendar,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background-color: #000;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: #333;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: initial;
color: #eee;
}
.mw-widget-calendarWidget-day {
color: #ccc;
}
.mw-widget-calendarWidget-day-additional {
color: #eee;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: initial;
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #ccc */
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #eee; */
}

.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
text-shadow: 0 0 0 #000;
}
.oo-ui-labelElement-label {
text-shadow: 0 0 0 #000;
}
.oo-ui-panelLayout-expanded {
background-color: #333;
}
.oo-ui-messageDialog-message {
color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #999;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right-color: #aaa;
}
.oo-ui-dialog-content > .oo-ui-window-body {
outline: 1px solid #141414;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline: 1px solid #141414;
}
.wikiEditor-ui .wikiEditor-ui-view {
border-color: #000;
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom-color: #000;
}
textarea[style] {
background-color: #333 !important;
color: #fff;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* inverted */
background-color: inherit;
border-color: #aaa;
}
/*
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonGroupWidget > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement.oo-ui-buttonWidget > a.oo-ui-buttonElement-button,
*/
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
color: #eee;
}
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > a.oo-ui-buttonElement-button {
color: #eee !important;
}
.mw-echo-ui-footerNoticeWidget > .oo-ui-labelElement-label {
color: #eee !important;
}

div.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-widget > .oo-ui-iconWidget {
filter: invert(100%)!important;
}
/* mediawiki/resources/src/mediawiki.ui/components/inputs.less */
.mw-ui-input {
background-color: #000;
color: #ccc;
border: #aaa;
box-shadow: inset 0 0 0 1px #eee;
}

/* mediawiki/mw-config/config.css */
.config-page-list {
border: 1px solid #666;
background: #000;
color: #ccc;
}
.config-page {
background: #111;
color: #ccc;
}
.config-page-disabled {
color: #666;
}
/* tooltip styles */
.config-help-field-hint {
color: #56b4e9;
}
.config-help-field-data {
background-color: #222;
color: #ccc;
border: 1px solid #aaa;
}
/* mediawiki/resources/src/mediawiki.filewarning/filewarning.less
*/
.mediawiki-filewarning-footer {
color: #aaa;
}

/*
mediawiki/resources/src/mediawiki.htmlform.ooui.styles.less
*/
.mw-htmlform-matrix tbody tr:nth-child( even ) td,
.mw-htmlform-matrix tbody tr:hover td {
background-color: #141414;
}

/* mediawiki/resources/src/mediawiki.skinning/elements.css */
/* Interwiki & External links */
.mw-parser-output a.extiw,
.mw-parser-output a.external,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw:active,
.mw-parser-output a.external:active,
a.interwiki, a.interwiki:hover,
a.interwiki:visited,
/* up arrow for reference list looks better in ext link color */
.mw-cite-backlink {
/* light gray without link icon */
color: #A7C5DC;
background-image: none;
}
.mw-parser-output a.extiw:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.interwiki:hover {
color: #eee;
}

/* Echo.less */
/*
.mw-echo-ui-notificationBadgeButtonPopupWidget
.mw-echo-ui-overlay .mw-echo-alert
.mw-echo-ui-overlay {
.oo-ui-popupWidget-anchored > .oo-ui-popupWidget-anchor {
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
.oo-ui-clippableElement-clippable {
*/

/* VisualEditor.core.less
VisualEditor/src/themes/wikimediaui.css */
.ve-ui-targetWidget:not( .oo-ui-pendingElement-pending ) {
background-color: #000;
color: #ccc;
}

.ve-ui-targetWidget-readOnly:not( .oo-ui-pendingElement-pending ) {
background-color: #333;
color: #aaa;
}
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading1 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading2 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading3 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading4 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading5 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading6 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools > .oo-ui-tool-title {
background-color: #000;
color: #ccc;
}

.ve-ce-surface-highlights-user-selection {
background-color: #454545;
}

.ve-ce-surface-highlights-user-cursor {
background-color: #454545;
}

.ve-ce-surface-highlights-user-cursor-label {
background-color: #454545;
color: #eee;
}

/* VisualEditor src/ui/styles/dialogs/ve.ui. ToolbarDialog.css and ve.ui.CommandHelpDialog.css ve.ui.FindAndReplaceDialog.css */

.ve-ui-toolbarDialog-position-side {
background: #000;
}
.ve-ui-commandHelpDialog-list dt kbd > kbd {
background-color: #000;
color: #ccc;
border: 1px solid #aaa;
box-shadow: 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 0 0 2px #000 inset;
text-shadow: 0 1px 0 #000;
}

.ve-ui-findAndReplaceDialog-findResult > div {
/* green */
background: #33cc33;
}

.ve-ui-findAndReplaceDialog-findResult-focused > div {
/* darker green but AA compliant */
background: #18BB0B;
}
/* VisualEditor/src/ui/styles/ve.ui.DebugBar.css */
.ve-ui-debugBar-dump > table,
.ve-ui-debugBar-filibuster {
background-color: #000;
border: 1px solid #aaa;
}
.ve-ui-debugBar-dump td {
background-color: #000;
}
.ve-ui-debugBar-dump th {
color: #ccc;
text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump ol {
color: #999;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
background-color: #000;
color: #ccc;
text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
background-color: #222;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ce-languageAnnotation {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note {
color: #eee;
}
/* Visual editor extension - ve.ui.mobilecontext.css and ve.ui.tableLineContext.css */
.ve-ui-mobileContext {
background: #000;
/* Match toolbar border & shadow */
border-top: 1px solid #aaa;
}
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* was very light blue */
background-color: #222;
}
/* VisualEditor/src/ui/styles/contextitems
ve.ui.LanguageContextItem.css and ve.ui.linkContextItem.css ve.ui.DiffElement.css */

.ve-ui-languageContextItem .ve-ui-linearContextItem-body {
color: #ccc;
}
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview {
color: #999;
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
background: #b6d4fb; /* #6da9f7 at 50% opacity */
}
.ve-ui-diffElement-attributeChange {
color: #999;
}
.ve-ui-diffElement-attributeChange del {
background-color: #000;
box-shadow: 0 0 0 1px #000;
}
.ve-ui-diffElement-attributeChange ins {
background-color: #333;
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='insert' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='insert' ] > caption,
figure[ data-diff-action='insert' ] > figcaption {
background-color: #555 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #555;
}
[ data-diff-action='remove' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='remove' ] > caption,
figure[ data-diff-action='remove' ] > figcaption {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='change' ],
[ data-diff-action='change-insert' ] {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
.ve-ui-diffElement-no-changes,
.ve-ui-diffElement-spacer {
color: #999;
}

/* VisualEditor.core.less */
/*
.ve-init-mw-desktopArticleTarget-toolbar {
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ce-documentNode,
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ui-surface-placeholder {
.ve-init-mw-desktopArticleTarget-toolbar {
}
*/

/* VisualEditor /src/ui/styles/widgets ve.ui.AuthorItemWidget.css and ve.ui.ContextOptionWidget.css */
.ve-ui-authorItemWidget-colorPicker .color-picker-control {
border-color: #aaa;
background: #000;
}
.ve-ui-authorItemWidget-editable .ve-ui-authorItemWidget-color {
outline: 1px solid #aaa;
}
.ve-ui-contextOptionWidget .oo-ui-labelElement-label {
color: #ccc;
}
.ve-ui-languageResultWidget-otherMatch {
color: #999;
}
/* VisualEditor /src/ce/styles/annotations/ ve.ce.CommentAnnotation.css etc */
.ve-ce-commentAnnotation {
box-shadow: 0 0 0 1px rgba(170,170,170,0.5); /* yellow changed to gray #aaa over #333 background */
background: rgba( 51, 51, 51, 0.5 );
}
.ve-ce-commentAnnotation.ve-ce-annotation-active {
box-shadow: 0 0 0 1px #aaa;
background: #aaa;
}
/* VisualEditor /src/ce/styles/annotations/ ve.ce.LinkAnnotation.css */
/* was very light blue */
.ve-ce-linkAnnotation.ve-ce-annotation-active {
box-shadow: 0 0 0 1px #000;
background-color: #333;
}
/* VisualEditor /src/ce/styles/nodes/ ve.ce.AlienNode.css */
.ve-ce-alienNode-highlights .ve-ce-focusableNode-highlight {
background-color: #555;
}
.ve-ce-branchNode-blockSlug,
.ve-ce-branchNode-newSlug {
outline: 1px dashed #333;
background-color: rgba( 0, 0, 0, 0.75 );
}
/* handle background images */
.ve-ce-checkListItemNode:before,
.ve-ce-checkListItemNode-checked:before,
.ve-ce-contentBranchNode:empty:before {
filter: invert(100%);
}
.ve-ce-checkListItemNode,
.ve-ce-checkListItemNode-checked {
filter: none;
}
.ve-ce-checkListItemNode-checked {
color: #aaa;
}
.ve-ce-focusableNode-highlight {
/* was blue with dark teal border */
background: #333;
box-shadow: inset 0 0 0 1px #36c;
}
.ve-ce-focusableNode-highlights-deactivated .ve-ce-focusableNode-highlight {
background: #aaa;
}
/* VisualEditor src/ce/styles/nodes/ ve.ce.ResizableNode.css */
.ve-ce-resizableNode-sizeText {
border: 1px solid #aaa;
background-color: #000;
filter: none;
}
.ve-ce-resizableNode-sizeText span:not( :first-child ) {
border-left: 1px solid #aaa;
}
.ve-ce-resizableNode-sizeText-warning {
background-color: #333;
border-color: #eee;
}
/* invert due to background images */
.ve-ce-resizableNode-handles-resizing,
.ve-ce-resizableNode-nwHandle,
.ve-ce-resizableNode-seHandle,
.ve-ce-resizableNode-neHandle,
.ve-ce-resizableNode-swHandle {
filter: invert( 100%);
}
.ve-ce-attachedRootNode::selection,
.ve-ce-attachedRootNode *::selection,
.ve-ce-tableNodeOverlay-selection-box,
.ve-ce-surface-deactivatedSelection > div {
background: rgba( 60, 60, 60, 0.5 );
/* was light blue, now darker gray */
}
.ve-ce-tableNodeOverlay-deactivated .ve-ce-tableNodeOverlay-selection-box {
background: rgba( 255, 255, 255, 0.3 );
}
/* VisualEditor /src/ce/styles/ ve.ce.Surface.css */

.ve-ce-surface-deactivatedSelection-showAsDeactivated > div {
background-color: #aaa;
}
.ve-ce-surface-dropMarker {
background-color: #aaa;
}
.ve-ce-surface-highlights-user-selection {
background-color: #333;
}
.ve-ce-surface-highlights-user-cursor {
background: #000;
}
.ve-ce-surface-highlights-user-cursor-label {
background: #ccc;
color: #000;
text-shadow: 0 0 1px rgba( 255, 255, 255, 0.5 );
}
/* VisualEditor standalone installation
VisualEditor/ src/init/sa/styles/ ve.init.sa.Platform.css */
.ve-init-notification {
background: #000;
border: 1px solid #aaa;
box-shadow: 0 2px 2px 0 rgba( 255, 255, 255, 0.25 );
}

/* Visual editor article */
/*
.client-js {
.mw-editsection-divider
#ca-edit a { .ca-icon( '../images/pencil-source-grey' );
}
#ca-ve-edit a {.ca-icon( '../images/pencil-grey' );
}
#ca-ve-edit a, .ca-icon-only
.client-nojs, .ve-not-available {
.mw-editsection a {
*/

/* larger screens only white placeholder behind the MEpedia logo */
@media screen and (min-width: 851px) {

#p-logo {
background-color: #fff;
background-size: contain;
}

}

@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-header {
background-color: #000;
}
.color-bar {
border-color: transparent;
}
#mw-related-navigation,
.sidebar-chunk,
#page-tools,
#user-tools,
#personal {
background: #000 !important;
box-shadow: none;
border: 0;
}
}

.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
color: #eee;
}
.oo-ui-panelLayout-expanded {
color: #ccc;
}
.oo-ui-messageDialog-message {
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #ccc;
}

/* new button code from
https://raw.githubusercontent.com/Austemagne/DarkTimeless/8c88bfaff8cfb458db62cf11bbcf7853a490510f/timeless-dark.css
*/

.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
border-color: #aaa !important;
text-shadow: 0 0 0 #333 !important;
}
.oo-ui-flaggedElement-destructive {
background-color: #333;
border-color: #aaa;
/* label color overwrites text color */
color: #eee;
}
.oo-ui-flaggedElement-destructive:hover {
background-color: #222;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #333;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
/* is this a mistake / error or not needed? */
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #000;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: initial;
}

/* edit MediaWiki:Timeless.css to remove code so this won't be needed */
fieldset {
background-color: inherit;
}

.oo-ui-labelElement-label {
color: #eee;
}
.mw-widget-dateInputWidget-calendar,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background-color: #000;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: #333;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: initial;
color: #eee;
}
.mw-widget-calendarWidget-day {
color: #ccc;
}
.mw-widget-calendarWidget-day-additional {
color: #eee;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: initial;
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #ccc */
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #eee; */
}

.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
text-shadow: 0 0 0 #000;
}
.oo-ui-labelElement-label {
text-shadow: 0 0 0 #000;
}
.oo-ui-panelLayout-expanded {
background-color: #333;
}
.oo-ui-messageDialog-message {
color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #999;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right-color: #aaa;
}
.oo-ui-dialog-content > .oo-ui-window-body {
outline: 1px solid #141414;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline: 1px solid #141414;
}
.wikiEditor-ui .wikiEditor-ui-view {
border-color: #000;
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom-color: #000;
}
textarea[style] {
background-color: #333 !important;
color: #fff;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* inverted */
background-color: inherit;
border-color: #aaa;
}
/*
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonGroupWidget > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement.oo-ui-buttonWidget > a.oo-ui-buttonElement-button,
*/
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
color: #eee;
}
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > a.oo-ui-buttonElement-button {
color: #eee !important;
}
.mw-echo-ui-footerNoticeWidget > .oo-ui-labelElement-label {
color: #eee !important;
}

div.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-widget > .oo-ui-iconWidget {
filter: invert(100%)!important;
}