MediaWiki:Fandomdesktop.css

/* CSS placed here will affect users of the Hydradark skin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url("/media/hydra/fonts/Roboto-Regular.ttf") format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url("/media/hydra/fonts/Roboto-Bold.ttf") format('truetype');
}


/**********************
/* Site notice styles *
/**********************/
#mw-dismissable-notice {
}

#mw-dismissable-notice td > a {
}

#mw-dismissable-notice td > a:hover {
}

#localNotice {
	border-radius: 5px;
	border: 2px solid #1f1f1f;
	background: #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left;
	background-size: cover;
	box-shadow: inset 0px 0px 45px 5px rgba(0,0,0,0.7), 0 0 5px 0 #000000;
	color: #aaa9a9;
	margin: 0 0 10px 0;
	padding: 3px 6px;
}

/*Width of Site notice*/
.sitedir-ltr .mw-dismissable-notice-body{
	margin: 0.5em;
}


/****** TOOLTIP *******/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom:1px dotted; border-color: #656565;
  height: 17px;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #151515;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #151515 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/**********************/

/* Other */

.center{
	text-align: center;
	vertical-align: middle;
}

.bold{
	font-weight: 600;
}

.italic{
	font-style: italic;
}

hr {
  border: none;
  border-bottom: 1px solid #1f1f1f;
}

.wikitable{ /* and that's the reason why this all css system is utmost bullsh#t! */
	border-color: #1f1f1f !important;
}

table.wikitable {
	font-size: 10pt;
	border-radius: 2px;
	/*border: 2px solid #1f1f1f;*/
	box-shadow: 0 0 5px 0 #000000;
	background: #0b0b0b !important;
	color: #aaa9a9;
	margin: 0 0 10px 0;
	padding: 0;
}

table.wikitable th,
table.wikitable tr th,
table.wikitable > tr > th,
table.wikitable > * > tr > th,
div.dbdDiv {
	border: 1px solid #1f1f1f;
	background: #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left;
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7), 0 0 5px 0 #000000;
	color: #ffffff;
	font-weight: bold;
	padding: 0 3px 1px 3px;
}

table.wikitable td,
table.wikitable tr td,
table.wikitable > tr > td,
table.wikitable > * > tr > td,
.ooui-theme-fandomooui .wikitable>*>tr>td /* What the hell is this selector (class: ooui-theme-fandomooui)?!...*/
{
  border: 1px solid #1f1f1f;
  background: transparent;
  color: #aaa9a9;
  padding: 4pt 8pt;
}

.ooui-theme-fandomooui .wikitable>*>tr>th{
	border: 1px solid #1f1f1f;
	padding: 4pt 8pt;
	text-align: center;
}

table.jquery-tablesorter th.headerSort {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEVvcnSw/2O5S7OkAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBhcIDDOFaFQGAAAAH0lEQVQI12NgAAEFIC4A4h8MDIx/wCIQ+gdUXAEsBABvCgULsLYrXQAAAABJRU5ErkJggg==") no-repeat right center,
				#000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left !important; /*TODO - Remove !important if possible*/
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7), 0 0 5px 0 #000000;
	padding: 0 15px 1px 3px;
}

table.jquery-tablesorter th.headerSortDown {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSw/2O5S7OkAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBhcIDBwuuWlfAAAAFklEQVQI12NgAAEBILYA4hog/gcWAQAPFAHDmeMz/QAAAABJRU5ErkJggg==") no-repeat right center no-repeat right center,
              #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left !important; /*TODO - Remove !important if possible*/
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7), 0 0 5px 0 #000000;
	padding: 0 15px 1px 3px;
}

table.jquery-tablesorter th.headerSortUp {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSw/2O5S7OkAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBhcIDArabdwOAAAAGElEQVQI12NgAALGP0DiBxAXALECSIQBACSTAob8rZfiAAAAAElFTkSuQmCC") no-repeat right center no-repeat right center,
				#000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left !important; /*TODO - Remove !important if possible*/
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7), 0 0 5px 0 #000000;
	padding: 0 15px 1px 3px;
}


table.smwtable {
  border-radius: 2px;
  border: 2px solid #1f1f1f;
  box-shadow: 0 0 5px 0 #000000;
  background: #0b0b0b;
  color: #aaa9a9;
  margin: 0 0 10px 0;
  padding: 0;
}

