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; }

.reviewbox { position: relative; }

.reviewbox:before { content: attr(data-hover); visibility: hidden; opacity: 0; width: 140px; background-color: black; color: #fff; text-align: center; border-radius: 5px; padding: 5px 0; transition: opacity 1s ease-in-out;

position: absolute; z-index: 1; left: 0; top: 110%; }

.reviewbox:hover:before { opacity: 1; visibility: visible; }