MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
table.whiteSortArrows.jquery-tablesorter th.headerSortUp{
	background-image: url(/images/8/82/Sort_up_white.gif) !important;
}

table.whiteSortArrows.jquery-tablesorter th.headerSortDown{
	background-image: url(/images/5/56/Sort_down_white.gif) !important;
}

table.whiteSortArrows.jquery-tablesorter th.headerSort{
	background-image: url(/images/3/36/Sort_both_white.gif);
}

table.whiteTH th {
  color:white;
}

.mw-mmv-image-metadata, #footer-places, .mw-tmh-player.video .mw-tmh-play-icon, #footer-icons {
	display: none !important;
}

.mw-tmh-duration {
	pointer-events:none;
}

#firstHeading.firstHeading.mw-first-heading {
	border-bottom: 0px;
	text-decoration: underline;
}

#bodyContent {
    margin-top: -20px;
    padding-top: 1em;
}

#bodyContent > #contentSub {
	margin: 0em 0em 0em 0em !important;
	line-height: 1.6em;
}

.switchExpansion {
	color: rgb(102, 177, 250) !important;
	cursor: pointer;	
}

.mainpage .tabs-content div div:hover, #p-logo:hover {
    -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 4px rgba(255, 255, 255, 1));
}

@media (prefers-color-scheme: dark) {
  .darkModeShadowFix {
    -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 4px rgba(255, 255, 255, 1));
  }
}

#footer, #mw-footer-container {
	float: right;
	padding: 1px !important;
	margin: 1px !important;
}

#mw-panel {
    position: fixed;
}

.bjs-powered-by {
	display:none;
}

table {
	max-width: 100%;
}

#switchExpansion3 > .onlyhota {
	content:url(https://heroes.thelazy.net/images/d/d7/Hota-enabled-alt.png);
	cursor:pointer;
}

#switchDoR3 > .onlydor {
	content:url(https://heroes.thelazy.net/images/e/ec/Dor-enabled-alt.png);
	cursor:pointer;
}

#switchExpansion3 > .onlysod {
	content:url(https://heroes.thelazy.net/images/1/11/Hota-disabled-alt.png);
	cursor:pointer;
}

#switchDoR3 > .onlynodor {
	content:url(https://heroes.thelazy.net/images/2/21/Dor-disabled-alt.png);
	cursor:pointer;
}

#switchExpansion3 > .onlyhota, #switchDoR3 > .onlydor, #switchExpansion3 > .onlysod, #switchDoR3 > .onlynodor {
  margin-left: -12px;
  margin-top: -28px;
  margin-bottom: 16px;
}

#switchExpansion3 > .onlyhota:hover, #switchDoR3 > .onlydor:hover, #switchExpansion3 > .onlysod:hover, #switchDoR3 > .onlynodor:hover {
  -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 4px rgba(255, 255, 255, 1));
}

.popupable, .playable {
	position: absolute;
	visibility: hidden;
	z-index: -1;
}

video:focus {
	outline: none;
}

#anonymous-banner {
    background-color: #f8e8b6;
    border: 1px solid #d4c58a;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    color: #333;
}