User:ItsPlantseed/fandomdesktop dev.css

/***       Fandomdesktop.css ***/ /* Some variables may need to be defined inside the Theme Designer */ body.theme-fandomdesktop-light { /* Template variables */ --custom-table-header-background: #eaecf0; --custom-table-header-background--secondary: #f4f4f4; --custom-table-background: #f8f9fa; --custom-template-background: #fcfcfc; --custom-template-border: #ccc; }

body.theme-fandomdesktop-dark { /* Template variables */ --custom-table-header-background: #1b1c1e; --custom-table-header-background--secondary: #212223; --custom-table-background: #242728; --custom-template-background: #202125; --custom-template-border: #2e2e2e; }

/* Bold page header */ .page-header__title { font-weight: 500; }

/* Fix TOC background overriding border-radius */ .toc { overflow: hidden; }

/* Custom table color */ .ooui-theme-fandomooui .mw-datatable > * > tr > th, .ooui-theme-fandomooui .mw-datatable > tr > th, .ooui-theme-fandomooui .mw-json > * > tr > th, .ooui-theme-fandomooui .mw-json > tr > th, .ooui-theme-fandomooui .wikitable > * > tr > th, .ooui-theme-fandomooui .wikitable > tr > th { background-color: var(--custom-table-header-background); } .ooui-theme-fandomooui .mw-datatable > * > tr > td, .ooui-theme-fandomooui .mw-datatable > tr > td, .ooui-theme-fandomooui .mw-json > * > tr > td, .ooui-theme-fandomooui .mw-json > tr > td, .ooui-theme-fandomooui .wikitable > * > tr > td, .ooui-theme-fandomooui .wikitable > tr > td { background-color: var(--custom-table-background) }

/* Restore pre-FD Hydra/Vector table paddings. 12px on all sides feels too much * for a desktop skin. */ .ooui-theme-fandomooui .mw-datatable > * > tr > th, .ooui-theme-fandomooui .mw-datatable > tr > th, .ooui-theme-fandomooui .mw-json > * > tr > th, .ooui-theme-fandomooui .mw-json > tr > th, .ooui-theme-fandomooui .wikitable > * > tr > th, .ooui-theme-fandomooui .wikitable > tr > th { padding: 0.2em 0.4em; }

/* Remove table wrapper */ .article-table-wrapper, .mw-highlight { background: transparent; }

/* Restore pre-FD thumbnail box styling */ .thumb { background-color: var(--custom-table-background); border: 1px solid var(--theme-border-color); border-radius: 3px; box-sizing: content-box; padding: 4px; position: relative; overflow: hidden; z-index: 1; }

li.gallerybox div.thumb { box-sizing: border-box; }

.thumb .thumb { background: initial; border: initial; padding: initial; }

/* Fix broken VE popups */ .oo-ui-popupWidget-popup { padding: 24px; }

/* Adjust border color in dark mode */ body.theme-fandomdesktop-dark hr { border: 1px solid var(--theme-border-color); }

/* Fix file metadata in dark mode */ .mw_metadata td, .mw_metadata th { border: 1px solid var(--theme-border-color); } .mw_metadata th { background-color: var(--custom-table-header-background); } .mw_metadata td { background-color: var(--custom-table-background); }

/* Fix sprite edit doc in dark mode */ .spritedoc-box { background: var(--theme-page-background-color--secondary) !important; border: 1px solid var( --custom-template-border) !important; }

/* Readd background to text forms */ .mw-editform #wpTextbox1, .mw-editform #wpSummaryWidget, .page-content .bodySearch .mw-ui-input.mw-ui-input-inline, .page-content .commentbox .mw-ui-input.mw-ui-input-inline, .page-content .createbox .mw-ui-input.mw-ui-input-inline, .page-content .mw-movebox .mw-ui-input.mw-ui-input-inline, .page-content .searchbox .mw-ui-input.mw-ui-input-inline, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input { background: var(--custom-template-background); border: 1px solid var(--theme-border-color); } .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid var(--theme-border-color); }

/* Restore pre-FD ooui buttons */ .wikiEditor-toolbar-dialog.ui-dialog .ui-dialog-buttonset .ui-button:first-child { color: var(--theme-accent-label-color); } body.theme-fandomdesktop-light .wds-button.wds-is-secondary, body.theme-fandomdesktop-light .wds-button.wds-is-secondary:disabled, body.theme-fandomdesktop-light .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button, body.theme-fandomdesktop-light .wikiEditor-toolbar-dialog.ui-dialog .ui-button { background: #f8f9fa; border-color: #a2a9b1; } body.theme-fandomdesktop-dark .wds-button.wds-is-secondary, body.theme-fandomdesktop-dark .wds-button.wds-is-secondary:disabled, body.theme-fandomdesktop-dark .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button, body.theme-fandomdesktop-dark .wikiEditor-toolbar-dialog.ui-dialog .ui-button { background: #35383e; border-color: #3f3f3f; } body .wiki-tools .wds-button.wds-is-secondary, body .wds-button.wds-is-secondary:disabled { background: none; border-color: currentColor; }

/* Restore pre-FD notifications */ /* Style notifications to look like achievements: */ body .mw-notification-area-layout { top: 10px; } body .mw-notification-area-floating { right: 30px; } body .mw-notification:first-of-type { margin-top: 40px; } body .mw-notification { color: #FFF; background-color: #212121; background-clip: padding-box; border: 8px solid #555; -o-border-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/ae/Achievement_background.png/revision/latest?format=original) 8 repeat; border-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/ae/Achievement_background.png/revision/latest?format=original) 8 fill repeat; padding: 0.2em 0.8em; }

/* Restore pre-FD MediaWiki message boxes */ /* Various stylings for message boxes, based on colours/stylings from Template:Message box */ div.mw-warning-with-logexcerpt, .errorbox, .warningbox, .successbox { display: block; color: var(--theme-body-text-color); border: 1px solid var(--theme-border-color); padding: .4em .8em; margin-bottom: 1em; } div.mw-warning-with-logexcerpt p, .errorbox p, .warningbox p, .successbox p { margin: 0; } div.mw-warning-with-logexcerpt, .errorbox { background: var(--custom-background-red-highlight); border-left: 4px solid var(--custom-border-red-highlight); } .warningbox { background: var(--custom-background-yellow-highlight); border-left: 4px solid var(--custom-border-yellow-highlight); } .successbox { background: var(--custom-background-green-highlight); border-left: 4px solid var(--custom-border-green-highlight); } .successbox strong p { margin: 0; }

/***       Gadget-site-styles.css ***/

/** Responsive main page layout **/ display: -ms-grid; -ms-grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j"; -ms-grid-template-columns: 100%; display: grid; grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #main-page.main-page { -ms-grid-template-areas: "a a a" "b b c" "d d d" "e f g" "h i j"; -ms-grid-template-columns: 33% 33% 34%; grid-template-areas: "a a a" "b b c" "d d d" "e f g" "h i j"; grid-template-columns: 33% 33% 34%; } }
 * 1) main-page.main-page {

margin: -1px; }
 * 1) main-page.main-page {

.fp-section { background-color: var(--custom-template-background); border: 1px solid var(--custom-template-border); border-radius: 6px; width: calc(100% - 4px); vertical-align: top; margin: 1px; }

.fp-section .mcwiki-header { text-align: center; font-weight: bold; font-size: 120%; color: white; background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0a/GrassBackgroundDark.png/revision/latest?cb=20210613130609&format=original) repeat-x !important; margin: 3px; } body.theme-fandomdesktop-light .fp-section .mcwiki-header { background-color: #6c4d34 !important; border-top: 6px solid #69a35d !important; } body.theme-fandomdesktop-dark .fp-section .mcwiki-header { background-color: #191110 !important; border-top: 6px solid #1a2626 !important; }

-ms-grid-area: a;	grid-area: a; }
 * 1) fp-1 {

-ms-grid-area: b;	grid-area: b; }
 * 1) fp-2 {

-ms-grid-area: c;	grid-area: c; }
 * 1) fp-3 {

-ms-grid-area: d;	grid-area: d; }
 * 1) fp-4 {

-ms-grid-area: e;	grid-area: e; }
 * 1) fp-5 {

-ms-grid-area: f;	grid-area: f; }
 * 1) fp-6 {

-ms-grid-area: g;	grid-area: g; }
 * 1) fp-7 {

-ms-grid-area: h;	grid-area: h; }
 * 1) fp-8 {

-ms-grid-area: i;	grid-area: i; }
 * 1) fp-9 {

-ms-grid-area: j;	grid-area: j; }
 * 1) fp-10 {

display: -ms-grid; -ms-grid-template-areas: "aa" "ac" "ab"; -ms-grid-template-columns: 100%; display: grid; grid-template-areas: "aa" "ac" "ab"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #fp-header.fp-header { -ms-grid-template-areas: "aa ab" "ac ac"; -ms-grid-template-columns: 335px calc(100% - 335px); grid-template-areas: "aa ab" "ac ac"; grid-template-columns: 335px calc(100% - 335px); } } @media screen and (min-width:1350px) { #fp-header.fp-header { -ms-grid-template-columns: 33% 67%; grid-template-columns: 33% 67%; } }
 * 1) fp-header.fp-header {

-ms-grid-area: aa; grid-area: aa; }
 * 1) fp-header-file {

-ms-grid-area: ab; grid-area: ab; }
 * 1) fp-header-links {

-ms-grid-area: ac; grid-area: ac; }
 * 1) fp-header-text {

margin: auto; } @media screen and (min-width:990px) { #fp-header-file { margin: auto 0; } }
 * 1) fp-header-file {

margin: auto 0; }
 * 1) fp-header-links {

-ms-columns: 160px; -moz-columns: 160px; -webkit-columns: 160px; columns: 160px; -ms-column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; margin-top: 0; }
 * 1) fp-header-links ul {

/** Main page stylings **/ .edition-group { display: flex; flex: auto; flex-wrap: nowrap; } @media screen and (max-width:990px) { .edition-group { flex-wrap: wrap; } }

.edition-boxes { display: flex; flex-wrap: wrap; text-align: center; margin-bottom: 1em; }

.edition-box { border: 1px solid var(--custom-template-border); border-radius: 6px; flex: auto !important; min-width: 180px; margin: 2px; padding: 4px; } .edition-box#java { background-color: var(--custom-background-green); } .edition-box#bedrock { background-color: var(--custom-background-red); } .edition-box#dungeons { background-color: var(--custom-background-orange); } .edition-box#launcher { background-color: var(--custom-background-grey); } .edition-box#education { background-color: var(--custom-background-blue); } .edition-box#china { background-color: var(--custom-background-purple); }

.edition-box-title { font-weight: bold; border-bottom: 1px solid var(--custom-template-border); } .edition-box#java .edition-box-title { border-color: var(--custom-border-green); } .edition-box#bedrock .edition-box-title { border-color: var(--custom-border-red); } .edition-box#dungeons .edition-box-title { border-color: var(--custom-border-orange); } .edition-box#launcher .edition-box-title { border-color: var(--custom-border-grey); } .edition-box#education .edition-box-title { border-color: var(--custom-border-blue); } .edition-box#china .edition-box-title { border-color: var(--custom-border-purple); }

.edition-platforms { display: inline-block; margin: 0 0.4em; }

.edition-platforms > p { font-variant: small-caps; font-weight: 500; color: inherit; line-height: 1.2em; }

.edition-platform { display: inline-block; font-size: 90%; vertical-align: top; }

.edition-platform img { margin: 0 0.4em; }

.edition-platform > div { font-size: 0.95em; line-height: 1.4em; margin: 0.4em; margin-top: -0.6em; }

@supports ((object-fit: contain) or (-o-object-fit: contain)) { .edition-box img { min-height: 50px; -o-object-fit: contain; object-fit: contain; } }

/* Template:Infobox, Template:Infobox row */ .notaninfobox { font-size: 90%; background: var(--custom-template-background); border: 1px solid var(--custom-template-border); box-sizing: content-box; width: 300px; clear: right; float: right; position: relative; margin: 0 0 1em 1em; padding: 2px; overflow: auto; z-index: 1; } @media all and (max-width: 511px) { .notaninfobox { width: auto; float: none; margin-left: 0; } } @media all and (max-width: 337px) { .notaninfobox { border-left: none; border-right: none; margin-left: -16px; margin-right: -16px; } }

.notaninfobox > .infobox-title { text-align: center; font-weight: bold; font-size: 120%; }

.infobox-imagearea { text-align: center; padding: 4px; } .infobox-imagearea > div:not(:first-child) { padding-top: 1em; } /* Horizontally centre animated images */ display: inline-flex; align-items: center; }
 * 1) mw-content-text .infobox-imagearea .animated {

.notaninfobox .infobox-rows { display: table; word-break: break-word; border-collapse: separate !important; border-spacing: 1px !important; width: 100% !important; margin: 0 !important; }

.infobox-rows li > span, .infobox-rows .hlist > span { white-space: normal !important; word-break: break-word; }

.infobox-rows > tbody > tr > th { text-align: left; white-space: nowrap; }

margin: 0; }
 * 1) mw-content-text .infobox-rows p {

/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */ .infobox-rows dl + dl { margin-top: -0.4em; } .infobox-rows dl:last-child { margin-bottom: 0.2em; }

body.theme-fandomdesktop-dark .alternaterows tr:nth-child(even), body.theme-fandomdesktop-dark .infobox-rows tr:nth-child(even) { background: #272a2f; }

.infobox-footer { text-align: center; }

/* Template:Schematic */ .thumb .schematic { margin: auto; }

table.schematic { font-size: 32px; border-collapse: collapse; }

span.schematic { font-size: 32px; display: inline-block; }

table.schematic td { vertical-align: top; } table.schematic td, span.schematic { background-color: var(--custom-template-background); border: 1px solid var(--custom-template-border); width: 1em; height: 1em; padding: 0; overflow: hidden; }

table.schematic td > div, span.schematic { position: relative; }

table.schematic td > div .sprite, table.schematic td > div .text, span.schematic .sprite, span.schematic .text { position: absolute; left: 0; }

.schematic .text { line-height: 1.5em; text-align: center; text-shadow: 0 0 2px #FFF; font-size: 75%; font-weight: bold; color: black; width: 100%; }

/* Template:Layered blueprint */ .layered-blueprint { position: relative; }

.layered-blueprint-radio { display: none; }

.layered-blueprint-tab { display: inline-block; cursor: pointer; white-space: nowrap; border-left: 4px solid var(--custom-template-border); margin-left: 100%; padding: 0.2em 0.5em; transition: color 200ms, border-color 200ms; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .layered-blueprint-tab:hover { color: var(--theme-link-color); } .layered-blueprint-radio:checked + .layered-blueprint-tab { color: var(--theme-link-color); border-left-color: var(--theme-link-color); }

.layered-blueprint-layer { width: 100%; height: 100%; position: absolute; top: 0; } body.theme-fandomdesktop-light .layered-blueprint-layer { background-color: rgba(220, 220, 220, 0.5); } body.theme-fandomdesktop-dark .layered-blueprint-layer { background-color: rgba(20, 20, 20, 0.5); }

.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer { visibility: hidden; }

/* Template:Sound */ .sound-audio { display: block; }

.sound-title::after { -webkit-mask: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/e/e8/Speaker.svg/revision/latest); -webkit-mask-size: contain; mask: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/e/e8/Speaker.svg/revision/latest); mask-size: contain; background: var(--theme-body-text-color); }

.sound-playing > .sound-title::after { background: var(--theme-link-color); }

/** Misc stuff **/ /* The blue header used throughout the wiki */ .mcwiki-header { border: 1px solid; border-radius: 3px; padding: 5px; }

/* Documentation */ .documentation { border: 1px solid var(--custom-template-border); border-radius: 6px; border-color: var(--custom-template-border) !important; clear: both; padding: 0.8em 1em 0.7em; margin-top: 1em; } .documentation { background-color: var(--custom-background-blue) !important; } .documentation.documentation-badDoc { background-color: var(--custom-background-orange) !important; } .documentation.documentation-noDoc { background-color: var(--custom-background-grey) !important; } .documentation .documentation-header-top, .documentation .documentation-header-bottom { border-bottom: inherit; border-color: var(--custom-template-border) !important; padding: 0.8em 1em 0.7em; margin: -0.8em -1em 0.8em; } .documentation .documentation-header-top { border-top: none; border-top-left-radius: 6px; border-top-right-radius: 6px; } .documentation .documentation-header-bottom { border-bottom: none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: inherit; margin: 0.7em -1em -0.7em; padding: 0.8em 1em 0.7em; clear: both; } .documentation #documentation-header-title { margin-right: 1em; font-weight: bold; line-height: 1; font-size: 130%; } .documentation #documentation-jump-to-code { white-space: nowrap; } .documentation #documentation-header-tools, .documentation-header #documentation-header-tools { float: right; margin-left: 2em; } .documentation-header { border: 1px solid var(--custom-template-border) !important; border-radius: 6px; padding: 0.8em 1em 0.7em; margin-bottom: 0.8em; } .documentation .documentation-header-top, .documentation .documentation-header-bottom, .documentation-header { background-color: var(--custom-background-blue-highlight) !important; } .documentation.documentation-badDoc .documentation-header-top, .documentation.documentation-badDoc .documentation-header-bottom, .documentation-header.documentation-badDoc { background-color: var(--custom-background-orange-highlight) !important; }

.documentation.documentation-noDoc .documentation-header-top, .documentation.documentation-noDoc .documentation-header-bottom, .documentation-header.documentation-noDoc { background-color: var(--custom-background-grey-highlight) !important; }

/* Key stylings */ kbd { text-align: center; font-size: 80%; font-family: inherit; font-weight: 500 !important; border: 1px solid; border-radius: 2px; padding: 0.1em 0.4em; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } body.theme-fandomdesktop-light kbd { text-shadow: 0 1px 0 #fff !important; color: #222 !important; background-color: #f8f9fa !important; border-color: #c8ccd1 !important; box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset !important; } body.theme-fandomdesktop-dark kbd { text-shadow: 0 1px 0 #444 !important; color: #eee !important; background-color: #383838 !important; border-color: #1E1E1E !important; box-shadow: 0 1px 0 rgb(0 0 0 / 20%), 0 0 0 2px #444 inset !important; }

/* Match stylings to */ code { color: var(--theme-body-text-color); background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-radius: 3px; padding: 1px 4px; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; }

/* Invert dark images in dark mode */ body.theme-fandomdesktop-dark .mw-spinner-small > .mw-spinner-container, body.theme-fandomdesktop-dark a[title="Autosign previous comment"][rel="autosign"], body.theme-fandomdesktop-dark img[data-image-name="Signature-icon.svg"], body.theme-fandomdesktop-dark img[data-image-name="Smartphone.svg"], body.theme-fandomdesktop-dark span[class*="slot-axe-required-sprite"], body.theme-fandomdesktop-dark span[class*="slot-bucket-required-sprite"], body.theme-fandomdesktop-dark span[class*="slot-hoe-required-sprite"], body.theme-fandomdesktop-dark span[class*="slot-pickaxe-required-sprite"], body.theme-fandomdesktop-dark span[class*="slot-shovel-required-sprite"], body.theme-fandomdesktop-dark span[class*="slot-sword-required-sprite"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-adventure-sprite"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-apocalypse-sprite"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-default-sprite"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-boss-sprite"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-death-sprite"] { filter: hue-rotate(180deg) invert(100%) saturate(.6) brightness(2); }

/***       Common.css ***/

/** Template stylings **/ /* Template:Navbox */ .navbox, .loadbox-navbox { background: var(--custom-table-background) !important; border: 1px solid var(--custom-template-border) !important; border-radius: 3px; width: 100%; padding: 2px; margin: 1em auto 0; } .navbox .table-scrollable { overflow-x: unset !important; } .navbox table { background: var(--custom-table-background); margin-right: -2px; margin-left: -4px; } .navbox table:first-child { margin-top: -2px; } .navbox table:last-child { margin-bottom: -2px; }

.navbox th.navbox-top { text-align: center; white-space: nowrap; background-color: var(--custom-table-header-background) !important; padding: 0 3px; }

.navbox td.navbox-top { background-color: var(--custom-table-header-background--secondary) !important; border: 1px solid var(--theme-border-color); }

.navbox-navbar, .navbox-navbar-mini { font-size: 80%; float: left; }

.navbox-title { font-size: 110%; padding: 0 10px; }

.navbox th { text-align: right; white-space: nowrap; background-color: var(--custom-table-header-background--secondary); border: 1px solid var(--theme-border-color); padding: 0 10px; }

background-color: var(--custom-table-header-background); border: 1px solid var(--theme-border-color); }
 * 1) content .loadbox-navbox > p {

/* Turn a list into a tree view style (See .minecraft) */ .treeview { margin-top: 0.3em; }

.treeview .treeview-header { font-weight: bold; padding-left: 3px; } .treeview .treeview-header:last-child { border-color: #636363 !important; border-left-style: dotted; } .treeview .treeview-header:not(:last-child)::before { content: none; } .treeview .treeview-header:last-child::before { border-bottom: 0; }

.treeview ul, .treeview li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

.treeview li li { border-left: 1px solid #636363; position: relative; padding-left: 13px; margin-left: 7px; } .treeview li li::before { content: ""; border-bottom: 1px solid #636363; position: absolute; top: 0; left: -1px; width: 11px; height: 11px; }

.treeview li li:last-child:not(.treeview-continue) { border-color: transparent; } .treeview li li:last-child:not(.treeview-continue)::before { border-left: 1px solid #636363; width: 10px; }

body.theme-fandomdesktop-light .nbttree-inherited { background-color: #E6E6FA; } body.theme-fandomdesktop-dark .nbttree-inherited { background-color: #25211d; }

/* Remove remaining styles from: Fix some inline-stylings on:
 * Template:Table choice
 * Module:Keys
 * Module:Documentation
 * Minecraft Wiki/style
 * Minecraft Wiki/edition
 * Minecraft Wiki/platform
 * Navbox templates (header part)
 * Template:Shorcut
 * Template:Message box (background-color adaptation using linear-gradient)

Eventually remove importants as needed

/* Popups */ .navpopup { color: var(--theme-page-text-color); background-color: var(--custom-table-background); border-radius: 6px; box-shadow: 0 0px 20px rgb(0 0 0 / 50%); } .theme-fandomdesktop-light .navpopup { border: 1px solid #dbdbdb; } .theme-fandomdesktop-dark .navpopup { border: 1px solid #1b1b1b; } .popup_mainlink a, .popup_drop a, .popup_drop a:visited, .popupPreview .external { color: var(--theme-link-color); } .popup_drop:hover, .popup_menu a:hover { background: var(--custom-table-header-background--secondary); border-radius: 3px; } .popup_mainlink a:hover, .popup_drop:hover, .popup_menu a:hover, .popup_drop a:visited:hover { color: var(--theme-link-color--hover); } .popup_menu { background: var(--custom-table-header-background--secondary); border: 1px solid var(--custom-table-header-background--secondary); padding: 4px !important; box-shadow: 0 0px 10px rgb(0 0 0 / 50%); } .popup_drop:hover .popup_menu, .popup_drop .popup_menu:hover { background: var(--custom-table-background); border-radius: 6px; padding: 2px; color: #555; } .popup_history_row_even { background: var(--custom-table-background); } .navpopup table td, .navpopup table th { vertical-align: middle; border-radius: 3px; padding: 0 6px; } .navpopup hr { color: var(--theme-page-text-color) !important; background-color: var(--theme-border-color) !important; } ins.popupDiff, del.popupDiff { border-radius: 3px; padding: 2px; margin: 0 2px; text-decoration: none; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .theme-fandomdesktop-light ins.popupDiff { background: #d8ecff; } .theme-fandomdesktop-dark ins.popupDiff { background: #424f5d; } .theme-fandomdesktop-light del.popupDiff { background: #feeec8; } .theme-fandomdesktop-dark del.popupDiff { background: #62543c; }