table.smwtable th {
	border: 1px solid #1f1f1f;
	background: #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left;
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7);
	color: #aaa9a9;
	font-weight: bold;
	padding: 0 3px 1px 3px;
}

table.smwtable td {
  border: 1px solid #1f1f1f;
  background: transparent;
  color: #aaa9a9;
  padding: 0 3px 1px 3px;
}

.smwrdflink {
  color: #e2c99e;
}

div.smwfact {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}


.ambox {
	border-radius: 5px;
	border: 2px solid #1f1f1f;
	background: #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left;
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7);
	color: #aaa9a9;
	border-collapse: collapse;
	font-size: 95%;
	margin: 0 auto 10px auto;
	padding: 3px 6px;
	width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox.ambox-tiny {
  font-size: 90%;
  margin: 2px 0;
  width: auto;
}

.ambox + .ambox {
  margin-top: -10px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
  font-size: smaller;
  margin-left: 0.8em;
  margin-top: 0.5em;
}

/*********************
/* Front page styles *
/*********************/
.fpcontent {
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

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

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

.fpbox {
	border-radius: 5px;
	border: 2px solid #1f1f1f;
	background: #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left;
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7), 0 0 5px 0 #000000;
	color: #aaa9a9;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

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

.fpbox .welcome {
  border-bottom: 1px solid #1f1f1f;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 150%;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading {
  border-bottom: 1px solid #1f1f1f;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-variant: small-caps;
  font-size: 132%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

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

.fpbox hr {
  border: none;
  border-bottom: 2px solid #1f1f1f;
}

.fplinks {
  margin: -5px;
}

.fplinks .linkslabel {
  border-bottom: 2px solid #1f1f1f;
  background: transparent;
  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 {
  display: table;
  width: 100%;
  height: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}

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

.fplink .box .row .cell {
  display: table-cell;
  position: relative;
  font-family: 'Roboto', sans-serif;border-radius: 5px;
  border: none;
  background: #232323;
  box-shadow: 0 0 5px 0 #000000;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
}

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

#fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image {
  min-width: 120px;
  min-height: 120px;
  width: 130px;
  height: 130px;
}

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

.fplink.image .box .row .cell .image img {
	max-width: 189px;
    max-height: 100%;
    width: auto;
    height: auto;
}

@media (min-width: 470px) {
	.fplink.image .box .row .cell .image img {
		max-width: 100px;
		max-height: 100px;
	}
  .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%;
  }
  
  #fptopsection .fpbox, #fpbottomsection .fpbox { 
	background: #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left;
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7);
  }

  #fpflexsection .fplink {
    width: 25%;
  }

  #fpflexsection .fplink.wide {
    width: 50%;
  }
  
  #fpflexsection .fpbox { 
    background: #0b0b0b;
  }
}

@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) {
	.fplink.image .box .row .cell .image img {
		max-width: 100%;
		max-height: 100%;
	}
  #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: 130px;
    height: 130px;
  }

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


  #fptopsection div.fpbox:not(#fpInteractables) .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 100%;
    height: 100%;
  }

}

@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) { /* 4k resolution at 150% scale */
	.wikiEditor-ui-text div.ui-resizable{ /* Code Editor */
		height: 1000px !important;
	}
}
@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: 160px;
    height: 160px;
  }

  #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: 100%;
    height: 100%;
  }
}

.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;
  height: 100%;
}

.fplink.image .link a {
  background: #19263e;
  background: rgba(62, 54, 25, 0.5);
  font-size: 80%;
}

.fplink.image .link a:hover {
  background: rgba(0, 0, 0, 0.65);
}

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

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

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

/******************
/* Infobox styles *
/******************/
.infoboxtable {
  float: right;
  border-radius: 5px;
  border: 2px solid #1f1f1f;
  box-shadow: 0 0 5px 0 #000000;
  background: #0b0b0b;
  color: #aaa9a9;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  /*width: 300px;*/
}

.infoboxtable td {
  vertical-align: top;
}

.infoboxtable td > div {
  border: none;
  background: #292929;
  color: #ffffff;
  font-weight: bold;
  padding: 0.5px 7px;
  text-align: right;
}

