Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m |
m |
||
(43 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- | + | .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 28: | Line 31: | ||
color: #bbb; | color: #bbb; | ||
} | } | ||
− | .oo-ui-buttonElement.oo-ui- | + | .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; | 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;
}