User:OttoLannister550/common.css

/* **************** Scroll Bar *************** */ /* Scroll Bar's Structure */
 * -webkit-scrollbar {

width: 20px !important; } /* Main Scroll Bar Track */
 * -webkit-scrollbar-track {

box-shadow: inset 0 0 5px white; border-radius: 10px; } /* Content Scroll Bar Track */ box-shadow: inset 0 0 5px var(--theme-page-text-color); } /* Scroll Bar Handle's Default Looks */
 * 1) mw-content-text ::-webkit-scrollbar-track {
 * -webkit-scrollbar-thumb {

background: black url("/wiki/Special:FilePath/Zahard logo transparent.png") no-repeat center center !important; background-size: contain !important; border-radius: 10px; box-shadow: inset 1px 1px 2px red, inset -1px -1px 2px red !important; } /* Scroll Bar Handle's Looks When Hovered */
 * -webkit-scrollbar-thumb:hover {

background: #8B0000 url("/wiki/Special:FilePath/Wolhaiksong crest-Transparent.png") no-repeat center center !important; background-size: contain !important; box-shadow: inset 1px 1px 2px black, inset -1px -1px 2px black !important; } /* Adjustment for the Case Where Horizontal Scroll Bar is Used on the Top Instead of on the Bottom. Use class="flipped-scroll-box" to activate this */ .flipped-scroll-box::-webkit-scrollbar-thumb { background: black url("/wiki/Special:FilePath/Zahard Empire Logo-Flipped.png") no-repeat center center !important; background-size: contain !important; border-radius: 10px; box-shadow: inset 1px 1px 2px red, inset -1px -1px 2px red !important; } .flipped-scroll-box::-webkit-scrollbar-thumb:hover { background: #8B0000 url("/wiki/Special:FilePath/Wolhaiksong Logo-Flipped.png") no-repeat center center !important; background-size: contain !important; box-shadow: inset 1px 1px 2px black, inset -1px -1px 2px black !important; } /* Scroll Bar's Corner (Where the Vertical and Horizontal Scroll Bars Meet)*/
 * -webkit-scrollbar-corner{

background-color: transparent }

/* Hide All "Add a photo to this gallery" Buttons */ .wikia-photogallery-add { display: none !important; } .wikia-slideshow-addimage { display: none !important; } /* *************TEMPORARY SELECTOR USED FOR TESTING PURPOSE************* */ /* Removing the Gap between Interwiki Templates in the Sandbox*/ .mw-parser-output>.mw-parser-output>p { display: none; } /* Removing the Gap between Local Templates in the Sandbox */ .rcs-container>p { display: none; } /* Customizing Interwiki Templates Background to Match ToG Wiki */ .mw-parser-output>.mw-parser-output>table { border: 2px solid #810000 !important; border-radius: 8px !important; box-shadow: 0px 0px 7px #810000 !important; } /* ********************************************************************* */ /*Personal Customization of Special:RecentChanges*/ .oo-ui-tagMultiselectWidget-handle { background-color: #8B0000 !important; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #FFFFFF !important; } .oo-ui-tagMultiselectWidget-input { background-color: #FFFFFF !important; color: #8B0000 !important; }

/* Testing Dark-Mode Background */ .theme-fandomdesktop-dark .fandom-community-header__background.cover { background-position: 50% 82% !important; background-size: cover !important; } .theme-fandomdesktop-dark .fandom-community-header__background { background: url(https://static.wikia.nocookie.net/towerofgod/images/9/9a/Site-background-dark.png/revision/latest?cb=20210605150625) no-repeat; width: 97% !important; }

/* Custom Slider Gallery */ .large-slider .wikiaPhotoGallery-slider-body { width: 50vw; }

.small-slider .wikiaPhotoGallery-slider-body { width: 20vw; }

/* *******<<<< FandomDesktop Customization >>>>******* */

/* Dark-Mode Infobox */ .theme-fandomdesktop-dark .pi-background { background-color: #323c3c !important; border: 2px solid #e6e6e6 !important; } /* Dark-Mode Characters List */ .theme-fandomdesktop-dark #char-name-box { background: #323c3c !important; text-shadow: 1px 1px 1px black, 2px 2px 3px white, -1px -1px 3px white !important; } /* Dark-Mode Navbox */ .row-template-box { background-color: var(--theme-page-background-color); color:var(--theme-page-text-color); } .theme-fandomdesktop-dark .navbox-head { border-color: #e6e6e6 !important; } /* Dark-Mode Twitter Extension */ .theme-fandomdesktop-dark .twitter-box { background-color:#f2f2f2 !important; } /* Auto Bottom Border for Class-less, Id-less, Single-Rowed Tables (since FandomDesktop set borderless table by Default) */ tbody:not([class]):not([id]) tr:not(:only-child) td:not([class]):not([id]):not(:only-child) { border-bottom: 1px dashed var(--theme-page-text-color); } /* Community Header Image Drop-Shadows */ .fandom-community-header__image { filter: drop-shadow(2px 4px 6px black); } /* Community Header Title (Community Name) Drop-Shadows */ .fandom-community-header__community-name { filter: drop-shadow(2px 4px 6px black); } /* Community Header Local Navigations' Drop-Shadows */ .wds-tabs__tab-label.wds-dropdown__toggle.first-level-item { filter: drop-shadow(2px 4px 6px black); } /* Community Header Buttons' Box Shadows */ .fandom-community-header__top-container .wiki-tools .wds-button.wds-is-secondary { box-shadow: 1px 1px 0px black; } /* CH Buttons' Icons Drop-Shadows */ .fandom-community-header__top-container .wds-icon.wds-icon-small { filter: drop-shadow(1px 2px 0px black); } /* Scaling Down Main Page Slider Gallery Size to Fit the Available Space*/ body.mainpage .fandom-slider__list { width: 2680px !important; } body.mainpage:not(.is-content-expanded) .fandom-slider { width: 590px !important; } body.mainpage.is-content-expanded .fandom-slider { width: 742px !important; } /* Drop-Shadow for Affiliates' Wordmarks*/ filter: drop-shadow(1px 1px 4px var(--theme-page-text-color)) !important; } /* ***UPDATE 1.0*** */ /* Edit Preview Text Color */ .oo-ui-dialog-content { color: var(--theme-page-text-color); } /* Removing the Gap between Interwiki Templates in the Main Page */ .mainpage .mw-parser-output>.mw-parser-output>p { display: none; } /* Removing the Gap between Local Templates in the Main Page */ .mainpage .rcs-container>p { display: none; } /* Customizing Interwiki Templates Background to Match ToG Wiki */ .mainpage .mw-parser-output>.mw-parser-output>table { border: 2px solid #810000 !important; border-radius: 8px !important; box-shadow: 0px 0px 7px #810000 !important; } .interwiki-webtoons-footer { border: 2px solid #810000 !important; border-radius: 8px !important; box-shadow: 0px 0px 7px #810000 !important; } /* Article Counters' Drop-Shadows */ .articles-counter a { filter: drop-shadow(2px 4px 6px black); } /* Auto-Underline for bolded, italicized characters in scroll box */ body[class*="page-Ch_"] h2~div i b, body[class*="page-Vol_2_Ch_"] h2~div i b, body[class*="page-Vol_3_Ch_"] h2~div i b, body[class*="page-Vol_4_Ch_"] h2~div i b, body[class*="page-Vol_5_Ch_"] h2~div i b { text-decoration: underline; } /* Infobox Caption Color */ .portable-infobox .pi-navigation.pi-item-spacing.pi-secondary-font { background-color: var(--theme-accent-color); color: white; } /* Protected Page Source Code Area */ textarea { background: var(--theme-page-background-color--secondary); color: var(--theme-page-text-color); } /* Scrollable File Page Images */ .fullImageLink { overflow: auto visible; } /*ToC Customization*/ .mw-parser-output .toc .toctitle { min-width: initial !important; }
 * 1) wmDiv .plainlinks img {

/*********** Gallery Customization for FandomDesktop ***************/ /* Centers the gallery's image captions */ .gallerytext { text-align: center !important; } /* Gallery Box color and radius customization */ .theme-fandomdesktop-light ul li.gallerybox .thumb { background: rgba(137,17,0,.2); border-radius: 5%; } .theme-fandomdesktop-dark ul li.gallerybox .thumb { background: rgba(5,141,157,.2); border-radius: 5%; } /* Testing */ img.spoilerImage { filter: blur(12px); }

img.spoilerImage:hover { filter: blur(8px); }

figure.thumb.spoilerImageText::after, .wikia-gallery-item .thumb.spoilerImageText::after, .wikia-slideshow-image.spoilerImageText::after, figure.pi-image.spoilerImageText::after { width: 100%; color: white; font-size: 12px; font-weight: 600; text-align: center; content: 'CLICK IMAGE TO SEE SPOILER'; position: absolute; top: 50%; right: 0; border: 3px solid white; transform: translateY(-50%); margin: auto; filter: drop-shadow(2px 4px 3px black); padding: 3px; pointer-events: none; }

figure.thumb.spoilerImageText, figure.pi-image.spoilerImageText { position: relative; }