MediaWiki:Fandomdesktop.css

/* Makes page body transparent */
.page {
    border: 1px solid var(--theme-accent-color);
    border-radius: 4px;
}

.page__main, .page__right-rail {
    background-color: rgba(var(--theme-page-background-color--rgb),0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.rail-module { background-color: transparent;}
.right-rail-wrapper {border-left: solid 1px rgb(82 127 208 / 30%);}

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

/* this CSS governs the responsive 2 column main page layout */
.fpcontent {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.fpmaybecols {
    overflow: hidden;
    margin: -5px 0 -5px 0;
}

.fpmaybecols + .fpmaybecols {
    margin: 0 0 -5px 0;
}

.fpbox {
    background: rgba(21, 30, 61, 0.5);
    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;
    border-bottom: 1px solid rgba(65, 79, 106, 0.3);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset;
    color: #e8e8e8;
    margin: 5px;
    padding: 5px 10px;
}

.fpplainbox {
    padding: 5px 8px 10px 8px;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}

.fpbox .welcome {
    border-bottom: rgba(65, 79, 106, 0.3);
    color: #e8e8e8;
    font-size: 150%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    text-align: center;
}

.fpbox .heading {
    border-bottom: rgba(65, 79, 106, 0.3);
    color: #e8e8e8;
    font-size: 132%;
    font-variant: small-caps;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
    color: #e8e8e8;
    font-size: 75%;
    font-weight: bold;
}

.fpbox hr {
    border: none;
    border-bottom: 2px solid rgba(65, 79, 106, 0.3);
}

.fplinks {
    margin: -5px;
}

.fplinks .linkslabel {
    background: rgba(0, 0, 0, 0);
    border-bottom: 2px solid rgba(65, 79, 106, 0.3);
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}

.fplink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
    border-collapse: separate;
    border-spacing: 5px;
    display: table;
    width: 100%;
}

.fplink .box .row {
    display: table-row;
}

.fplink .box .row .cell {
    background: rgba(0, 0, 0, 0);
    border: 2px solid rgba(65, 79, 106, 0.3);
    border-radius: 2px;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset;
    color: #e8e8e8;
    display: table-cell;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.fplink.wide .box .row .cell {
    padding: 0 5px;
}

#fptopsection .fplink.image,
#fpflexsection .fplink.image,
#fpbottomsection .fplink.image {
    height: 114px;
    width: 114px;
}

.fplink.image .box .row .cell {
    height: 100px;
    width: 100px;
    vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
    height: 100px;
    width: 100px;
}

@media (min-width: 470px) {
  .fplink {
    width: 50%;
  }

  .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 580px) {
  .fplink {
    width: 33.333%;
  }

  .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 690px) {
  .fplink {
    width: 25%;
  }

  .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 800px) {
  .fplink {
    width: 20%;
  }

  .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 910px) {
  .fplink {
    width: 16.666%;
  }

  .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 990px) {
  .fpcontent { 
    padding-right: 520px; 
    width: auto; 
  }

  #fptopsection { 
    float: left; 
    width: 100%; 
  }

  #fpflexsection { 
    float: right;
    width: 520px;
    margin-right: -520px 
  }

  #fpbottomsection { 
    float: left; 
    width: 100%; 
    margin-top: -5px; 
  }

  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 50%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 100%;
  }

  #fpflexsection .fplink {
    width: 25%;
  }

  #fpflexsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 33.333%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1210px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 25%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1320px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 20%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 1430px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 16.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 33.333%;
  }

  .fplink a {
    padding: 3px 5px;
  }
}

@media (min-width: 1540px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 14.285%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 28.571%;
  }

  #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
    background-image: none;
  }

  .fpmaybelcol {
    float: left;
    width: 70.886%;
  }

  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 20%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 40%;
  }

  .fpmaybercol {
    float: right;
    width: 29.113%;
  }

  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 50%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 1650px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 12.5%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 1697px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 16.666%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 1760px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 11.111%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 1850px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 14.285%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 28.571%;
  }
}

@media (min-width: 1870px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 10%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 20%;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 134px;
    height: 134px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 120px;
    height: 120px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1918px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 33.333%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1980px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 9.09%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 18.181%;
  }
}

@media (min-width: 2006px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 12.5%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 2090px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 8.33%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 16.666%;
  }
}

@media (min-width: 2161px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 11.111%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 2200px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.692%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 15.384%;
  }
}

@media (min-width: 2296px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 25%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 2310px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.142%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 14.285%;
  }
}

@media (min-width: 2316px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 10%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 20%;
  }
}

@media (min-width: 2420px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 6.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 13.333%;
  }

  .fplink a {
    padding: 5px 5px;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 164px;
    height: 164px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 150px;
    height: 150px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 150px;
    height: 150px;
  }
}

.fplink.image .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 75%;
    z-index: 1;
}

.fplink.image a {
    z-index: 2;
}

.fplink a {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px 5px;
}

.fplink.image .image a {
    padding: 0;
}

