MediaWiki:Fandomdesktop.css

/* Change body of wiki to use background image */ .main-container { background-image: var(--theme-body-background-image); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: top left; /* Vignette to make header more visible for all backgrounds */ box-shadow: 0 100px 200px rgba(var(--theme-body-background-color--rgb),0.9) inset; background-color: var(--theme-body-background-color); } /* Hides the header */ .fandom-community-header__background, .fandom-community-header__background::before { background: none transparent; }

/* Makes page body transparent */ .page__main { background-color: rgba(var(--theme-page-background-color--rgb),0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--theme-accent-color) }

/* For elements which only display in the mobile view */ .mobileonly { display: none; }

/*New style main button*/ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset; min-width: 100px; height: 100px; margin: 5px; }

.dc_button a { display: block;}

.dc_button:hover { box-shadow: 0px 0px 16px rgba(45,26,26,0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); }

.dc_button:hover .dc_btext { border-top: 2px solid #00a3da; }

/**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset; min-width: 94px; margin: 5px; }

.dc_button2 a { display: block; height: 100%;}

.dc_button2:hover { box-shadow: 0px 0px 16px rgba(45,26,26,0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; }

.dc_btext a.external { background-image: none; padding-right: 0px; }

/* Navbox template style */ table.navbox { border: 4px solid transparent; clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; border-image-source: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/f/f7/Table-border.png); border-image-slice: 15 16; border-image-width: 15px; border-collapse: separate; }

/* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

/* Base background */ .navbox, .navbox-subgroup { background: #151E3D; border-radius: 9px; }

.navbox-list { border-color: #151E3D; /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { background: #090e21; color: #E8E8E8; font-family: 'Dosis'; font-size: 1.2em; letter-spacing: 0.75px; }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(0, 0, 0, 0.2); color: #E8E8E8; }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: rgba(0, 0, 0, 0.1); color: #E8E8E8; }

/* Even row striping */ .navbox-even { background: rgba(255, 255, 255, 0.1); color: #E8E8E8; }

/* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; }

.navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; }

.navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* End of new Navbox styling */

/* Force all images to have crisp edges when scaled up */ image-rendering      : optimizeSpeed;             /* Legal fallback */ image-rendering      : -moz-crisp-edges;          /* Firefox        */ image-rendering      : -o-crisp-edges;            /* Opera          */ image-rendering      : -webkit-optimize-contrast; /* Safari         */ image-rendering      : optimize-contrast;         /* CSS3 Proposed  */ -ms-interpolation-mode: nearest-neighbor;         /* IE8+           */ image-rendering      : pixelated;                 /* Chrome         */ }
 * 1) content img:not(.no-pixel) {

/* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(var(--theme-accent-color--rgb),0.2); border-radius: 3px; }

/* Infobox styling */ .portable-infobox { background: rgba(21,30,61,0.7); border: 1px solid transparent; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: 350px; background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/4/4b/Infobox-background.png/revision/latest?cb=20210221012803); background-position: bottom right; background-repeat: no-repeat; border-image-source: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/f/f7/Table-border.png); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; }

.portable-infobox .pi-title, .portable-infobox .pi-header { background: rgba(6,9,19,0.5); line-height: 36px; color: #f7eb62; font-size: 150%; font-family: 'Dosis', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: radial-gradient(#414f6a,rgba(0, 0, 0, 0),rgba(0,0,0,0)) 60% 20%; }

.portable-infobox.pi-theme-version .pi-navigation, .portable-infobox.pi-theme-dlc .pi-navigation { text-align: center; font-family: 'Dosis', sans-serif; font-weight: bold; background: rgba(6,9,19,0.5); padding: 5px; border: none; border-top: 3px solid transparent; border-image: radial-gradient(#414f6a,rgba(0,0,0,0),rgba(0,0,0,0)) 60% 20%; }

.portable-infobox .pi-border-color { border-color: transparent; }

.portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: #E0E0E0; hyphens: none; }

.portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; }

.portable-infobox .pi-data-label { flex-basis: 140px; font-family: sans-serif; hyphens: none; }

.portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; }

.portable-infobox .wds-tabs__tab-label { font-family: 'Nova Flat', sans-serif; }

.wds-tabs__tab { cursor: pointer; }

.pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; }

.pi-image-thumbnail { max-height: 150px; min-height: 72px; width: auto; }

.pi-secondary-background { background: none; }

.pi-secondary-background+.pi-secondary-background { border-top: none; }

