MediaWiki:Vector.css: различия между версиями

нет описания правки
 
Нет описания правки
Строка 1: Строка 1:
/* Edited version of https://minecraft.wiki/w/MediaWiki:Vector.css */
/* Edited version of https://minecraft.wiki/w/MediaWiki:Vector.css and Common.css*/


/* All CSS here will be loaded for users of the Vector skin */
/* All CSS here will be loaded for users of the Vector skin */


/**
body {
* See [[MediaWiki:Common.css]] for desktop and mobile styles, e.g. templates.
font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
*
}
* See [[MediaWiki:Vector-theme-dark.css]] for desktop dark theme related styles.
 
*
/** Color variables for tweaking by different themes **/
* See [[MediaWiki:Minerva.css]] for mobile theme related styles.
:root {
* See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles.
--navbox-background-color: #FFF;
*/
--navbox-border-color: #CCC;
--navbox-header-color: #CCC;
--navbox-secondary-header-color: #DDD;
--navbox-tertiary-header-color: #EEE;
--navbox-section-color: #EEE;
}
 
body.wgl-theme-dark {
--navbox-background-color: #333;
--navbox-border-color: #444;
--navbox-header-color: #111;
--navbox-secondary-header-color: #181818;
--navbox-tertiary-header-color: #222;
--navbox-section-color: #222;
}
 
 
/* Scale file page image to the width of the page */
#file img {
max-width: 100%;
height: auto;
}
 
/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
background-color: #C1DAF2;
}
 
/* Allow parts of toc to be hidden */
/* Section levels */
.toc-hidelevel2 .toclevel-1 ul,
.toc-hidelevel3 .toclevel-2 ul,
.toc-hidelevel4 .toclevel-3 ul,
/* Numbers */
.toc-nonumbers .tocnumber {
display: none;
}
 
/* Adjust styles for small screens */
@media (max-width: 500px) {
#content div.thumb {
float: none;
}
}
 
