User:Songnaixue/chameleon.css

From BetaArchive Wiki
< User:Songnaixue
Revision as of 05:47, 19 December 2021 by Songnaixue (talk | contribs) (Created page with "→‎It's easy to break the Watercolor skin.: →‎You just need to override the default color scheme to make it dark.: h1, h2, h3, h4, h5, h6, .mw-body, .parsoid-body, .mess...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* It's easy to break the Watercolor skin. */

/* You just need to override the default color scheme to make it dark. */
h1, h2, h3, h4, h5, h6, .mw-body, .parsoid-body, .messagebox, .errorbox, .warningbox, .successbox {
    color: #fff;
}

h1, h2 {
    border-bottom: 1px solid !important;
    border-image: linear-gradient(90deg, #fff, transparent);
    border-image-slice: 1;
}

#content {
    background-color: #191919 !important;
}

code, pre, kbd, .infobox, #toc, .mbox {
    background-color: #191919 !important;
    color: white !important;
}

#content table caption {
    color: white !important;
}

#content table th, #content table th * {
    background-color: #101010;
    color: white !important;
}

#content table td {
    background-color: #191919;
    color: white !important;
}

#content .mp-box {
    background-color: #191919 !important;
    color: white !important;
}

#content .mp-box.mp-purple h2 {
    background-color: #191919 !important;
    color: white !important;
}

#content .gallery .thumb {
    background-color: #191919 !important;
}

#content .mp-box .gallery .thumb {
    background-color: #191919 !important;
}

.messagebox, .errorbox, .warningbox, .successbox {
	background-color: #191919;
	border-radius: 0 5px 5px 0;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 1px solid #333;
}

.mw-body-content blockquote {
    border-left: 4px solid #333;
}

a {
    color: #7b9ed9;
}

a:visited {
    color: #978eff;
}

.tocnumber {
    color: #fff;
}

.toc, .toccolours, pre, code, .mw-code, li.gallerybox div.thumb, .mw-parser-output .infobox {
    border: 1px solid #333 !important;
}

.ib-label {
    background-color: #191919 !important;
}
.ib-header center {
    background-color: #191919 !important;
}

body #mw-navigation #mw-panel .vector-menu-portal h3 {
    border-bottom: none;
}

body #mw-navigation #searchform #simpleSearch #searchInput {
    background-color: #191919;
}

#searchButton {
    filter: invert(1);
}

.vector-menu-dropdown .vector-menu-content {
    background-color: #191919;
    border: 1px solid #333;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.4);
}

#footer-copyrightico {
    padding: 0.5em 0 1.5em 0;
}

#filetoc {
    border: 1px solid #333;
    background-color: #191919;
}

.mw-ui-button {
    background-color: #191919;
    color: #fff;
    border: 1px solid #333;
}

.mw-ui-button:hover {
    background-color: #111;
    color: #fff;
    border-color: #333;
}

ul {
    list-style-image: none !important;
}

.mw-mmv-filepage-buttons .mw-mmv-view-expanded.mw-ui-icon::before, .mw-mmv-filepage-buttons .mw-mmv-view-config.mw-ui-icon::before {
    filter: invert();
    opacity: 1;
}

.mw-mmv-post-image {
    color: #fff;
    background-color: #191919;
}

.mw-mmv-image-metadata {
    border-top: 1px solid #333;
    background-color: #191919;
    padding-top: 5px;
}

.mp-header, .mp-purple {
    border: 1px solid #333;
}
.mp-purple h2 {
    border: 1px solid #333 !important;
}

.catlinks {
    border: 1px solid #333;
    background-color: #191919;
}

