In other languages: Deutsch • Español • Italiano • Polski • Português • 中文
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* 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');
}
.mobileView{
display: none;
}
/**********************
/* 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;
}
.page-content .center{
width: revert;
}
.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;
margin: 5px 4.5px;
}
/* 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-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;
}
.charMainPageBox{
margin: 5px 4.5px;
min-width: 150px;
min-height: 150px;
width: 150px;
height: 150px;
}
.fplink.image .box .row .cell {
width: 150px;
height: 150px;
vertical-align: bottom;
overflow: hidden;
}
.fplink.realmMainPageBox.image .box .row .cell {
height: 200px;
}
.fplink.image .box .row .cell .image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
@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 .fpbox, #fpbottomsection .fpbox {
background: #000000 url("https://gamepedia.cursecdn.com/deadbydaylight_gamepedia_en/0/05/Tbl-bg.jpg") left;
/*background-size: cover;*/ /*Background fit style*/
box-shadow: inset 0 0 45px 5px rgba(0,0,0,0.7);
}
#fpflexsection .fpbox {
background: #0b0b0b;
}
}
@media (min-width: 1430px) {
.fplink a {
padding: 3px 5px;
}
}
@media (min-width: 1540px) {
#fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
background-image: none;
}
.fpmaybelcol {
float: left;
width: 70.886%;
}
.fpmaybercol {
float: right;
width: 29.113%;
}
}
.fplink.realmMainPageBox{
width: 301px;
margin: 7px 10px;
}
.fplink.dlcMainPageBox {
width: 269px;
margin: 7px 10px;
}
@media (min-width: 2200px) { /* 4k resolution at 150% scale */
.wikiEditor-ui-text div.ui-resizable{ /* Code Editor */
height: 1000px !important;
}
}
@media (min-width: 2420px) {
.fplink a {
padding: 5px 5px;
}
}
.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*/
.page-content h3{
font-weight: 800;
border-bottom: 1px solid;
border-color: #343434c7;
}
.page-content h4{
font-weight: 800;
border-bottom: 1px solid;
border-color: #343434c7;
}
/* Bullet top padding*/
.page-content ol, .page-content ul{
margin-bottom: 8px;
}
.page-content p+ol, .page-content p+ul, .page-content section+ol, .page-content section+ul{
margin-top: 0px;
}
/* MAIN PAGE */
.charLink, .dlcLink{
position: inherit;
top: 46px;
transition: 0.2s;
}
.realmLink{
position: relative;
height: 200px;
z-index: 2;
background: rgba(62, 54, 25, 0.6);
transition: 0.2s;
top: 177px;
}
.cell:hover .charLink,.cell:hover .dlcLink,.cell:hover .realmLink{
top: 0;
}
.fplink.image .killerLink > a {
background: #3c0a0a94;
color: #f13333;
}
.fplink.image .killerLink > a, .fplink.image .survivorLink > a{
text-shadow: 0 0 3px black;
}
hr.shadow{
border-bottom: 0px solid #6c652c;
margin: 0px;
box-shadow: 0 0px 5px 3px #00000066;
}
.realmLink > .mapLinks a{
background: transparent;
padding: 6px 0px;
transition: 0.08s;
/*
transition: 0.2s;
background-image: linear-gradient(to right, rgb(62 54 25 / 50%) 50%, #0000006e
50%);
background-size: 200% 100%;
*/
}
.realmLink > .mapLinks a:hover{
background: #0000004d;
text-decoration: none;
}
/* END MAIN PAGE */