MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import url("/MediaWiki:Infobox.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Tabber.css?ctype=text/css&action=raw"); @import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap'); /* Special font */ @font-face { font-family: 'KingthingsPetrock_reg'; src: url('https://static.wikia.nocookie.net/fortheking_gamepedia/images/f/fc/KingthingsPetrock_reg.woff') format('woff'); font-weight: 800; font-style: normal; font-size: 150%; }

/* Fandom header fix */ .community-header-wrapper { height: auto; }

/* Right rail color fix */ .page__right-rail { background-color: rgba(var(--theme-page-background-color--rgb), 0.94); }

/* Full body background */ .fandom-community-header__background:before { display: none; } .fandom-community-footer__background:before { display: none; }

/* BACKGROUND IMAGES */ .theme-fandomdesktop-light { background-image: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/e/ea/BridgeDay.png"); background-attachment: fixed; background-size: cover; } .theme-fandomdesktop-dark { background-image: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/4/4c/BridgeNight.png"); background-attachment: fixed; background-size: cover; }

/* Winter Background .theme-fandomdesktop-light { background-color: transparent; background-image: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/d/df/Snowscape.png"); background-attachment: fixed; background-size: cover; } .theme-fandomdesktop-dark { background-color: transparent; background-image: url("https://static.wikia.nocookie.net/fortheking_gamepedia/images/9/90/YetiCave.png"); background-attachment: fixed; background-size: cover; } */