.mw-parser-output .navbox {
    border: 1px solid #333 !important;
}
.mw-parser-output .navbox-title {
    background-color: #333 !important;
}
.mw-parser-output .navbox-above:nth-child(n-1), .mw-parser-output .navbox-below:nth-child(n-1), .mw-parser-output .navbox-group:nth-child(n-1), .mw-parser-output .navbox-image:nth-child(n-1), .mw-parser-output .navbox-list:nth-child(n-1) {
    border-top: 2px solid #191919 !important;
}
.mw-parser-output .navbox-list {
    border-left: #191919 2px solid !important;
    background-color: #191919 !important;
}
.mw-parser-output .navbox-above, .mw-parser-output .navbox-below, .mw-parser-output .navbox-group, .mw-parser-output .navbox-child .navbox-title {
    background-color: #333 !important;
}
.mw-parser-output .ombox {
    border: 1px solid #333 !important;
    background-color: #191919 !important;
}

div.thumbinner {
    border: 1px solid #333;
    background-color: #191919;
}

.thumbimage {
    background-color: #191919;
    border: 0;
}

.toc, .toccolours {
    background-color: #191919;
}

div.mw-warning-with-logexcerpt {
    background: #391919;
}
.diff-deletedline .diffchange {
    background: #60480f;
}
.diff-deletedline {
    border-color: #60480f;
}
.diff-context {
    border-color: #606060;
}
.diff-addedline {
    border-color: #256cac;
}
.diff-addedline .diffchange {
    background: #256cac;
}
output .ambox-notice {
    border-color: royalblue;
}
#content .mp-box h1, #content .mp-box h2 {
    border-bottom: 1px solid transparent;
    border-image-slice: 0 !important;
}
#content .mp-box li::marker {
    color: transparent;
}
#content .mp-box.mp-purple h2 {
    background-color: #191919 !important;
    color: white !important;
}
.toctogglelabel {
    cursor: pointer;
    color: #498dff;
}
.mw-content-ltr .magnify a, .ib-below a {
    filter: invert();
}
.mw-parser-output .infobox .ib-header {
    background-color: #191919 !important;
}

.oo-ui-popupWidget-popup {
    background-color: #191919;
    border: 1px solid #333;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
    border-bottom-color: #333;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
    border-bottom-color: #191919;
}
.oo-ui-icon-table, .mw-ui-icon-table::before, .oo-ui-icon-tableMergeCells, .mw-ui-icon-tableMergeCells::before, .oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery::before, .oo-ui-icon-help, .mw-ui-icon-help::before, .oo-ui-icon-undo, .mw-ui-icon-undo::before, .oo-ui-icon-redo, .mw-ui-icon-redo::before, .oo-ui-indicator-down, .oo-ui-icon-textStyle, .mw-ui-icon-textStyle::before, .oo-ui-icon-link, .mw-ui-icon-link::before, .oo-ui-icon-listBullet, .mw-ui-icon-listBullet::before, .oo-ui-icon-specialCharacter, .mw-ui-icon-specialCharacter::before, .oo-ui-icon-menu, .mw-ui-icon-menu::before, .oo-ui-icon-edit, .mw-ui-icon-edit::before, .oo-ui-icon-bold, .mw-ui-icon-bold::before, .oo-ui-icon-italic, .mw-ui-icon-italic::before, .oo-ui-icon-superscript, .mw-ui-icon-superscript::before {
    filter: invert();
}
.ve-ui-contextItem + .ve-ui-contextItem {
    border-top: 1px solid #333;
}
.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
    margin-right: 0px;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #191919;
    border-color: #333;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: #111;
}
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
    background-color: #36c;
}
.wikitable {
    background-color: #191919;
    color: #fff;
    border: 1px solid #333;
}
.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
    outline: 1px dashed #777;
    background-color: #191919;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    color: #fff;
}
.oo-ui-iconElement-icon.oo-ui-icon-add {
    filter: invert();
}
.oo-ui-toolbar-bar {
    background-color: #191919;
    color: #fff;
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
    border-bottom: 1px solid #333;
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
    background-color: #111;
}
.oo-ui-menuToolGroup {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
    background-color: #111;
}
.oo-ui-popupToolGroup-tools {
    background-color: #191919;
    border: 1px solid #333;
}
.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, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
    background-color: #111;
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
    border-right-color: #333;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
    background-color: #191919;
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
    border: 1px solid #333;
}
#pagehistory li.selected {
    background-color: #191919;
    color: #202122;
    outline: 1px dashed #fff;
}
#pagehistory li.selected {
    color: #fff;
}