/* Simulate link styling for JS only links */
.jslink {
color: #0645AD;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
 
.jslink:hover {
text-decoration: underline;
cursor: pointer;
}
 
.jslink:active {
color: #FAA700;
}
 
/* Try to use nearest neighbour scaling for pixelated images */
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.pixel-image,
.invslot-item-image,
.sprite {
image-rendering: optimizeSpeed;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
 
/* Add [[File:Mojang logo.svg]] to known Mojang employee userlinks */
.mw-userlink[href="/w/User:Dinnerbone-gpuser"], .mw-userlink[href="/w/User:Dinnerbone-gpuser?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Jeb_mojang"], .mw-userlink[href="/w/User:Jeb_mojang?action=edit&redlink=1"],
.mw-userlink[href="/w/User:MidnightEnforcer"], .mw-userlink[href="/w/User:MidnightEnforcer?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Minecraft_Staff"], .mw-userlink[href="/w/User:Minecraft_Staff?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Mojang_tommo"], .mw-userlink[href="/w/User:Mojang_tommo?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Slicedlime"], .mw-userlink[href="/w/User:Slicedlime?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Jocopa3"], .mw-userlink[href="/w/User:Jocopa3?action=edit&redlink=1"],
.mw-userlink[href="/w/User:IP_Justice"], .mw-userlink[href="/w/User:IP_Justice?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Cornerhard"], .mw-userlink[href="/w/User:Cornerhard?action=edit&redlink=1"],
.mw-userlink[href="/w/User:CornerHard"], .mw-userlink[href="/w/User:CornerHard?action=edit&redlink=1"],
 
/* legacy/deleted */
.mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102"], .mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102?action=edit&redlink=1"],
/* previously User:Jonkagstrom47437 */
.mw-userlink[href="/w/User:@DeletedUser40286849"], .mw-userlink[href="/w/User:@DeletedUser40286849?action=edit&redlink=1"],
/* previously User:shoghicp */
.mw-userlink[href="/w/User:@DeletedUser40317681"], .mw-userlink[href="/w/User:@DeletedUser40317681?action=edit&redlink=1"] {
padding-left: 17px;
background: url('filepath://Mojang_logo.svg') no-repeat left center;
background-size: 14px 14px;
}
 
/* Add [[File:Grass Block JE7 BE6.png]] to known Minecraft/Mojang-related contractor employee userlinks */
.mw-userlink[href="/w/User:C418bla"], .mw-userlink[href="/w/User:C418bla?action=edit&redlink=1"] {
padding-left: 17px;
background: url('filepath://Grass_Block_JE7_BE6.png') no-repeat left center;
background-size: 14px 14px;
}
 
/* Add [[File:Gray Mojang Thing.png]] to known ex-Mojang employee userlinks */
.mw-userlink[href="/w/User:EvilSeph"], .mw-userlink[href="/w/User:EvilSeph?action=edit&redlink=1"],
.mw-userlink[href="/w/User:ExcitedZe"], .mw-userlink[href="/w/User:ExcitedZe?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Neon_Master"], .mw-userlink[href="/w/User:Neon_Master?action=edit&redlink=1"],
.mw-userlink[href="/w/User:RazzleberryFox"], .mw-userlink[href="/w/User:RazzleberryFox?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tahg"], .mw-userlink[href="/w/User:Tahg?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tamerjeison"], .mw-userlink[href="/w/User:Tamerjeison?action=edit&redlink=1"],
.mw-userlink[href="/w/User:HelenAngel"], .mw-userlink[href="/w/User:HelenAngel?action=edit&redlink=1"],
/* previously User:ProfMobius */
.mw-userlink[href="/w/User:@DeletedUser40549330"], .mw-userlink[href="/w/User:@DeletedUser40549330?action=edit&redlink=1"] {
padding-left: 17px;
background: url('filepath://Gray_Mojang_Thing.png') no-repeat left center;
}
 
/* Make external links the same colour as internal links, the icon is enough to differentiate them */
.mw-body a.external {
color: #0645ad;
}
 
.mw-body a.external:visited {
color: #0b0080;
}
 
.mw-body a.external:active {
color: #faa700;
}
 
/* Make tabs the correct size */
body {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
 
/* Classes corresponding to Minecraft formatting codes */
.format-0 {
color: #000;
text-shadow: 0.125em 0.125em 0 #000;
}
 
.format-1 {
color: #00A;
text-shadow: 0.125em 0.125em 0 #00002A;
}
 
.format-2 {
color: #0A0;
text-shadow: 0.125em 0.125em 0 #002A00;
}
 
.format-3 {
color: #0AA;
text-shadow: 0.125em 0.125em 0 #002A2A;
}
 
.format-4 {
color: #A00;
text-shadow: 0.125em 0.125em 0 #2A0000;
}
 
.format-5 {
color: #A0A;
text-shadow: 0.125em 0.125em 0 #2A002A;
}
 
.format-6 {
color: #FA0;
text-shadow: 0.125em 0.125em 0 #2A2A00;
}
 
.format-7 {
color: #AAA;
text-shadow: 0.125em 0.125em 0 #2A2A2A;
}
 
.format-8 {
color: #555;
text-shadow: 0.125em 0.125em 0 #151515;
}
 
.format-9 {
color: #55F;
text-shadow: 0.125em 0.125em 0 #15153F;
}
 
.format-a {
color: #5F5;
text-shadow: 0.125em 0.125em 0 #153F15;
}
 
.format-b {
color: #5FF;
text-shadow: 0.125em 0.125em 0 #153F3F;
}
 
.format-c {
color: #F55;
text-shadow: 0.125em 0.125em 0 #3F1515;
}
 
.format-d {
color: #F5F;
text-shadow: 0.125em 0.125em 0 #3F153F;
}
 
.format-e {
color: #FF5;
text-shadow: 0.125em 0.125em 0 #3F3F15;
}
 
.format-f,
#minetip-tooltip {
color: #FFF;
text-shadow: 0.125em 0.125em 0 #3F3F3F;
}
 
.format-l {
font-weight: bold;
letter-spacing: 0.125em;
}
 
.format-m {
text-decoration: line-through;
}
 
.format-n {
text-decoration: underline;
}
 
.format-o {
font-style: italic;
}
 
/* Styling for minecraft style tooltip */
#minetip-tooltip {
position: fixed;
top: 0;
left: 0;
background-color: #100010;
background-color: rgba(16, 0, 16, 0.94);
padding: 0.375em;
font-family: Minecraft, sans-serif;
font-size: 16px;
word-spacing: 4px;
white-space: nowrap;
line-height: 1.25em;
margin: 0.125em 0.25em;
pointer-events: none;
z-index: 9999;
}
 