.fplink.image .link a {
    background: rgba(0, 0, 0, 0.1);
    border-top: 2px solid rgba(65, 79, 106, 0.3);
}

.fplink.wide a {
    margin: 0 -5px;
}

.fpvideos {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.fpvideo {
    display: inline-block;
    margin: 0 5px;
}

.oo-ui-menuSelectWidget { z-index:10; }


/*New style main button*/
.dc_button {
	font-size: 90%;
    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;
    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;
    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 */
#content img:not(.no-pixel) {
    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         */
}

/* 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 {
    --theme-body-background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/d/d1/BG-PrisonersQuarters-GearBottles.png/revision/latest);
}

.page-Outfits {
	--theme-body-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 {
    --theme-body-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 {
    --theme-body-background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/2/29/BG-Promenade-Trees.png/revision/latest);
}

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

.page-Dilapidated_Arboretum {
    --theme-body-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 {
    --theme-body-background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/e/ea/BG-CorruptedPrison.png/revision/latest);
}

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

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

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

.page-Ossuary {
    --theme-body-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 {
	--theme-body-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 {
    --theme-body-background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/4/4a/BG-BlackBridge.png/revision/latest);
}

.page-Insufferable_Crypt {
    --theme-body-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 {
    --theme-body-background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/7/7a/BG-Stilt-Houses.png/revision/latest);
}

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

.page-Fractured_Shrines {
	--theme-body-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 {
	--theme-body-background-image: url(media/8/8d/BG-Sepulcher-KeyRoom.png);
}

.page-Undying_Shores {
	--theme-body-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 {
    --theme-body-background-image: url(https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/d/de/BG-ClockRoom.png/revision/latest);
}

.page-Mausoleum {
	--theme-body-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 {
	--theme-body-background-image: url(media/1/1e/BG-High-Peak-Statue.png);
}

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

/* 3rd Bosses BG */
.page-Throne_Room {
    --theme-body-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 */
#tooltip-wrapper {
    padding: 3px 7px 2px 3px;
}

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

/* Fix for icon+link templates */
.info-icon a:not(:last-child) {
    white-space: nowrap;
}

.info-icon :last-child:not(:only-child) {
    margin-left: 0.3em;
}

/* Add scaling background for images in item infobox */
.portable-infobox:is(
	.pi-theme-brut,	
	.pi-theme-tact,	
	.pi-theme-surv,
	.pi-theme-bruttact,	
	.pi-theme-tactbrut,
	.pi-theme-brutsurv,
	.pi-theme-survbrut,
	.pi-theme-tactsurv,	
	.pi-theme-survtact) .pi-image {
		margin: 5px;
		padding: 10px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		image-rendering: optimizeSpeed;
    	image-rendering: -moz-crisp-edges;
    	image-rendering: -o-crisp-edges;
    	image-rendering: -webkit-optimize-contrast;
    	image-rendering: optimize-contrast;
    	-ms-interpolation-mode: nearest-neighbor;
    	image-rendering: pixelated;

}

.portable-infobox.pi-theme-brut .pi-image {
    background-image: url('https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/0/00/Brutality-bg.png/revision/latest?format=original');
}

.portable-infobox.pi-theme-tact .pi-image {
    background-image: url('https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/5/56/Tactics-bg.png/revision/latest?format=original');
}

.portable-infobox.pi-theme-surv .pi-image {
    background-image: url('https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/c/c0/Survival-bg.png/revision/latest?format=original');
}

.portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image {
    background-image: url('https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/3/32/BrutalityTactics-bg.png/revision/latest?format=original');
}

.portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image {
    background-image: url('https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/0/0c/TacticsSurvival-bg.png/revision/latest?format=original');
}

.portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image {
    background-image: url('https://static.wikia.nocookie.net/deadcells_gamepedia_en/images/c/c3/BrutalitySurvival-bg.png/revision/latest?format=original');
}

/* Hides the "scaling" field on desktop skin */
.skin-fandomdesktop .portable-infobox:is(
	.pi-theme-brut,	
	.pi-theme-tact,	
	.pi-theme-surv,
	.pi-theme-bruttact,	
	.pi-theme-tactbrut,
	.pi-theme-brutsurv,
	.pi-theme-survbrut,
	.pi-theme-tactsurv,	
	.pi-theme-survtact) .pi-data[data-source="scaling"] {
		display: none;
}

/*list raillink*/
.rail-module__list.is-condensed-list li {width:138px;}
.rail-module__list.is-condensed-list {
	justify-content: space-between;
    grid-gap: 1px;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;}
/*rail pin*/    
.dc-rail-pin img {vertical-align: middle;}
.toc .toctitle h2 .wds-icon + .wds-icon {display: none;}


/*scroll*/
::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 1px;
    background: var(--theme-page-background-color);
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    border-radius: 1px;
    background: var(--theme-accent-color);
}
/*firefox*/
*, body {
	scrollbar-color: var(--theme-accent-color) #000;
	scrollbar-width: thin;
}