.portable-infobox.pi-theme-enemy { background: rgba(21,30,61,0.5); border: 1px solid transparent; background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/4/4b/Infobox-background.png/revision/latest?cb=20210221012803); background-position: bottom right; background-repeat: no-repeat; border-image-source: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/f/f7/Table-border.png); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 295px; }

.portable-infobox.pi-theme-enemy .pi-title, .portable-infobox.pi-theme-enemy .pi-header { background: rgba(6,9,19, 0.5); color: #f7eb62 !important; border: none; border-bottom: 3px solid transparent; border-image: radial-gradient(#414f6a,rgba(0, 0, 0, 0),rgba(0,0,0,0)) 60% 20%; text-align: center; font-size: 150%; padding: 5px; }

.portable-infobox.pi-theme-enemy .pi-secondary-font { background-color: #181818; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; font-size: 14px; }

.portable-infobox.pi-theme-enemy .pi-data-label { flex-basis: 86px; }

.portable-infobox.pi-theme-enemy .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); }

.portable-infobox.pi-theme-enemy .pi-item-spacing { padding: 3px 5px; }

.portable-infobox .wds-tabs { flex-wrap: wrap; justify-content: center; }

.pi-section-label { margin: 0 4px; font-size: 11px; }

.pi-section-content.pi-section-active { border-color: #414f6a; border-width: 1px 0; border-style: solid; }

.pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; }

/* tables */ .ooui-theme-fandomooui .mw-datatable, .ooui-theme-fandomooui .mw-json, .ooui-theme-fandomooui .wikitable { background-color: #151E3D; border: 4px solid transparent; border-radius: 5px; border-collapse: inherit; border-image-source: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/f/f7/Table-border.png); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; }

/* .wikitable.mw-collapsed { border-collapse: collapse; }

.ooui-theme-fandomooui .mw-datatable, .ooui-theme-fandomooui .mw-json, .ooui-theme-fandomooui .wikitable th { background-color: #090e21; border: none; text-align: center; color: #FFF; padding: 5px; }

.article-table-wrapper { /* Removes the background from tables */ background: none; background-color: transparent; }

.ooui-theme-fandomooui .mw-datatable, .ooui-theme-fandomooui .mw-json, .ooui-theme-fandomooui .wikitable tr th { /* Fixes table headers */ background-color: #090E21; }

.ooui-theme-fandomooui .mw-datatable, .ooui-theme-fandomooui .mw-json, .ooui-theme-fandomooui .wikitable > caption { /* Removes border on tables with caption and/or collapse */ border: none; }

.ooui-theme-fandomooui .mw-datatable, .ooui-theme-fandomooui .mw-json, .ooui-theme-fandomooui .wikitable tr td, .ooui-theme-fandomooui .mw-datatable, .ooui-theme-fandomooui .mw-json, .ooui-theme-fandomooui .wikitable tr th { /* Removes borders from table's cells */ border: none; }

.ooui-theme-fandomooui .mw-datatable, .ooui-theme-fandomooui .mw-json, .ooui-theme-fandomooui .wikitable td { border: none; color: #FFF; padding: 5px; }

.ooui-theme-fandomooui .mw-datatable, .ooui-theme-fandomooui .mw-json, .ooui-theme-fandomooui .wikitable tr:nth-child(even) { background-color: #0f1733; }

.TablePager, .mw-datatable, table.mw_metadata { background-color: rgba(21, 30, 61, 0.1); border: 1px solid rgba(65, 79, 106, 0.3); color: #e8e8e8; }

.TablePager th, .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right,#13274c 70%,rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right,#13274c 70%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,#13274c 70%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6274e', endColorstr='#ffe280',GradientType=0 ); /* IE6-9 */ border: 1px solid rgba(65, 79, 106, 0.3); color: #e8e8e8; }

.TablePager tr:hover td, .mw-datatable tr:hover td { background-color: rgba(65, 79, 106, 0.3) !important; color: #e8e8e8; }

.TablePager th a, .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right,#13274c 70%,rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right,#13274c 70%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,#13274c 70%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6274e', endColorstr='#ffe280',GradientType=0 ); /* IE6-9 */ color: #e8e8e8 !important; } .TablePager td, .mw-datatable td, table.mw_metadata td { background-color: rgba(21, 30, 61, 0.1); border: 1px solid rgba(65, 79, 106, 0.3); color: #e8e8e8; }

/* sort headers */ th.header-bg.th.headerSort, table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; }

th.header-bg.th.headerSortDown, table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; }

th.header-bg.th.headerSortUp, table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; }

.article-table tr td, .article-table tr th, .wikitable tr td, .wikitable tr th { padding: 5px; }

.wikitable tr th, .wikitable tr td, .wikitable caption { text-align: inherit; }

/* -- START Custom page backgrounds -- */ /* Other BGs */ .page-Gear > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/d/d1/BG-PrisonersQuarters-GearBottles.png/revision/latest) }

