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%; }

/* Banner Images */ .topBanner {background:#000000 url("images/d/df/TopBanner.png") center center; padding: 0.3em; color: white; border-radius: 1em;} .topBannerWinter {background:#000000 url("images/3/3d/TopBanner_Winter.png") center center; padding: 0.3em; color: white; border-radius: 1em;} .topBannerFestivus {background:#000000 url("images/d/da/TopBanner_Festivus.png") top; padding: 0.3em; color: black; border-radius: 1em;} /* Site Notice Image */ .siteNotice {background:#000000 url("images/f/f0/ScholarlyRetreat.png") top left; padding: 0.3em; color: white; border-radius: 1em;} /* Special Headers */ .header {background:#000000 url("images/3/37/GoingSolo.png") center top; padding: 0.3em; color: white; border-radius: 1em;}

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

/* 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-color: transparent; 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; } */

/* Transparent content area */ .page__main { background-color: rgba(var(--theme-page-background-color--rgb), 0.92); }

/* 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 slategrey, 0 0 25px blue, 0 0 5px lightblue; } .theme-fandomdesktop-dark a:hover { text-decoration: none; text-shadow:1px 1px 2px gold, 0 0 25px blue, 0 0 5px darkblue; } /* Sets what link looks like when you click it */ .theme-fandomdesktop-light a:active { text-decoration: none; text-shadow:1px 1px 2px slategrey, 0 0 25px blue, 0 0 5px lightblue; } .theme-fandomdesktop-dark a:active { text-decoration: none; text-shadow:1px 1px 2px gold, 0 0 25px blue, 0 0 5px darkblue; } /* 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; } /* And the table of contents */ 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); } .theme-fandomdesktop-light .toc { box-shadow: 0 0 6px rgba(0,0,0,0.30); } .theme-fandomdesktop-dark .toc { box-shadow: 0 0 6px rgba(255,197,0,0.30); }
 * 1) toc ul{

/* 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 6px #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 6px #fff); z-index: 100; }

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

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

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

/* 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%; } /* 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; }

/* 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; }

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

/* Navbox styles */ .navbox { margin: 0.6em; padding: 0.2em; background: rgba(101,8,73,0.2); border: 2px solid #655c08; border-radius: 8px; font-size: 90%; text-align: center; } .theme-fandomdesktop-light .navbox { box-shadow: 0 0 10px rgba(0,0,0,0.30); } .theme-fandomdesktop-dark .navbox { box-shadow: 0 0 10px rgba(255,197,0,0.30); }

/* Grokbox styles */ .theme-fandomdesktop-light .grokbox { margin: 0.6em; padding: 8px; background: rgba(49,28,79,0.2); border: 1px solid #655c08; border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.30); } .theme-fandomdesktop-dark .grokbox { margin: 0.6em; padding: 8px; background: rgba(49,28,79,0.2); border: 1px solid #655c08; border-radius:8px; box-shadow: 0 0 10px rgba(255,197,0,0.30); }

/* 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; } /* Enlarge image thumbnails in infoboxes on hover */ .pi-image-thumbnail:hover { position:absolute; top:33%; right:50px; width:500px; height:auto; display:block; z-index:999; }