.infoboxname {
  border-bottom: 1px solid #1f1f1f;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  padding: 8px; 
}

.infoboxdetails {
  padding: 0;
}

/*********************
/* Navigation tables *
/*********************/
table.nav {
  border-radius: 2px;
  border: 2px solid #1f1f1f;
  box-shadow: 0 0 5px 0 #000000;
  background: #0b0b0b;
  color: #aaa9a9;
  margin: 0 auto 10px auto;
  padding: 0;
  clear: both;
}

table.nav th, table.nav tr th, table.nav > tr > th, table.nav > * > tr > th {
	border: 1px solid #1f1f1f;
	background: #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left;
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7);
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin: 0;
	padding: 0 5px 5px 5px;
}

table.nav td, table.nav tr td, table.nav > tr > td, table.nav > * > tr > td {
  border: 1px solid #1f1f1f;
  background: transparent;
  color: #aaa9a9;
  margin: 0;
  padding: 3px 11px 8px 11px;
}

table.nav td.list, table.nav tr td.list, table.nav > tr > td.list, table.nav > * > tr > td.list {
  padding: 0;
}

table.nav td .item {
  display: inline-block;
  border-left: 1px solid #1f1f1f;
  margin: 3px 0 6px 0;
  padding: 0 11px 2px 11px;
  vertical-align: top;
}

table.nav td .item:first-child {
  border: none;
}

/******************
/* General styles *
/******************/
.contentbox {
	border-radius: 5px;
	border: 2px solid #1f1f1f;
	background: #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left;
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7), 0 0 5px 0 #000000;  color: #aaa9a9;
	margin: 0 0 10px 0;
	padding: 3px 6px;
	overflow: auto;
}

span.bullet {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEVvcnSw/2O5S7OkAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBhgHBTp+SQCAAAAAE0lEQVQI12NgQAEFDD/AsICBAQAakgPJO2sGpQAAAABJRU5ErkJggg==") no-repeat center 60%;
  width: 9px;
  font-size: 11px;
  vertical-align: baseline;
}

.dablink {
  padding: 2px 36px 10px 36px;
  font-style: italic;
}

span.ghost {
  color: #7c8a83; /* For any text that appear fainter for some reason */
}

.columns {
  padding: 0;
  margin: 10px 0 0 0;
  overflow: hidden;
}

.columns .leftcol {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .centercol {
  float: left;
  margin: 0;
  padding: 0;
}

.columns .rightcol {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

/* Custom CSS */

.language-table td{
    padding: 0 10px;
    border: 0;
}

.mobile-inline-languages{
	display: none;
}

							/*Diff changes on page*/
.diff{
	border-collapse: collapse;
	font-size: 11pt;
}
.diff td.diff-addedline, .diff td.diff-deletedline, .diff td.diff-context{
	border: solid;
	border-width: 0 0 0 4px;
	border-radius: 0;
	vertical-align: middle;
}
.diff td.diff-addedline{
	border-color: #1dbd5e;
	background-color: #0e80348f;
}
.diff td.diff-deletedline{
	border-color: #ff4343;
	background-color: #b41c2d99;
}
.diff td.diff-context{
	border-color: #505050;
}
/*Diff highlight background*/
.diff-addedline .diffchange, .diff-deletedline .diffchange {
    border-radius: 0.13em;
    padding: 2px 2px;
}
.diff-context{
    background: #383838;
    color: revert;
}
.diff-addedline .diffchange{
	background: #867109;
}
.diff-deletedline .diffchange{
	background: #9e3a3a;
}
						/*END Diff changes on page*/
						/*History Diff changes on page*/

#pagehistory li.selected{
    background-color: #3e3e3e;
    color: #d6d6d6;
    border: 1px dashed #a2a9b1;
    text-shadow: 1.5px 1.5px 0 #0000008a;
}
#pagehistory li{
	font-size: 14px;
	border-color: #5f5f5f;
	padding: 5px;
}

.mw-plusminus-pos{
	color: #2b882b;
}
.mw-plusminus-neg{
	color: #ff4343;
}

						/*END History Diff changes on page*/
						/*Syntax Highlight*/