.page-Outfits > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/2/22/BG-PQ-OutfitRoom.png/revision/latest); }

/* Stage 1 BG */ .page-Prisoners_Quarters > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/6/6f/PQ-Background-WithGiant.png/revision/latest) }

/* Stage 2 BGs */ .page-Promenade_of_the_Condemned > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/2/29/BG-Promenade-Trees.png/revision/latest) }

.page-Toxic_Sewers > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/3/30/BG-ToxicSewers-Pipes.png/revision/latest) }

.page-Dilapidated_Arboretum > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png/revision/latest) }

/* Stage 2.5 BGs */ .page-Corrupted_Prison > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/e/ea/BG-CorruptedPrison.png/revision/latest) }

.page-Prison_Depths > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/8/8a/BG-PrisonDepths.png/revision/latest) }

/* Stage 3 BGs */ .page-Ramparts > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/6/6e/BG-Ramparts-Towers.png/revision/latest); }

.page-Ancient_Sewers > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/6/64/BG-AncientSewers-Water.png/revision/latest) }

.page-Ossuary > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/0/08/BG-Ossuary-Entrance.png/revision/latest) }

.page-Morass_of_the_Banished > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/7/7a/BG-Morass-Swamp.png/revision/latest); }

/* 1st Bosses BGs */ .page-Black_Bridge > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/4/4a/BG-BlackBridge.png/revision/latest) }

.page-Insufferable_Crypt > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/c/ce/BG-InsufferableCrypt-Arena.png/revision/latest) }

/* Stage 4 BGs */ .page-Stilt_Village > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/7/7a/BG-Stilt-Houses.png/revision/latest) }

.page-Slumbering_Sanctuary > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/9/9a/BG-SlumberingSanctuary-Asleep.png/revision/latest) }

.page-Fractured_Shrines > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/b/b6/BG-Fractured-Shrines-Outdoors.png/revision/latest); }

/* Stage 5 BGs */ .page-Forgotten_Sepulcher > .main-container { background-image: url(media/8/8d/BG-Sepulcher-KeyRoom.png); }

.page-Undying_Shores > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/0/06/BG-Undying-Shores-Boats.png/revision/latest); }

/* 2nd Bosses BGs */ .page-Clock_Room > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/d/de/BG-ClockRoom.png/revision/latest) }

.page-Mausoleum > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/d/d8/BG-Mausoleum-BossRoom.png/revision/latest); }

/* Stage 6 BGs */ .page-High_Peak_Castle > .main-container { background-image: url(media/1/1e/BG-High-Peak-Statue.png); }

.page-Derelict_Distillery > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/f/f4/BG-DerelictDistillery-Barrels.png/revision/latest) }

/* 3rd Boss BG */ .page-Throne_Room > .main-container { background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/e/e5/BG-ThroneRoom-Small.png/revision/latest) }

/* -- END Custom page backgrounds -- */

/* Bullet points style */ .mw-editable .page-content ul:not(.wds-tabs) { list-style-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/7/7a/Bullet.png/revision/latest); }

/* Manually remove bullet point style for table of contexts, it doesn't have special CSS selectors for the ul */ .mw-editable .page-content .toc ul { list-style-image: none; }

ul#pagehistory { list-style: disc; }

/* Fix for bullet points being ridiculously spaced */ .page-content ul, .page-content ol{ margin: 2px 0 2px 2.5em; }

/************ Tooltips styling ************/ /* Main CSS class of the tooltip */ .main-tooltip { background: rgba(var(--theme-page-background-color--rgb),0.9); color: var(--theme-page-text-color); font-size: 13px; padding: 5px 8px; border: 1px solid var(--theme-accent-color); border-radius: 6px; box-shadow: 0 15px 45px -10px rgb(0 0 0 / 30%); background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/4/4b/Infobox-background.png/revision/latest?cb=20210221012803); background-position: bottom right; background-repeat: no-repeat; border-image-source: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/f/f7/Table-border.png); border-image-slice: 15 16; border-image-width: 15px; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }

/* Adds padding to the wrapper to make space for a shadow */ padding: 3px 7px 2px 3px; }
 * 1) tooltip-wrapper {

/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; }

.tooltips-init-complete { cursor: help; } /************ End of tooltips styling ************/