|
|
(198 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /* no white border on solid images */ | | /* outstanding tasks |
| .thumbborder { | | 1. Re-use citations text is #333 |
| border-color: transparent;
| | 2. echo text invisible - phabricator [https://phabricator.wikimedia.org/T287132 |T287132] |
| }
| | 3. image icon colors on PagesForns previews shouldn't be inverted, and on settings icon on far right wiki toolbar |
| /* forms */
| | 4. after links or references the small gap disappears so the next word looks too far left |
| form {
| | 5. are certain templates setting a background color? |
| background-color: #000;
| |
| color: #ccc;
| |
| }
| |
| /* merge with current suggestions */
| |
| .suggestions, | |
| .suggestions-special,
| |
| .suggestions-result,
| |
| .suggestions-results,
| |
| .suggestions-result-current {
| |
| background: inherit;
| |
| box-shadow: 0 2px 2px 1px rgba( 255, 255, 255, 0.05 );
| |
| border-color: #aaa;
| |
| color: #ccc;
| |
| }
| |
| /* graph background */
| |
| canvas {
| |
| background-color: #fff;
| |
| }
| |
| | |
| /* 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 {
| |
| color: #ccc;
| |
| background: #000;
| |
| }
| |
| .wikiEditor-ui-tabs div.a,
| |
| .wikiEditor-ui-tabs div.current a {
| |
| background: #333;
| |
| 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: #333;
| |
| }
| |
| .booklet > index > :hover {
| |
| color: #eee;
| |
| }
| |
| .booklet > index > .current {
| |
| color: #56b4e9;
| |
| }
| |
| /* jquery.wikiEditor.toolbar-wikimedia.less
| |
| jquery.wikiEditor.toolbar.less
| |
| */
| |
| .tool-button,
| |
| .wikiEditor-ui-toolbar .tool-button,
| |
| .wikiEditor-ui-toolbar,
| |
| .wikiEditor-ui-toolbar .group .tool-select
| |
| .menu .options .option:hover,
| |
| .wikiEditor-ui-toolbar .group .tool-select,
| |
| .wikiEditor-ui-toolbar .group .tool-select .options {
| |
| background: #000;
| |
| color: #ccc;
| |
| }
| |
| /* inverted in original */
| |
| .wikiEditor-ui-toolbar .group .tool-select .options .option,
| |
| .wikiEditor-ui-toolbar .wikiEditor-character-highlighted {
| |
| background: #eee;
| |
| color: #000!important;
| |
| filter: none!important;
| |
| }
| |
| .wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
| |
| background: #000;
| |
| color: #eee;
| |
| }
| |
| | |
| .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,
| |
| .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 {
| |
| color: #56b4e9;
| |
| }
| |
| .wikiEditor-ui-toolbar .page-table th {
| |
| color: #eee;
| |
| }
| |
| .wikiEditor-ui-toolbar .page-table td,
| |
| .wikiEditor-ui-toolbar .page-characters div {
| |
| background-color: #000;
| |
| }
| |
| .wikiEditor-ui-toolbar .page-characters div > span,
| |
| .page-characters div > span {
| |
| color: #333;
| |
| }
| |
| .wikiEditor-ui-toolbar .page-characters div span:hover {
| |
| background-color: #000;
| |
| }
| |
| | |
| #wikiEditor-section-characters, .booklet .section, section-characters > a, #wikiEditor-section-characters div.index div {
| |
| background: #333;
| |
| color: #ccc;
| |
| }
| |
| #wikiEditor-section-characters div.index background: #333;
| |
| color: #ccc;
| |
| }
| |
| #wikiEditor-section-characters div div.current {
| |
| background: #333;
| |
| 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;
| |
| }
| |
| | |
| /* code to be deleted from live copy
| |
| #mw-site-navigation .sidebar-chunk {
| |
| background: #333;
| |
| border-color: #aaa;
| |
| box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
| |
| border-radius: 2px;
| |
| }
| |
| | |
| | |
| .sidebar-chunk,
| |
| #mw-related-navigation .sidebar-chunk,
| |
| #site-navigation,
| |
| #related-navigation
| |
| | |
| | |
| div.editOptions {
| |
| border-color: #aaa;
| |
| background: #555;
| |
| }
| |
| | |
| #mw-site-navigation .sidebar-inner {
| |
| background: #333;
| |
| color: #ccc;
| |
| border: 0;
| |
| }
| |
| | |
| | |
| | |
| #mw-site-navigation {
| |
| background: #000;
| |
| }
| |
| | |
| #mw-related-navigation .sidebar-chunk {
| |
| border: outset #333;
| |
| box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
| |
| border-radius: 3px;
| |
| }
| |
| | |
| | |
| | |
| inside 1099px
| |
| | |
| #mw-related-navigation .sidebar-chunk {
| |
| border-color: #333;
| |
| box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
| |
| | |
| | |
| | |
| -webkit-border-bottom-right-radius: 4px;
| |
| -webkit-border-bottom-left-radius: 4px;
| |
| -moz-border-radius-bottomright: 4px;
| |
| -moz-border-radius-bottomleft: 4px;
| |
| border-bottom-right-radius: 4px;
| |
| border-bottom-left-radius: 4px;
| |
| | |
| **** end of code to be deleted
| |
| */
| |
| | |
| /* delete box shadow from existing */
| |
| #mw-related-navigation .sidebar-chunk,
| |
| #mw-site-navigation .sidebar-chunk {
| |
| box-shadow: none;
| |
| border-radius: 0;
| |
| border: 0;
| |
| }
| |
| | |
| /* Smallish screens display a white section without this */
| |
| #mw-header-hack {
| |
| border-color: transparent;
| |
| }
| |
| #mw-header-nav-hack {
| |
| background: #000;
| |
| border-color: transparent;
| |
| }
| |
| | |
| /* :link etc order to lvha
| |
| */ | | */ |
|
| |
|
| /* alert background */ | | /* redirect icon inverted - code sample from |
| #menus-cover {
| | https://github.com/wikimedia/mediawiki/blob/master/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css |
| 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: #000;
| |
| border-color: #333;
| |
| border-radius: 5px;
| |
| color: #aaa;
| |
| }
| |
|
| |
|
| /* | | /* See [[User:Notjusttired/Timeless-inprogress.css]] for css in progress |
| Visited page tabs eg view source on road only pages
| | Page blanked to allow testing comparison with staging server |
| */
| |
| /* 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%);
| |
| }
| |
| | |
| | |
| /* 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: #000;
| |
| color: #eee;
| |
| }
| |
| /* temporary */
| |
| .oo-ui-toolbar-tools {
| |
| border: 0;
| |
| }
| |
| | |
| .oo-ui-optionWidget-highlighted {
| |
| background: #333;
| |
| color: #fff;
| |
| }
| |
| | |
| .oo-ui-window-head,
| |
| .oo-ui-window-foot,
| |
| .oo-ui-messageDialog-title,
| |
| .oo-ui-tabSelectWidget-framed,
| |
| .oo-ui-tabSelectWidget-mobile {
| |
| background: #000;
| |
| }
| |
| .oo-ui-messageDialog,
| |
| .oo-ui-processDialog-content,
| |
| .oo-ui-buttonWidget,
| |
| .oo-ui-tagItemWidget {
| |
| background: #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,
| |
| .oo-ui-icon-bell:before {
| |
| background-color: transparent;
| |
| filter: invert(63%) sepia(46%) saturate(624%) hue-rotate(165deg) brightness(97%) contrast(88%)!important;
| |
| }
| |
| .mw-echo-ui-confirmationPopupWidget-popup,
| |
| .mw-echo-special-navbar-top {
| |
| filter: invert(100%) grayscale(100%) !important;
| |
| }
| |
| .mw-echo-markAsReadSectionButton .oo-ui-buttonElement-button .oo-ui-labelElement-label {
| |
| background-color: #000;
| |
| color: #ccc;
| |
| filter: none;
| |
| }
| |
|
| |
|
| /* lighter than low vision sky blue */
| | .oo-ui-popupWidget-body { |
| .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%)!important; | |
| }
| |
| | |
| /* echo mw.echo.ui.MenuItemWidget.less
| |
| */
| |
| .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
| |
| .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;
| |
| }
| |
| | |
| [class*="oo-ui-icon-"],
| |
| .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 {
| |
| filter: none;
| |
| }
| |
| | |
| /* 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-ui-previewElement,
| |
| .ve-ce-generated-wrapper {
| |
| background: #000;
| |
| color: #ccc;
| |
| }
| |
| */
| |
| | |
| /* 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 */
| | color: #ccc!important ; |
| | | background-color: #333; |
| /* 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: #666;
| |
| 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: #333;
| |
| 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-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 {
| |
| background-color: #ccc;
| |
| color: #000;
| |
| background-image: none;
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| background-color: #454545;
| |
| color: #ccc;
| |
| 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;
| |
| background-image: none;
| |
| }
| |
| .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 {
| |
| color: #000;
| |
| background-color: #eee;
| |
| border-color: #aaa;
| |
| background-image: none;
| |
| }
| |
| | |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
| |
| color: #eee;
| |
| background-color: #666;
| |
| border-color: #aaa;
| |
| background-image: none;
| |
| }
| |
| | |
| /* 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;
| |
| }
| |
| .oo-ui-popupWidget-popup {
| |
| 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: #999;
| |
| }
| |
| .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 {
| |
| color: #333;
| |
| }
| |
| /* 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 {
| |
| /* 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: 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; | |
| }
| |
| | |
| /* May not be needed?
| |
| .mw-echo-ui-notificationItemWidget * {
| |
| background: transparent;
| |
| color: #eee;
| |
| filter: none;
| |
| }
| |
| */
| |
| | |
| | |
| /* 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-post-open,
| |
| .ve-ce-nail-pre-close {
| |
| filter: none;
| |
| }
| |
| | |
| /* 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 {
| |
| /* 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: #333;
| |
| }
| |
| | |
| .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 {
| |
| 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.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 {
| |
| }
| |
| */
| |
| | |
| /* 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: #333;
| |
| } | | } |