MediaWiki:Common.css

From Frictional Wiki
Revision as of 21:44, 15 August 2020 by Mudbill (talk | contribs)
Jump to navigation Jump to search

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* class keyword color */
.mw-highlight .nc {
  color: #6A6AFF;
}

/* Darken image thumbnail border */
html .thumbimage {
  border-color: #484848;
}

/* Darken VisualEditor pop-up box arrow */
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
  border-bottom-color: #292929 !important;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
  border-bottom-color: black !important;
}

/* Make VisualEditor pop-up box close button white */
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  filter: invert(1);
}

/* Make VisualEditor pop-up box text lighter */
.oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  color: #bbb;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: #bbb;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  color: #696969;
}

/* Prevent trash and error icon from turning blue */
.oo-ui-image-destructive.oo-ui-icon-trash, .oo-ui-image-error.oo-ui-icon-error {
  filter: inherit !important;
}

/* Prevent table edit bars from turning brown */
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
  filter: inherit;
}

/* Prevent text from getting too dark */
.oo-ui-tabOptionWidget {
  color: inherit;
}

/* Prevent horizontal line breaker from having a white background in CodeMirror */
.cm-mw-hr {
  background-color: inherit;
}