MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");

/***** FANDOM OVERRIDE *****/ .WikiaArticle i { font-style: normal; /* Disabling auto-italic on FontAwesome icons */ }

code { padding: 2px; border-radius: 4px; color: #eee; border-style: solid; border-width: 1px; border-color: #323232; background-color: #232323; }

/* GALLERY CAPTION */ .wikia-gallery-row .wikia-gallery-item .lightbox-caption { color: #0ce3ac; font-size: 1em; margin: 4px 0; }

/* TABLES */ table.wikitable { color: #eee; background-color: transparent; }

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #375a7f; background-color: transparent; }

table, table tr.even, table tr.alt, table tr:nth-of-type(even), .mw-datatable tr:hover { background: transparent; background-color: transparent; }

table tr th, table tr td, abbr, acronym { color: #eee; }

.mw-datatable, .mw-datatable td, .mw-datatable th { border: 1px solid #375a7f; background-color: transparent; }

table thead { background: transparent; }

.mw-changeslist-line { margin-bottom: 0; /*recentchanges lineheight space*/ }

/* TABBER EXTENSION */ /* https://community.fandom.com/wiki/Help%3ATabber */ .tabberlive { /* tabber wrapper style */ border: none; margin: 1px; } .tabberlive > .tabbertab { padding: 0; } .tabberlive > .tabbertab:not(.tabbertabhide) { /* tabber visible content */ border: none; } .tabberlive > .tabbernav { padding: 0; border-bottom: 1px solid #375a7f; font: inherit; } .tabberlive > .tabbernav > li > a { /* tabber tabs */ border: 1px solid #375a7f; font-weight: normal; background-color: #303030; } .tabberlive > .tabbernav > li > a:link { color: #0ce3ac; } .tabberlive > .tabbernav > li > a:hover { /* tabber tabs when being hovered */ color: #fff; border: 1px solid #375a7f; background-color: #375a7f; } .tabberlive > .tabbernav > li > a:active { /* tabber tabs when being clicked */ } .tabberlive > .tabbernav > li.tabberactive > a { /* selected tabber tab */ color: #fff; border: 1px solid #375a7f; background-color: #375a7f; } .tabberlive > .tabbernav > li.tabberactive > a:hover { /* selected tabber tab when being hovered */ color: #fff; border: 1px solid #375a7f; background-color: #375a7f; } .tabberlive > .tabbernav > li.tabberactive > a:active { /* selected tabber tab when being clicked */ }

/* KEYBOARD KEY */ .keystroke, kbd { background-color: rgb(237, 237, 237); border-color: rgb(221, 221, 221); color: rgb(34, 34, 34); border-style: solid; border-width: 1px; font-family: "Consolas", "Menlo", "Courier", monospace; font-size: inherit; margin: 0px; padding: 0.125rem 0.25rem 0px; border-radius: 3px; }

/***** FLOATING LANGUAGE BAR *****/ .navlang { display: inline-block; margin-bottom: 10px; border-color: #375a7f; border-radius: 4px; border-style: solid; border-width: 1px; position: absolute; top: 0; right: 0; height: 30px; } .navlang-logo { color: #0ce3ac; } .navlang-logo, .navlang-list { float: left; } .navlang-logo, .navlang-list { padding: 2px 5px; }

/***** NOTICES *****/ .version { display: inline-block; margin-bottom: 10px; border-color: #375a7f; border-radius: 4px; border-style: solid; border-width: 1px; position: relative; height: 25px; background-color: #375a7f; } .version-logo, .version-link { float: left; padding: 0 10px; }

.shortcut { display: inline-block; margin-bottom: 10px; height: 35px; border-color: #375a7f; border-radius: 4px; border-style: solid; border-width: 1px; } .shortcut-logo, .shortcut-link { float: left; padding: 5px; } .shortcut-logo { width: 20px; font-size: 1.2em; color: #f39c12; } .shortcut-link { font-size: 0.8em; }

.caption { display:inline-block; margin:8px 0 16px 0; padding:8px; border-radius:4px; border-style:solid; border-width:1px; border-color:#375a7f; }

.text-warning, .text-warning:hover { color: #f39c12; }

.os { position: relative; height: 20px; background-color: #375a7f; display: inline-block; border-color: #375a7f; border-radius: 4px; border-style: solid; border-width: 1px; font-size: 13px; } .os-link { float: left; padding: 0 10px; }

.tip { display: inline-block; margin: 15px 0 15px 5%; padding: 8px; border-radius: 4px; border-style: solid; border-width: 1px; border-color: #375a7f; }

/***** PANEL BOXES *****/ .panel { margin-bottom: 21px; padding: 0; background-color: #303030; border: 1px solid transparent; border-radius: 4px; }

.panel-primary { border-color: #375a7f; }

.panel-heading { padding: 10px 15px; background-color: #375a7f; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; }

.panel-title { margin: 0; font-size: 17px; }

.panel-body { padding: 15px; }

.panel h3, .panel p, .panel li { margin: 0; color: #fff; text-decoration: none; }