/* Banner Images */ .topBanner { background:#000000 url("images/6/6c/TheCellar.png"); background-attachment: fixed; background-size: cover; background-position: center; } .topBannerWinter { background:#000000 url("images/3/3d/TopBanner_Winter.png"); background-attachment: fixed; background-size: cover; background-position: center; } .topBannerFestivus { background:#000000 url("images/d/da/TopBanner_Festivus.png"); background-attachment: fixed; background-size: cover; background-position: center; } /* Site Notice Image */ .siteNotice { background:#000000 url("images/f/f0/ScholarlyRetreat.png"); background-attachment: fixed; background-size: cover; background-position: center; } /* Special Headers */ .header { background:#000000 url("images/3/37/GoingSolo.png"); background-attachment: fixed; background-size: cover; background-position: top; } /* Chaos Background */ .chaosbg { background:#000000 url("images/0/01/ScreenShot00001.png"); background-attachment: fixed; background-size: cover; background-position: center; }

/* Transparent content area */ .page__main { padding: 16px; padding-top: 8px; border-radius: 16px; box-shadow: 0 0 4px rgba(255,255,255,0.25); background-color: rgba(var(--theme-page-background-color--rgb), 0.94); }

/* Side Tool adjustments */ .page-side-tools__wrapper { transform:translateX(-66%); } .page-side-tool{ box-shadow: 0 0 6px 0 rgba(0,0,0,.25); width: 32px; height: 32px; } .is-content-expanded .resizable-container{ width: auto; margin-left: 24px; margin-right: 16px; }

/* Bold page header */ .page-header__title { font-weight: 500; font-family: KingthingsPetrock_reg; } /* Custom page header text */ .mw-headline, h1 { font-family: KingthingsPetrock_reg; text-transform: capitalize; }

/* Fixing image misalignment */ .thumb a.image {display:inline-block;width:100%} .thumb a.thumbimage {width:100%;height:auto}

/* Right rail module padding */ .right-rail-wrapper .rail-module { padding: 2px; }

/* QuickBar color fix*/ .theme-fandomdesktop-dark #WikiaBar .WikiaBarWrapper, .theme-fandomdesktop-dark #WikiaBar .wikia-bar-collapse { background-color:#210432; } .theme-fandomdesktop-dark #WikiaBar .tools-menu { background-color:#41364d; }

/* Transform Logo */ /* Dark theme logo .theme-fandomdesktop-dark .fandom-community-header__image img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) drop-shadow(0 0 9px #aa7dff); } */

/* .theme-fandomdesktop-dark .fandom-sticky-header__logo img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) drop-shadow(0 0 9px #aa7dff); } */

.theme-fandomdesktop-light .fandom-community-header { filter: drop-shadow(0px 0px 2px #000) drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 8px #fff); z-index: 100; }

.theme-fandomdesktop-dark .fandom-community-header { filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 2px #000) drop-shadow(0px 0px 8px #fe5); z-index: 100; }

.theme-fandomdesktop-dark input { color: #ffc500 !important; box-shadow: 0 0 6px rgba(255, 219, 81, 0.5); }

/* Removing home heading on Main Page */ .mainpage h1.page-header__title { display: none }

/* Increasing overall size of headers */ .page-content h2 { font-size: 200%; } .page-content h3 { font-size: 160%; } .page-content h4 { font-size: 130%; }

/* Moves edit pencil next to the heading */ .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { display: inherit; }

/* TABLE OF CONTENTS */ /* toc Font styles */ text-transform: capitalize; } /* Indenting the table of contents slightly */ .toc { margin-left: 1.3em; } /* Table of contents styling */ .toc { background: var(--theme-page-background-color); box-shadow: 0 0 6px rgba(0,0,0,0.5); } .theme-fandomdesktop-light .toc { box-shadow: 0 0 6px rgba(0,0,0,0.5); } .theme-fandomdesktop-dark .toc { box-shadow: 0 0 6px rgba(255,219,81,0.5); }
 * 1) toc ul{

/* LINKS */ /* Sets links weight from bold to inherit */ .page-content .mw-parser-output a { font-weight: inherit; } /* Sets what links looks like */ a:link { text-decoration: none; } /* Sets what link looks like when you visited it */ a:visited { text-decoration: none; } /* Sets what link looks like when you hover it */ .theme-fandomdesktop-light a:hover { text-decoration: none; text-shadow:1px 1px 2px pink, 0 0 25px blue, 0 0 5px pink; } .theme-fandomdesktop-dark a:hover { text-decoration: none; text-shadow:1px 1px 2px gold, 0 0 25px blue, 0 0 5px gold; } /* Sets what link looks like when you click it */ .theme-fandomdesktop-light a:active { text-decoration: none; text-shadow:1px 1px 2px pink, 0 0 25px blue, 0 0 5px pink; } .theme-fandomdesktop-dark a:active { text-decoration: none; text-shadow:1px 1px 2px gold, 0 0 25px blue, 0 0 5px gold; }

/* User infobox tweak on dark theme */ body.theme-fandomdesktop-dark .infobox-row { background: var(--theme-page-background-color); }

/* Purple layer for slider */ .theme-fandomdesktop-dark .portal_body { padding: 0px 10px; background-color: rgb(0 0 105 / 25%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .theme-fandomdesktop-light .portal_body { padding: 0px 10px; background-color: rgb(0 0 105 / 25%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Removes extraneous bottom-border from infoboxes */ .portable-infobox .pi-data { border-bottom: 0; }

/* Removes large space between paragraphs and fixes formatting issues with bullet points */ .page-content p { margin-top: 5px; margin-bottom: 0; }

/* Inputbox font color fix */ .theme-fandomdesktop-light input { color: #188da9 !important; box-shadow: 0 0 6px rgba(0,0,0,0.5); }

/* Table styles */ table.article-table { margin: 0.6em; margin-right: 0.3em; white-space:nowrap; font-size: 90%; border-width: 2px; border-style: solid; background: var(--theme-page-background-color); box-shadow: 0 0 6px rgba(0,0,0,0.5); } .theme-fandomdesktop-light table.article-table { box-shadow: 0 0 6px rgba(0,0,0,0.5); } .theme-fandomdesktop-dark table.article-table { box-shadow: 0 0 6px rgba(255,219,81,0.5); }

/* Enlarge image thumbnails in galleries on hover. */ .galleryzoom img{ -moz-transition:-moz-transform 0.1s ease-in; -webkit-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in; transition:transform 0.1 ease-in; } .galleryzoom img:hover { position:relative; top:-25%; left:-35%; right:-75%; width:150%; height:auto; display:inline-block; z-index:999; }

/* Username colors. */ a[href$=":OoWah"], a[href$="/OoWah"] { color: #ffc500; font-weight: bold; font-size: 150%; font-family: KingthingsPetrock_reg; text-shadow: 1px 1px 2px #157997, 0 0 1em #ffdb51, 0 0 0.2em #ffdb51; }