.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
    outline: 1px solid #333;
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
    background-color: #111;
    border-right-color: #333;
}
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {
    filter: invert();
}
.oo-ui-labelElement .oo-ui-labelElement-label, .oo-ui-labelElement.oo-ui-labelElement-label, .ve-ui-mwSaveDialog-summaryLabel, .oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded {
    color: #fff;
}
.ve-ui-mwSaveDialog-options {
    background-color: #191919;
    border: 1px solid #333;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: transparent;
    color: #fff;
    border: 1px solid #333;
}
.ve-ui-mwSaveDialog-summary {
    background-color: #191919;
}
.ve-ui-mwSaveDialog-license {
    color: #a4a9ad;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #191919;
    border-color: #333;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, #searchInput, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: #fff;
}
.oo-ui-icon-bookmark, .mw-ui-icon-bookmark::before, .oo-ui-icon-play, .mw-ui-icon-play::before, .oo-ui-icon-settings, .mw-ui-icon-settings::before, .oo-ui-icon-trash, .mw-ui-icon-trash::before, .oo-ui-icon-article, .mw-ui-icon-article::before, .oo-ui-icon-tag, .mw-ui-icon-tag::before, .oo-ui-icon-first, .mw-ui-icon-first::before, .oo-ui-icon-previous, .mw-ui-icon-previous::before, .oo-ui-icon-search, .mw-ui-icon-search::before, .oo-ui-indicator-clear {
    filter: invert(1);
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #191919;
    border: 1px solid #333;
}
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
    border-top: 1px solid !important;
    border-image: linear-gradient(90deg,#fff,transparent);
    border-image-slice: 1;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: #191919;
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: transparent;
    border: 1px solid #333;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #191919;
    color: #fff;
    border: 1px solid #333;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
    border-color: #333;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border: 1px solid #333;
}
.mw-parser-output .fmbox-system {
    border: 1px solid #333 !important;
    background-color: #191919 !important;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #191919;
}
.oo-ui-tagItemWidget {
    border: 1px solid #333;
}
ol.references li:target, sup.reference:target {
    background-color: #424c6a;
}

/* KB9098008F (2021-08 Cumulative Update for Watercolor.css) */

.mw-parser-output .ambox {
    border: 1px solid #333;
    background-color: #191919 !important;
}
.mw-parser-output .tmbox {
    background-color: #2d210e !important;
}
fieldset {
    border: 1px solid #333;
}
.mw-datatable td, .mw-datatable th {
    border: 1px solid #333 !important;
}
.oo-ui-panelLayout-framed {
    border: 1px solid #333;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: #191919;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: #191919 !important;
}
.oo-ui-dropdownWidget-handle {
    border: 1px solid #333;
}
.oo-ui-dropdownWidget-handle {
    border: 1px solid #333;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: #252525;
}
.oo-ui-menuSelectWidget {
    background-color: #191919;
    border: 1px solid #333;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: #252525 !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
    border-color: #333;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
    background-color: transparent;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header, .oo-ui-menuSelectWidget {
    border-bottom: 1px solid #333;
    background-color: #191919;
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected), .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: #252525;
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-bottom: 1px solid #333;
}
.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: #191919;
    border-top: 1px solid #333;
}
.mw-search-profile-tabs {
    background-color: #191919;
    border: 1px solid #333;
}
.search-types .current a {
    color: #ddd;
}
.oo-ui-menuSelectWidget {
    background-color: #191919;
    border: 1px solid #333;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #252525 !important;
}
.results-info {
    color: #fff;
}

