MediaWiki:Fandomdesktop.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:UCXSearchBar.css&only=styles";

/* Wiki-header (not sticky) */ .fandom-community-header .wiki-tools .wds-button.wds-is-secondary { filter: drop-shadow(0 0 4px #FDA4BA); }

/* Rounded corners for nav */ .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { border-radius: 0 0.75em 0 0.75em; } .WikiHeader > nav li:first-child { border-radius: 0.75em 0 0 0; }  .WikiHeader > nav li:last-child { border-radius: 0 0.75em 0 0; }  .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 .marked2 .subnav-2a { border-radius: 0.75em 0.75em 0 0; }  .WikiHeader nav { border-radius: 1em 1em 0 0; }  .WikiHeader > nav li.marked > a { border-top: none; }  .WikiHeader > nav .subnav-3 { border-radius: 0 0.75em 0.75em 0.75em; }  .GlobalNavigation .subnav { border-radius: 0 0 0.75em 0.75em; }

/* Background (FandomDesktop) --> Credits to DubuHasBeenSnatched Note: Do not use the Header background cause it will be overlaped by the background There's eight element on this code: Gradient background & Font, Border and box shadow, To make the background visible, Background, Remove the Header background (something like that), Make the right rail background transparent, Table of Contents Background Color, Article Table Background */ /* == Gradient background & Font == */ /* === Light Theme (Default) === */ @media screen and (min-width: 1025px) { body.theme-fandomdesktop-light { background: linear-gradient(#f9f79b99, #FFFFFF99, #f9f79b99) fixed; font-family:'Site'; } }

/* === Dark Theme === */ @media screen and (min-width: 1025px) { body.theme-fandomdesktop-dark { background: linear-gradient(#191919,#1E2C51) fixed; font-family:'Site'; } }

/* == Border and box shadow == */ .resizable-container .page { border-top:2px solid var(--theme-border-color); box-shadow:0 0 20px var(--theme-accent-color); }

/* == To make the background visible == */ .page__main { background-color: transparent; border-radius: 3px; min-height: 480px; padding: 24px 36px; position: relative; }

/* == Background == */ /* === Light Theme (Default) */ .theme-fandomdesktop-light .resizable-container .page::before { opacity: 0.2; background: transparent url("https://static.wikia.nocookie.net/run-girls-run/images/5/50/Wiki-background/revision/latest/scale-to-width-down/500?cb=20190912100440") center top fixed; background-size: 1300px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index: -1; }

/* === Dark Theme === */ .theme-fandomdesktop-dark .resizable-container .page::before { opacity: 0.2; background: transparent url("https://static.wikia.nocookie.net/run-girls-run/images/5/50/Wiki-background/revision/latest/scale-to-width-down/500?cb=20190912100440") center top fixed; background-size: 1300px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

/* == Remove the Header background (something like that) == */ .fandom-community-header__background { background: var(--theme-body-background-image) no-repeat; height: 160px; position: fixed; top: 0; width: 100%; z-index: -2; opacity: 0; }

/* == Make the right rail background transparent == */ .page__right-rail { background-color: transparent; }

/* == Table of Contents Background Color == */ .page-content #toc { background: var(--theme-page-background-color); }

/* == Article Table Background == */ .article-table .wikitable { background: var(--theme-page-background-color); }

/* == Transparent Rail Module Background == */ .rail-module { background-color: transparent; border-bottom: transparent; }

/* Fix extraneous spaces on article headers */ .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { line-height: 1; margin-bottom: 3px; } .page-content h2 { border-bottom: 2px solid var(--theme-accent-color); margin: 20px 0; padding-bottom: 6px; } .page-content h3 { margin-top: 18px; }

/* Searchbar */ .wiki-tools { width: 50%; max-width: 400px; } .wiki-tools__search-container { display: inline-flex; height: auto; width: 100%; } .wiki-tools__search-container::before, .wiki-tools__search-container::after { display: none !important; } .wiki-tools__search-input { width: 100%; padding: 5px; border: 1px solid; background-color: transparent; } .ltr .wiki-tools__search-input { border-right: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .rtl .wiki-tools__search-input { border-left: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .fandom-community-header__top-container .wiki-tools__search-input, .fandom-community-header__top-container .wiki-tools__search-input::placeholder { color: var(--theme-body-text-color); } .fandom-sticky-header .wiki-tools__search-input, .fandom-sticky-header .wiki-tools__search-input::placeholder { color: var(--theme-sticky-nav-text-color); } .wiki-tools__search-input:focus { outline: none; border-color: var(--theme-body-text-color--hover); } .wiki-tools__search-input:focus::placeholder { color: var(--theme-body-text-color--hover); } .wiki-tools__search-button { border-radius: 0 !important; } .ltr .wiki-tools__search-button { border-right: 0; } .rtl .wiki-tools__search-button { border-left: 0; } .wiki-tools__search-linksuggest-list { width: 100%; } .wiki-tools__search-linksuggest-list > ul > li > a { text-overflow: ellipsis; overflow: hidden; } .wiki-tools__search-linksuggest-list-see-all { font-style: italic; } .wiki-tools > a.wiki-tools__search { display: none; }

/* Notifications (Just Leafy) */ .WikiaNotifications li div { box-shadow: none; background-image: none; max-width: 200px; padding: 16px; border-radius: 0; }

.WikiaNotifications li div a { font-weight: bold; text-decoration: none; }

.WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; }

.WikiaNotifications li div .close-notification { border: none; padding: 2px; background-color: white; -webkit-mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-cross-tiny.svg); -webkit-mask-repeat: no-repeat; -mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-cross-tiny.svg); -mask-repeat: no-repeat; }

/* References (Credit to ITZY Wiki) */ ol.references { column-count: 2; }

/* Slider Button (Credit to ITZY Wiki) */ .wikiaPhotoGallery-slider-body a.wikia-button.secondary { background-image: none !important; }