User:Njttest/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, .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 */
 * 1) wikiEditor-section-help,
 * 2) wikiEditor-section-main,

.wikiEditor-ui-toolbar, .tool-active { background-image: none; } .booklet, .booklet > .index > :hover, .booklet > .index > .current { background-color: #333; } .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; }
 * 1) wikiEditor-section-characters > .index > .current,
 * 2) wikiEditor-section-characters > .index > .current:hover,
 * 3) wikiEditor-section-help .index > .current,
 * 4) wikiEditor-section-help .index > .current:hover,

.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, .pages .page { background-color: #000; } .wikiEditor-ui-toolbar .page-characters div > span, .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-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; }
 * 1) wikiEditor-section-help > div.index,
 * 1) wikiEditor-section-help > div,
 * 2) wikiEditor-section-help > div > div,
 * 1) wikiEditor-section-characters div.index div *,

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

.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 */ box-shadow: none; border-radius: 0; border: 0; }
 * 1) mw-related-navigation .sidebar-chunk,
 * 2) mw-site-navigation .sidebar-chunk {

/* 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 */ background-color: #000; border-color: #E7453A; } background: #000; }
 * 1) mw-header-hack {
 * 1) mw-header-nav-hack {

/* :link etc order to lvha

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

/* works - display file info from mediawiki/resources/src/mediawiki.action/mediawiki.action.view.filepage.css 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; }
 * 1) filetoc {
 * 1) filetoc {

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

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

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

.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 */ li.selected a, li.selected > span, li a:focus span, li a:active span { /* Low vision sky blue */ color: #56b4e9; filter: none; }
 * 1) pagehistory,
 * 2) mw-page-header-links li.selected a,
 * 3) mw-page-header-links li.selected > span,

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

/* 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 */ background: #000; border: #aaa; } background: #000; } background: #333; } /* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.theme.css */
 * 1) personal {
 * 1) personal-extra ul {
 * 1) personal-inner h3 ul {

/* 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 */ .dropdown { background: #000; color: #eee; border-color: #aaa; }
 * 1) personal .dropdown,

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

/* from original move to all screen sizes */

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

/* 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 */ color: #ccc; display: block; }
 * 1) siteSub {

.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 */

background: #333; }
 * 1) mw-content-text {

/* 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; }    background: #000; color: #ccc; }
 * 1) p-variants-desktop .dropdown .selected a {

/* 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' ); } .client-nojs, .ve-not-available { .mw-editsection a {
 * 1) ca-ve-edit a, .ca-icon-only

/* 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; } .sidebar-chunk, background: #000 !important; box-shadow: none; border: 0; } }
 * 1) mw-related-navigation,
 * 1) page-tools,
 * 2) user-tools,
 * 3) personal {

.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' ); } .client-nojs, .ve-not-available { .mw-editsection a {
 * 1) ca-ve-edit a, .ca-icon-only

/* 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; } .sidebar-chunk, background: #000 !important; box-shadow: none; border: 0; } }
 * 1) mw-related-navigation,
 * 1) page-tools,
 * 2) user-tools,
 * 3) personal {

.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; }