.mw-parser-output .table-version-unreleased, .mw-parser-output .version-unreleased {
    background: #7300FF40 !important;
}

.mw-parser-output .table-version-unsupported, .mw-parser-output .version-unsupported, .mw-parser-output .table-no {
    background: #ff000040 !important;
}

.mw-parser-output .table-version-supported, .mw-parser-output .version-supported, .mw-parser-output .table-partial {
    background: #ffff0040 !important;
}

.mw-parser-output .table-version-latest, .mw-parser-output .version-latest, .mw-parser-output .table-yes {
    background: #00ff0040 !important;
}

.mw-parser-output .table-version-preview, .mw-parser-output .version-preview {
    background: #ff780040 !important;
}

.mw-parser-output .table-version-future, .mw-parser-output .version-future {
    background: #00B5FF40 !important;
}


.build-list-item.bl-unconfirmed, .build-list-item.bl-confirmed, .build-list-item.bl-leaked, .build-list-item.bl-fake {
    margin-left: 10px;
}

.keypress kbd {
    background-image: linear-gradient(to bottom,#222,#171717,#111) !important;
}

.mw-parser-output .template-documentation {
    background-color: #243724 !important;
}

.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
    background: transparent !important;
}

figure[typeof~="mw:Image/Thumb"],
figure[typeof~="mw:Video/Thumb"],
figure[typeof~="mw:Audio/Thumb"],
figure[typeof~="mw:Image/Frame"],
figure[typeof~="mw:Video/Frame"],
figure[typeof~="mw:Audio/Frame"],
figure[typeof~="mw:Image/Thumb"] > figcaption,
figure[typeof~="mw:Video/Thumb"] > figcaption,
figure[typeof~="mw:Audio/Thumb"] > figcaption,
figure[typeof~="mw:Image/Frame"] > figcaption,
figure[typeof~="mw:Video/Frame"] > figcaption,
figure[typeof~="mw:Audio/Frame"] > figcaption,
figure[typeof~="mw:Image/Thumb"] > :first-child > audio,
figure[typeof~="mw:Video/Thumb"] > :first-child > audio,
figure[typeof~="mw:Audio/Thumb"] > :first-child > audio,
figure[typeof~="mw:Image/Frame"] > :first-child > audio,
figure[typeof~="mw:Video/Frame"] > :first-child > audio,
figure[typeof~="mw:Audio/Frame"] > :first-child > audio,
figure[typeof~="mw:Image/Thumb"] > :first-child > img,
figure[typeof~="mw:Video/Thumb"] > :first-child > img,
figure[typeof~="mw:Audio/Thumb"] > :first-child > img,
figure[typeof~="mw:Image/Frame"] > :first-child > img,
figure[typeof~="mw:Video/Frame"] > :first-child > img,
figure[typeof~="mw:Audio/Frame"] > :first-child > img,
figure[typeof~="mw:Image/Thumb"] > :first-child > video,
figure[typeof~="mw:Video/Thumb"] > :first-child > video,
figure[typeof~="mw:Audio/Thumb"] > :first-child > video,
figure[typeof~="mw:Image/Frame"] > :first-child > video,
figure[typeof~="mw:Video/Frame"] > :first-child > video,
figure[typeof~="mw:Audio/Frame"] > :first-child > video {
    border: 1px solid #303030;
    background-color: transparent !important;
}

.mw-content-ltr figure[typeof~="mw:Image/Thumb"]:not([typeof~="mw:Error"]) > a::after,
.mw-content-ltr figure[typeof~="mw:Video/Thumb"]:not([typeof~="mw:Error"]) > a::after,
.mw-content-ltr figure[typeof~="mw:Audio/Thumb"]:not([typeof~="mw:Error"]) > a::after,
.oo-ui-icon-puzzle, .mw-ui-icon-puzzle::before {
    filter: invert(1);
}

