Difference between revisions of "MediaWiki:Common.css"

From Frictional Wiki
Jump to navigation Jump to search
m
m
 
(41 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
/* class keyword color */
 
/* class keyword color */
 
.mw-highlight .nc {
 
.mw-highlight .nc {
 +
  color: #6A6AFF;
 +
}
 +
.mw-highlight .nn {
 
   color: #6A6AFF;
 
   color: #6A6AFF;
 
}
 
}
Line 20: Line 23:
  
 
/* Make VisualEditor pop-up box close button white */
 
/* Make VisualEditor pop-up box close button white */
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert) > oo-ui-iconElement-icon oo-ui-icon-close {
+
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-icon-info) {
 
   filter: invert(1);
 
   filter: invert(1);
 
}
 
}
Line 33: Line 36:
 
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 
   color: #696969;
 
   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;
 +
}
 +
 +
/* Prevent icons in white modal from turning white */
 +
.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header .oo-ui-iconElement-icon,
 +
.oo-ui-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-iconElement-icon,
 +
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 +
  filter: inherit;
 +
}
 +
 +
/* Make tooltip text dark */
 +
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
 +
  color: #bbb;
 +
}
 +
 +
/* Fix bright color for URL close button */
 +
.ve-ui-mwLinkAnnotationInspector .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
 +
  background-color: #3b3b3c;
 +
  border-right-color: transparent;
 +
}
 +
.ve-ui-mwLinkAnnotationInspector .oo-ui-icon-close {
 +
  filter: invert();
 +
}
 +
.ve-ui-mwLinkAnnotationInspector .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active {
 +
  background-color: inherit;
 +
  border-right-color: transparent;
 +
}
 +
 +
/* Set a slightly darker text color for inline help text */
 +
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-inline-help {
 +
  color: #a2a2a2 !important;
 +
}
 +
 +
/* Fix inverted colors for check and radio inputs */
 +
.oo-ui-checkboxInputWidget {
 +
  filter: invert();
 +
}
 +
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 +
  filter: inherit;
 +
}
 +
 +
/* Unselected tab text color in preferences */
 +
.oo-ui-tabOptionWidget {
 +
  color: white;
 +
}
 +
 +
/* Tab background color in preferences */
 +
.oo-ui-tabSelectWidget-framed {
 +
  background-color: #555;
 +
}
 +
 +
/* Add some space on the right side of the article area */
 +
#content {
 +
  border-right-width: 1px;
 +
  margin-right: 1em;
 +
}
 +
 +
/* Fix the TOC testing that I did in the latest skin version but forgot to remove :) */
 +
#toc {
 +
  position: inherit;
 +
  width: inherit;
 +
  overflow-y: inherit;
 +
}
 +
#content {
 +
  margin-left: 11em;
 +
}
 +
#p-namespaces {
 +
  margin-left: 0em;
 +
}
 +
#footer {
 +
  margin-left: 13em !important;
 
}
 
}

Latest revision as of 20:57, 8 September 2020

/* CSS placed here will be applied to all skins */

/* class keyword color */
.mw-highlight .nc {
  color: #6A6AFF;
}
.mw-highlight .nn {
  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:not(.oo-ui-icon-info) {
  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;
}

/* Prevent icons in white modal from turning white */
.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header .oo-ui-iconElement-icon,
.oo-ui-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-iconElement-icon,
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  filter: inherit;
}

/* Make tooltip text dark */
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
  color: #bbb;
}

/* Fix bright color for URL close button */
.ve-ui-mwLinkAnnotationInspector .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
  background-color: #3b3b3c;
  border-right-color: transparent;
}
.ve-ui-mwLinkAnnotationInspector .oo-ui-icon-close {
  filter: invert();
}
.ve-ui-mwLinkAnnotationInspector .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active {
  background-color: inherit;
  border-right-color: transparent;
}

/* Set a slightly darker text color for inline help text */
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-inline-help {
  color: #a2a2a2 !important;
}

/* Fix inverted colors for check and radio inputs */
.oo-ui-checkboxInputWidget {
  filter: invert();
}
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  filter: inherit;
}

/* Unselected tab text color in preferences */
.oo-ui-tabOptionWidget {
  color: white;
}

/* Tab background color in preferences */
.oo-ui-tabSelectWidget-framed {
  background-color: #555;
}

/* Add some space on the right side of the article area */
#content {
  border-right-width: 1px;
  margin-right: 1em;
}

/* Fix the TOC testing that I did in the latest skin version but forgot to remove :) */
#toc {
  position: inherit;
  width: inherit;
  overflow-y: inherit;
}
#content {
  margin-left: 11em;
}
#p-namespaces {
  margin-left: 0em;
}
#footer {
  margin-left: 13em !important;
}