MediaWiki:Common.css

/*################### General Site ####################*/

body {   background-image: url("https://static.miraheze.org/kingofkinkswiki/9/9a/Site-background-dark.png"); background-size: cover; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; backgorund-color: #0a1d1f; font-family: rubik,helvetica,arial,sans-serif; font-size: calc(12px + 0.5vw); }

body, h1, h2, h3, h4, h5, th, td { color:#ffffff; }

div.bodyContent {	padding-bottom:50px; }

{	background: none; background-color:rgb(10, 29, 31); }
 * 1) footer, #mw-head

.apex-nav {	background: none; background-color:rgb(10, 30, 31); }

li.selected span a { background: none; background-color:rgb(10, 31, 31); }

div.mw-body { padding:2%; background-color: rgb(10, 29, 31, 0.95); }

table.wikitable td { background-color: #0a1d1f; border: 1px solid #a2a9b1; }

table.wikitable th{ background-color: #2f3f41; border: 1px solid #a2a9b1; }

.p-navbar, .dropdown-menu {	background-color: #0a1d1f !important; }

a:link {	color:#00ff66 !important; }

a:visited { color: #abe3c3; }

a.new {	color:#FF0000 !important; }

.firstHeading, .mw-jump { display:none; }

.generated-sidebar, #p-lang, #p-tb { display:none; }


 * 1) p-search { display:none; }


 * 1) ca-talk { display:none!important; }


 * 1) ca-nstab-main { display:none!important; }

/*################### PAGES ####################*/

/* Main Page */

.image-scaler > p > a > img {	display: block; width: 100%; height: auto; }

/* Template:Event */

.eventBackground {  background-image: url('https://static.miraheze.org/kingofkinkswiki/5/53/EventBackground.png'); background-repeat: no-repeat; background-size: 100%; width: 30%; min-width:500px; height:120px; margin:auto; }

.eventDescription {	border-style: solid; border-left: 1px; border-right: 1px; border-color: white; width: 30%; min-width:500px; margin:auto; }

/* Skills */

.skillSearchFilters { display: flex; flex-direction: column; flex-wrap: wrap; }

/* Template:Hero */

.hero-header {	text-align:center; margin-bottom:20px; }

.hero-artifacts {	display: flex; text-align:center; }

.hero-artifacts-entry {	width:20%; }

.hero-weapon { }

.hero-weapon-image {	display:flex; justify-content:center; align-items:center; }

.hero-weapon-stats {	display:flex; flex-direction: column; flex-wrap: wrap; justify-content:center; align-items:center; margin-bottom:30px; margin-top:30px; height:64px

}

.hero-weapon-stats-entry { }

.hero-weapon-detail { }

.hero-weapon-detail-entry {	display:flex; justify-content:center; align-items:center; }

.statsOuterContainer {	display:flex; flex-direction: column; flex-wrap: wrap; justify-content:center; align-items:center; margin-bottom:30px; margin-top:30px; height:145px }

.statsInnerContainer {	width: 1px; display: flex; justify-content:left; align-items:center; }

.statsTextPadding {	margin-left:5px; margin-right:5px; }

.ReviewPopup {	z-index:2; position: absolute; background-color: rgb(25, 29, 31, 0.95); max-width:544px; min-width:200px; }

/*####################### Dropdown Stuff ####################################*/

/* Dropdown Button */ .dropbtn { background-color: #3d5f64; color: white; padding: 16px; font-size: 16px; border: none; }

/* The container - needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; }

/* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: rgb(25, 29, 31, 0.95); min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; height:300px; overflow-x: hidden; overflow-y: auto; }

/* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */

.dropdown-content .dropdown-item:hover {background-color: rgb(25, 29, 31, 0.95);}

/* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn {background-color: #3d5f64;}

.tabs-label { background-color: rgb(25, 29, 31, 0.95) }

.tabs-label:checked { background-color: #3d5f64; }