.oo-ui-windowManager-modal > .oo-ui-dialog {   
	background-color: rgba(0, 0, 0, 0.8);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	background-color: #370000;
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button .oo-ui-labelElement-label {
    color: #888;
}

.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
	border-left-color: #333;
    border-right-color: transparent;
}

.oo-ui-iconElement-icon.oo-ui-icon-trash.oo-ui-image-destructive {
    filter: none !important;
}

.oo-ui-iconElement-icon.oo-ui-icon-info {
    filter: invert(1);
}

.ve-ui-mwParameterPage-label {

    color: #fff;
}

.oo-ui-processDialog-content
.oo-ui-window-head .oo-ui-processDialog-actions-safe
.oo-ui-buttonElement-button {
    border: 0 !important;
    border-right: 1px solid #333 !important;
}
.mw-parser-output .xfd-closed {
    background-color: #213921 !important;
}
.oo-ui-iconElement-icon.oo-ui-icon-article.mw-widget-titleOptionWidget-hasImage {
    filter: none !important;
}

/* CSS EDITOR */

.wikiEditor-ui .wikiEditor-ui-view, .wikiEditor-ui-toolbar .group {
    border: 1px solid #333;
}
.wikiEditor-ui-toolbar {
    background-color: #191919;
    box-shadow: none !important;
    border-radius: 5px 5px 0 0;
}
.wikiEditor-ui-toolbar .section-main .oo-ui-iconElement-icon.oo-ui-icon-markup.oo-ui-image-progressive {
    filter: brightness(150);
}
.ace-tm {
    background-color: #111;
    color: white;
}
.ace-tm .ace_gutter {
    background: #191919;
    color: #666;
}
.ace_gutter-cell {
    color: #cecece;
}
.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid #333;
}
.ace-tm .ace_gutter-active-line {
    background-color: #333;
    filter: none !important;
    color: #ddd !important;
}
.ace-tm .ace_cursor {
    color: white;
}
.ace-tm .ace_print-margin {
    display: none;
}
.ace-tm .ace_marker-layer .ace_selection {
    background: #252525;
}
.codeEditor-status {
    background-color: #191919;
    border-top: 1px solid #333;
}
.codeEditor-status-worker-cell.ace_gutter-cell.ace_info, .ace_gutter-cell.ace_info {
    filter: invert(1);
    color: #333;
}
.codeEditor-status-message {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

/* EDIT OPTIONS */

.editOptions {
    background-color: #252525;
    color: #fff;
    border: 1px solid #333;
    padding: 0.5em 1em 1em 1em;
}
.mw-editform #wpSummaryWidget {
    margin-bottom: 0.5em;
}
.mw-editform #editpage-copywarn {
    margin: 1.2em 0 0.5em 0;
}
#editform {
    box-shadow: 0px 0px 0px 1px black;
    border-radius: 5px;
    background-color: black;
}
.mw-editform .editOptions {
    border-radius: 0 0 5px 5px;
}
.wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid #333;
    border-radius: 5px 5px 0 0;
}

/* UI BUTTONS */
/* "Save Changes", "Preview Changes", "View Modifications buttons" */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, #wpPreview {
    color: #fff;
    background-color: #191919;
    border-color: #333;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 1px black;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: #191919;
    border-color: #447ff5;
}
#wpSaveWidget, #wpPreviewWidget {
    margin-right: 2px;
}
#wpPreview:hover, #wpDiff:hover {
    border-color: #999;
}

/* Checkboxes */
.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
    background-color: #191919;
    border-color: #333;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 1px black;
    width: 20px !important;
    height: 20px !important;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
    background-color: #191919;
    border-color: #333;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span {
    background-color: #191919;
    border-color: #447ff5;
}

/* Textboxes */

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    color: #fff;
    background-color: #191919;
    border-color: #333;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 1px black !important;
}