User:Njttest/timeless.css
From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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;
}