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:Links.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-style: normal; }

/* Fandom header fixes */ .community-header-wrapper{ height: 120px; font-size: 20px; } .fandom-community-header__background::before{ height: 100%; content: ""; display: block; background: linear-gradient(to top, var(--theme-body-background-color) 0%, transparent 60%); } .fandom-community-header__top-container{ padding-bottom: 6px; } .community-header-wrapper .wds-tabs__tab-label{ height: 28px; }

/* Increase max width of local nav dropdowns (to prevent bad wrapping) */ .fandom-community-header__local-navigation .wds-dropdown__content, .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { max-width: 300px; font-size: 2em; }

/* 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 { font-family: KingthingsPetrock_reg; text-transform: capitalize; }

/* Show a counter next to the talk button*/
 * 1) ca-talk { font-size: 0; } #ca-talk::after { content: attr(title); font-size: 12px; }

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

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

/* 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 #ffd) drop-shadow(0px 0px 8px #ffd); z-index: 100; }

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

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

/* Increasing overall size of remaining headers */ .page-content h2 { font-size: 1.8em; } .page-content h3 { font-size: 1.6em; } .page-content h4 { font-size: 1.3em; } .page-content h5 { font-size: 1.2em; } .page-content h6 { font-size: 1.0em; }

/* Hidden header that still generates a toc entry */ .hiddenheader { color: rgba(0,0,0,0); margin: 0; padding: 0; height: 0; border: none; }

/* Moves edit pencil next to the heading */ .page-content { display: inherit; }

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

/* 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 rgb(250,235,215,0.5); }
 * 1) toc ul{

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

/* Hatnotes and disambiguation notices */ .hatnote { font-family: KingThingsPetrock_reg; font-style: normal; font-size: 18px; } .hatnote i { font-family: KingThingsPetrock_reg; font-style: italic; font-size: 18px; } div.hatnote { /* @noflip */ padding-left: 1.6em; margin-bottom: 0.5em; } div.hatnote + div.hatnote { margin-top: -0.5em; }

/* Inputbox font color fix */ .bodySearch .mw-ui-input.mw-ui-input-inline, .commentbox .mw-ui-input.mw-ui-input-inline, .createbox .mw-ui-input.mw-ui-input-inline, .searchbox .mw-ui-input.mw-ui-input-inline { background-color: var(--theme-page-background-color); } /* .theme-fandomdesktop-light input { color: #4169e1 !important; box-shadow: 0 0 6px rgba(0,0,0,0.5); } .theme-fandomdesktop-dark input { color: #ffc500 !important; box-shadow: 0 0 6px rgba(250,235,215,0.5); } */

table.article-table { margin: 0.6em; margin-right: 0.3em; 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 .article-table th { background-color: rgba(255,127,80,0.2); } .theme-fandomdesktop-dark .article-table th { background-color: rgba(102,51,153,0.2); } .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(250,235,215,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; }