pre{
	white-space: pre-wrap;
}
/*code tag*/
code.mw-highlight {
    background: #474747;
    font-size: 15px;
    font-weight: 400;
    padding: 1px 2px;
    border: dashed 1px #454545;
}
.page-content pre {
	border: 2px dashed #2e2e2e;
	background: #323232;
}
/*text editor*/
.mw-editform #wpTextbox1{
	background: #303030;
    color: #ececec;
}
/*editor - first bar*/
.wikiEditor-ui-toolbar {
    background-color: #3f4346;
    background-image: -webkit-linear-gradient(top,#4f5858 0,#3b3f44 32px);
    background-image: -moz-linear-gradient(top,#fdfefe 0,#e8f2f8 32px);
    background-image: linear-gradient(#4f5258 0,#3b3f44 32px);
}
/*editor - second bar*/
.wikiEditor-ui-toolbar .sections .section {
    border-top: 1px solid #696969;
    background-color: #3a3d42;
}
/*links in editor (first bar)*/
.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited{
	color: #ddc994;
}
/*opened links in editor (first bar)*/
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited{
	color: #b4b6b6;
}
/*links in editor - second bar*/
.wikiEditor-ui-toolbar .group .label{
	color: #b6b6b6;
}
/*char - apostrof*/
.mw-highlight .s1 {
    color: #dedb73;
}
/*string - quotes*/
.mw-highlight .s2 {
    color: #dedb73;
}
/*comment*/
.mw-highlight .c1 {
    color: #717171;
}
/*boolean*/
.mw-highlight .kc {
    color: #59abd2;
    font-weight: bold;
}
/*number*/
.mw-highlight .mi {
    color: #ff6262;
}
/*hexa numbers*/
.mw-highlight .mh {
    color: #e2e2e2;
}
/*css styles and functions name*/
.mw-highlight .k{
    color: #4aabab;
}
.mw-highlight .nf{
	color: #4dbdff;
}
.mw-highlight .kd {
    color: #bb7340;
}
/* values/units */
.mw-highlight .kt {
    color: #ce4f7d;
}
/*highlighted area*/
.mw-highlight .hll {
    background-color: #636363;
}
.mw-highlight .hll span {
	text-shadow: 1px 0.8px 0.5px #00000080;
}
/*selectors*/
.mw-highlight .nt, .mw-highlight .nb {
    color: #67b567
}
.mw-highlight .nn, .mw-highlight .nc {
    color: #5e73da;
}
.mw-highlight .nd {
    color: #c567ff;
}
/*no special*/
.mw-highlight .n, .mw-highlight .nx {
    color: #e5e5e5;
}

						/*END Syntax Highlight*/
.wikitable tr th,
.wikitable tr td{
	text-align: revert;
}

/* Article special features styles */

/* Mapping Class to BP Background */
.BG-All{ /*DELETE class CosmeticsBG-All*/
	background-size: 104% 102% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    min-width: 80px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    
    color: white !important;
    text-align: center !important;
    font-size: larger;
    font-weight: bold;
}

.BPBG-All, .CosmeticsBG-All{
    padding-top: 8px !important;
}

.ISACBG-All{
	min-width: 100px;
}

.CosmeticsBG-All img{
	-webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.7));
}

.ISBG img{
	-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.4));
}

.cosmeticsTable, .cosmeticsTable-Contents {
	min-width: 250px;
}

.SoS-IS{
	height: 105px;
}