#minetip-tooltip::before {
content: "";
position: absolute;
top: 0.125em;
right: -0.125em;
bottom: 0.125em;
left: -0.125em;
border: 0.15em solid #100010;
border-style: none solid;
border-color: rgba(16, 0, 16, 0.94);
}
 
#minetip-tooltip::after {
content: "";
position: absolute;
top: 0.125em;
right: 0;
bottom: 0.125em;
left: 0;
border: 0.125em solid #2D0A63;
border-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
border-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
}
 
#minetip-tooltip > .description,
#minetip-tooltip > .minetip-description {
display: block;
margin-top: 0.25em;
}
 
/* prevent sitenotice show/hide toggle from moving page contents down after pageload */
.globalNotice .globalNoticeDismiss {
float: right;
}
 
/* Prevent code from overflowing */
code {
    overflow-wrap: break-word;
}
 
/* Style code, pre and similar elements/classes with one common styling */
@media screen {
pre, code, .mw-code {
background-color: #F8F9FA;
color: #000;
border: 1px solid #BBC2C6;
}
}
 
kbd, .kbd-color {
text-shadow: 0 1px 0 #FFF;
background-color: #F8F9FA;
color: #222;
box-shadow: 0 1px rgba(0,0,0,0.2), 0 0 0 2px #FFF inset;
border-color: #BBC2C6;
font-size: smaller;
}
 
/* Fixes for small screens */
@media screen and (max-width: 720px) {
#mw-head {
top: 13px;
}
div#mw-navigation div#mw-panel {
position: static !important; /* position: relative may be added to inline styles by built-in JS after page load; it needs an !important to override */
}
}
 
@media screen and (max-width: 500px) {
/* TOC fix */
#mw-content-text > .mw-parser-output > div[style*="float"] {
float: none !important;
margin: 0 !important;
}
}
 
/* presumable Discord link on comportal */
.CPDiscord {
float: right;
margin-left: 1em;
clear: right;
}
 
/* Styling for tooltip */
.explain {
border-bottom: 0;
text-decoration: underline dotted;
cursor: help;
}
 
/* Show help cursor when an abbr element has a title attribute */
abbr[title] {
cursor: help;
}
 
.mw-references-columns {
overflow-wrap: break-word;
}
 
#mw-imagepage-section-filehistory {
overflow: auto;
}
   
   
/* Default styles:
/* Default styles:
Строка 70: Строка 435:


/* Remove excess spacing between the sidebar and the logo */
/* Remove excess spacing between the sidebar and the logo */
div#mw-panel {
#mw-panel {
padding-top: 0;
padding-top: 0;
padding-bottom: 10px;
padding-bottom: 10px;
Строка 628: Строка 993:
ul {
ul {
list-style-image: var(--list-bullet);
list-style-image: var(--list-bullet);
}
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */
div.mw-warning-with-logexcerpt,
.errorbox,
.warningbox,
.successbox {
    display: block;
    padding: .4em .8em;
    margin-bottom: 1em;
    border: 1px solid #CCC;
}
div.mw-warning-with-logexcerpt,
.errorbox {
    background: #FDD;
    border-left: 4px solid #FAA;
}
.warningbox {
    background: #FFC;
    border-left: 4px solid #DD8;
}
.successbox {
    background: #DFD;
    border-left: 4px solid #9C9;
}
.successbox strong p {
    margin: 0;
}
}


Строка 704: Строка 1038:
}
}


/* Fix side-by-side editor background colour */
.wikiEditor-ui-controls {
background-color: #E6EFF4;
border-right: 1px solid #E6EFF4;
}


/* Style notifications to look like achievements: [[File:Achievement background.png]] */
/* Style notifications to look like achievements: [[File:Achievement background.png]] */
Строка 775: Строка 1104:
}
}


.wikiEditor-ui .oo-ui-toolbar-popups {
    right: 0;
}
.wikiEditor-ui .ve-init-mw-switchPopupWidget,
.wikiEditor-ui .oo-ui-popupToolGroup-tools {
    right: 0 !important;
    left: unset !important;
}
.wikiEditor-ui .ve-init-mw-switchPopupWidget .oo-ui-popupWidget-anchor {
margin-left: calc(100% - 1.25em);
    left: unset !important;
}