.BPBG  { background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/4/4a/BP_BG.png") !important;}
.BPBG-0{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/c/c7/BP_BG_Uncommon.png") !important; filter: grayscale(1) brightness(1.3);}
.BPBG-1{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/3/3c/BP_BG_Common.png") !important;}
.BPBG-2{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/c/c7/BP_BG_Uncommon.png") !important;}
.BPBG-3{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/2/25/BP_BG_Rare.png") !important;}
.BPBG-4{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/1/13/BP_BG_Very_Rare.png") !important;}
.BPBG-5{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/f/fd/BP_BG_Ultra_Rare.png") !important;}
.BPBG-6{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/7/74/BP_BG_Legendary.png") !important;}
.BPBG-7{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/3/32/BP_BG_Event.png") !important;}
.BPBG-Buff{ background-image: url("https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/2/28/Buff_BG.png") !important;}

.ISACBG{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/5/53/Dbd-dual.png") !important;} /*discarded*/
.ACBG{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/b/ba/Dbd-auriccells.png") !important; text-shadow: 0px 0px 3px rgba(0,0,0,0.7), 1px 1px 3px rgba(0,0,0,0.7), 1px 1px 5px rgba(0,0,0,0.4)}
.ISBG{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/e/e1/Dbd-iridescentshards.png") !important;}

/*Square version is using Item Node background*/
.SquareBG-1{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/a/a8/Dbd-addons-common.png") !important;}
.SquareBG-2{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/d/dc/Dbd-addons-uncommon.png") !important;}
.SquareBG-3{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/1/19/Dbd-addons-rare.png") !important;}
.SquareBG-4{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/f/f2/Dbd-addons-veryrare.png") !important;}
.SquareBG-5{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/b/be/Dbd-addons-ultrarare.png") !important;}
.SquareBG-6{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/6/63/Dbd-legendary.png") !important;}
.SquareBG-7{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/a/a1/Dbd-events.png") !important;}
.SquareBG-8{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/4/45/Dbd-artefact.png") !important;}
.SquareBG-9{ background-image: url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/4/4c/Dbd-spectral.png") !important;}
.SquareBG-buff{ background-image: url("https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/c/c1/Dbd-buff-square.png") !important;}
.SquareBG-debuff{ background-image: url("https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/3/39/Dbd-debuff-square.png") !important;}


/* Status HUD bg styles */
/*box-shadow: inset 0px 0px 19px 3px rgba(0,0,0,0.87); */
.HUD-Square-All{height:84px; width:80px;}

/******************************* SoS Styles ***********************************/
table.sosTable td, table.sosTable tbody, table.sosTable tr {
    border: solid 2px #191919;
}
table.sosTable {
    background: black;
    border-collapse: collapse;
}
.sosHeader{
	font-size:17px;
	font-variant: small-caps;
	text-align: center;
	color: white;
}

.sosText{
	text-align: center;
	font-size: 11pt;
}
.sosText > a{
	font-weight: revert !important;
}

/*SoS Archive*/
/*Last date occurrence*/
.noticeText{
	font-size: 7.5pt;
    font-weight: 400;
    color: grey;
}
/*Hovers*/
.mwe-popups{
	background: #222222;
}
.mwe-popups .mwe-popups-extract{
  color: #b6b6b6;
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after{
  background-image: linear-gradient(to right,#fff0,#fff0 50%);
}
/*END Hovers*/
/*Table of Content*/
.page-content #toc{
	font-size: 9pt;
}
/*END Table of Content*/

.page-content td p{
	margin: 0 0 0 0;
}

td.multipleOccurenceSoSCalendar {
    font-size: 18pt;
    font-weight: 600;
    text-shadow: 0.5px 0.5px 4px black;
    color: white !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0px !important;
}
/*Entry Table is used on page Perks, specificly [Perks/entry] page */
.entryTable{
	max-width: 360px;
	flex: 1;
	flex-basis: auto;
	padding: 0 15px;
}

.sitenotice {
    box-shadow: 0 3px 15px 1px #000000d1;
    max-height: 450px;
    width: 500px;
}
.sitenotice:before{
	background-color: #ccaa4a;
}

/* Tabbers */
.page-content ul.wds-tabs{
	background: #00000033;
}
.wds-tabs__tab.wds-is-current {
    background-color: #74653c26;
}

.wds-tabs__tab:hover {
    color: var(--theme-link-color--hover);
}
/* END Tabbers */

/*Infobox*/
.infoboxTitle{
	font-size: 18pt;
}

td.titleColumn{
	background: #292929;
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding: 1px 10px;
	min-width: 120px;
	vertical-align: middle;
	font-size: 11pt;
}
td.valueColumn{
	min-width: 200px;
	max-width: 230px;
	vertical-align: middle;
	font-size: 10.5pt;
}
/*END Infobox*/
/*Value Tooltip*/
.valueTooltip{
    border-bottom: 1px dotted;
    border-color: #3c3c3c;
}
/*END Value Tooltip*/