body.rootpage-Minecraft_Wiki #firstHeading {
body.rootpage-Minecraft_Wiki #firstHeading {
Строка 833: Строка 1150:
margin-left: 0;
margin-left: 0;
font-weight: bold;
font-weight: bold;
}
body.rootpage-Minecraft_Wiki #n-randompage {
font-weight: normal;
}
body.rootpage-Minecraft_Wiki #n-in-Minecraft,
#n-in-Minecraft {
--sidebar-display: none;
}
.ns-0 #n-in-Minecraft,
.ns-1 #n-in-Minecraft,
#p-Recent_versions,
#p-useful-pages {
--sidebar-display: var(--sidebar-display-minecraft);
}
#n-in-Dungeons,
#p-useful-pages-dungeons {
--sidebar-display: var(--sidebar-display-dungeons);
}
#n-in-Earth,
#p-useful-pages-earth {
--sidebar-display: var(--sidebar-display-earth);
}
#n-in-Legends,
#p-useful-pages-legends {
--sidebar-display: var(--sidebar-display-legends);
}
#n-in-Story-Mode,
#p-useful-pages-story-mode {
--sidebar-display: var(--sidebar-display-story-mode);
}
/* Hide mobile-only things */
.mobileonly {
display: none;
}
/**********
Add WikiEditor parity with VisualEditor
And fixes for dark theme, VisualEditor and CodeEditor
**********/
/* Space that the whole editor takes */
.wikiEditor-ui .wikiEditor-ui-view {
margin-left: -1.7em;
margin-right: -1.7em;
border: 0;
}
.client-js #editform > .wikiEditor-ui .wikiEditor-ui-view {
margin-left: 0;
margin-right: 0;
}
.client-js #editform {
margin-left: -1.7em;
margin-right: -1.7em;
}
/* Removes border from the toolbar */
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 0;
}
/* Changes colors of the WikiEditor and VisualEditor toolbars */
.wikiEditor-ui-toolbar,
.oo-ui-toolbar-bar,
.wikiEditor-ui-toolbar .sections .section,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
    background-color: #dddddd;
    color: #202122;
    box-shadow: 0px 3px 7px 0px rgba(163,159,159,0.15);
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
.wikiEditor-ui-toolbar .sections .section .section-advanced .section-visible {
border-bottom: 0;
}
.oo-ui-toolbar-bar .oo-ui-toolbar-actions .oo-ui-toolbar .oo-ui-toolbar-bar {
border-bottom: 0;
box-shadow: none;
}
/* Changes buttons of WikiEditor to match VisualEditor's behavior */
.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    left: 10px;
}
.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
    min-width: 42px;
    min-height: 42px;
    text-align: center;
}
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .tool-select .label:after {
height: 42px;
}
.wikiEditor-ui-toolbar .group .label {
    line-height: 39px;
color: #202122;
}
.wikiEditor-ui-toolbar .group .tool-select .label {
    line-height: 42px;
    height: 42px;
}
.wikiEditor-ui-toolbar .tabs span.tab {
    line-height: 42px;
}
.wikiEditor-ui-toolbar .tabs span.tab a:before {
filter: invert(0);
height: 42px;
left: 6px;
}
.wikiEditor-ui-toolbar .tabs span.tab a {
height: 42px;
color: #202122;
padding-left: 22px;
}
.wikiEditor-ui-toolbar .tabs {
margin: 0;
}
.ve-init-mw-editSwitch .oo-ui-popupToolGroup {
height: 42px;
}
.ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
    padding-top: 42px;
}
/* Changes colors of the VisualEditor placeholder toolbar */
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
border-bottom: 1px solid #eaecf0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}
/* Changes border color for separator lines on both editors */
.oo-ui-toolbar-bar,
.oo-ui-menuToolGroup,
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group,
.wikiEditor-ui .wikiEditor-ui-top,
.codeEditor-status-message,
.ace_print-margin {
    border-color: #cbcbcb;
}
.ace_print-margin {
    background-color: #eaecf0;
}
/* Removes a shadow under page tabs on VisualEditor */
.ve-activated .vector-menu-tabs .selected {
    box-shadow: none;
}
/* Improves a bit text on the exit without saving changes menu on VisualEditor */
.oo-ui-messageDialog-title {
    color: #1e1e1e;
    font-weight: bold;
}
/* Improves labels on the character insertion menu on VisualEditor */
.ve-ui-specialCharacterPage h3,
.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 {
    font-weight: bold;
}
/* Changes the color of the highlighting icons' background */
/* Hovering */
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:is(:hover, :focus-within),
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:is(:hover, :focus-within),
.wikiEditor-ui-toolbar .tabs span.tab a:is(:hover, :focus-within),
.wikiEditor-ui-toolbar .group div.tool.tool-select a.label:is(:hover, :focus-within),
.wikiEditor-ui-toolbar .page-characters div span:hover,
.wikiEditor-ui-toolbar .booklet > .index > :hover,
.wikiEditor-ui-toolbar .page-characters div .wikiEditor-character-highlighted,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
background-color: #ebebeb;
color: #202122;
text-decoration: none;
}
/* Active */
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .group div.tool.tool-select.options-shown > a.label,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:active,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
.wikiEditor-ui-toolbar .booklet > .index > .current {
background-color: #dee6f3;
color: #0645ad;
}
/* Fixes Special characters and Help menus buttons and labels */
/* Normal */
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid #cbcbcb;
}
/* Fixes Help menu padding */
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
padding: 4px;
}
/* Fixes Help menu colors */
.wikiEditor-ui-toolbar .page-table td {
border-top: 1px solid #cbcbcb;
}
/* Makes a border color a bit consistent on the notice popup on VisualEditor */
.oo-ui-popupWidget-popup {
    border: 1px solid #c8ccd1;
}
/* Adds some padding at the left of the text editing section */
.mw-editform #wpTextbox1 {
padding-left: 0.8em;
}
/* Makes the text editing section a certain color on all cases */
.wikiEditor-ui,
.CodeMirror,
.mw-editform #wpTextbox1,
.ace-tm,
.wikiEditor-ui textarea {
background: #fbfbfb;
box-shadow: inset 1px -4px 12px 0px rgba(0,0,0,0.15);
}
/* Makes the syntax highlighting number line more readable
.CodeMirror-linenumbers,
.ace-tm .ace_gutter {
background: #efefef;
border-right: 1px solid #c8ccd1;
} */
/* Adds more padding to these notices */
.mw-editTools,
.templatesUsed,
.hiddencats,
.limitreport {
padding-left: 1.5em;
padding-right: 1.5em;
}
/* Changes colors of the save section */
.editOptions {
background-color: #dddddd;
    border: 0;
    padding: 1.5em;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
/* Modifies layout of some elements of the save section */
/* Summary section */
.mw-editform #wpSummaryLabel {
margin: 0 1em;
}
.editOptions > #wpSummaryLabel {
margin: 0;
}
/* Summary preview section */
.mw-summary-preview {
margin: 0 1em;
}
.editOptions > .mw-summary-preview {
margin: 0;
}
/* Copyright notice section */
.mw-editform #editpage-copywarn {
line-height: 1.4;
margin-top: 5px;
}
/* Changes the edit save popup */
/* Background transparency */
.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgb(255 255 255 / 20%);
}
/* Actual background colors */
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
border: 0;
background-color: #fff;
}
/* Separator line colors */
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline: 1px solid #c8ccd1;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right: 1px solid #c8ccd1;
}
/* Cancel button colors */
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
background-color: #fff;
color: #d33;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:is(:hover, :focus-within) {
background-color: #f7e7e7;
}
/* Accept button colors */
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
background-color: #36c;
color: #fff;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:is(:hover, :focus-within) {
background-color: #447ff5;
}
/* Other popups */
/* Background transparency */
.ui-widget-overlay {
background: rgb(255 255 255 / 20%);
}
/* Actual background colors */
.ui-widget-content {
border: 0;
background: #fff;
color: #323437;
}
/* Input fields */
.ui-widget select {
cursor: pointer;
}
#wikieditor-toolbar-file-target,
#wikieditor-toolbar-file-caption,
#wikieditor-toolbar-file-alt,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
border: 1px solid #c0c2c5;
    padding: 0.3em;
    border-radius: 3px;
}
/* Header colors */
body .ui-dialog .ui-widget-header {
background: #ebe9e9 !important;
border: 0;
font-size: 120%;
padding: 0.6em 1.4em 0.6em !important;
margin: 0.5em 0.5em 0;
}
/* Turns the wrapper of the options into flex */
.wikieditor-toolbar-field-wrapper {
display: flex;
gap: 6px;
align-items: center;
flex-wrap: wrap;
}
/* Turns the Show help text of inserting images into a button */
.wikieditor-toolbar-file-alt-help {
background: #f7f7f7;
border: 1px solid #c3c3c3;
font-size: 110%;
padding: 0.4em 1em 0.4em;
border-radius: 2px;
cursor: pointer;
}
.wikieditor-toolbar-file-alt-help:is(:hover, :focus-within) {
background: #eef4ff !important;
border-color: #afc4db !important;
}
/* Changes colors of the bottom buttons */
.ui-dialog .ui-dialog-buttonpane button {
background: #f7f7f7 !important;
border-color: #c3c3c3 !important;
font-weight: bold;
font-size: 110%;
color: #222222;
padding: 0.3em;
border-radius: 2px;
box-shadow: none;
}
.ui-dialog .ui-dialog-buttonpane button:is(:hover, :focus-within) {
background: #eef4ff !important;
border-color: #afc4db !important;
}
/* Improvements for colors on Search & Replace */
#wikieditor-toolbar-replace-nomatch {
background-color: #f3cece;
border-radius: 4px;
padding: 10px;
margin-bottom: 16px;
}
#wikieditor-toolbar-replace-emptysearch {
background-color: #e5e7bf;
border-radius: 4px;
padding: 10px;
margin-bottom: 16px;
}
#wikieditor-toolbar-replace-success {
background-color: #d6ebd2;
border-radius: 4px;
padding: 10px;
margin-bottom: 16px;
}
#wikieditor-toolbar-replace-invalidregex {
background-color: #efd6f1;
border-radius: 4px;
padding: 10px;
margin-bottom: 16px;
}
/* Changes for VisualEditor's save UI */
.ve-ui-mwSaveDialog-options {
    background-color: transparent;
    border: 0;
}
.ve-ui-mwSaveDialog-summary {
    background-color: transparent;
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget {
    padding: 0.3em 0.6em;
    border-radius: 3px;
}
/**********
CodeEditor (also called AceEditor) colors
Consistency between light and dark themes
**********/
.ace-tm .ace_comment {
color: #4a5651;
}
.ace-tm .ace_constant,
.ace-tm .ace_string {
color: #b30106;
}
.ace-tm .ace_variable {
color: #005671;
}
.ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_class,
.ace-tm .ace_constant.ace_language,
.ace-tm .ace_constant.ace_library {
color: #006612;
}
.ace-tm .ace_constant.ace_numeric,
.ace-tm .ace_storage,
.ace-tm .ace_keyword {
color: #132be5;
}
.ace-tm .ace_support.ace_constant {
color: #8c4100;
}
.ace-tm .ace_entity.ace_name.ace_function {
color: #0070a7;
}
.ace-tm .ace_comment.ace_doc {
color: #4863c1;
}
/**********
CodeMirror (WikiEditor syntax highlighting) colors
Consistency between light and dark themes
**********/
/* Parser functions */
.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter {
color: #c50000;
}
/* Templates */
.cm-mw-template,
.cm-mw-template-name,
.cm-mw-template-argument-name,
.cm-mw-template-delimiter,
.cm-mw-template-bracket {
color: #7500af;
}
/* Page links */
.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol,
.cm-mw-extlink-bracket {
color: #1318d5;
}
/* Tags */
.cm-mw-mnemonic,
.cm-mw-exttag-name,
.cm-mw-htmltag-name,
.cm-mw-exttag-bracket,
.cm-mw-exttag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-attribute {
color: #095c00;
}
/* Comments */
.cm-mw-comment {
color: #59718d;
}
/* Template variables */
.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-name,
.cm-mw-templatevariable-delimiter {
color: #95580a;
}
/* Links to sections and other formatting */
.cm-mw-list,
.cm-mw-indenting,
.cm-mw-doubleUnderscore,
.cm-mw-signature,
.cm-mw-hr,
.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-link,
.cm-mw-link-tosection,
.cm-mw-section-header {
color: #0066be;
}
/* Tables */
.cm-mw-table-bracket,
.cm-mw-table-delimiter,
.cm-mw-table-definition {
    color: #ce007f;
}
/* Matching brackets */
.cm-mw-matchingbracket {
background-color: #c5c54b;
}
.mw-prefs-buttons {
background-color: var(--content-background-color);
}
}