Fandomdesktop.css

/* This is for CSS specific to the FandomDesktop skin. Add CSS to Common.css otherwise.
   This has been copy-pasted from the old Hydra.css file. Therefore some parts may not work properly
*/
/* Theme variables */
.theme-fandomdesktop-light {
	--th-color1: #408bca;
	--th-color2: #a5cde8;
	--th-text: black;
	--tr-color1: #eaf2f9;
	--tr-color2: #f7f7f7;
	--tr-yellow: #ee6;
	--table-border-color: #aaa;
	--navbox-list-border-color: #fdfdfd;
	--hp-color: #ffe6cc;
	--atk-color: #fcc;
	--spd-color: #cfc;
	--def-color: #ffffe6;
	--res-color: #cce6ff;
	--ambox-color: #eee;
	--ambox-blue: #1e90ff;
	--ambox-red: #b22222;
	--ambox-orange: #f28500;
	--ambox-yellow: #f4c430;
	--ambox-purple: #9932cc;
	--ambox-gray: #bba;
	--ambox-green: #228b22;
	--tooltip-color: #fff;
	--tooltiptext-color: #252525;
	--weapon-box-color: #f8f9fa;
}

.theme-fandomdesktop-dark {
	--th-color1: #1b517e;
	--th-color2: #123a54;
	--th-text: white;
	--tr-color1: #091b2a;
	--tr-color2: #121921;
	--tr-yellow: #441;
	--table-border-color: #777;
	--navbox-list-border-color: transparent;
	--hp-color: #331a00;
	--atk-color: #300;
	--spd-color: #030;
	--def-color: #330;
	--res-color: #001a33;
	--ambox-color: #17212b;
	--ambox-blue: #036;
	--ambox-red: #561010;
	--ambox-orange: #663800;
	--ambox-yellow: #614a05;
	--ambox-purple: #3d1452;
	--ambox-gray: #39392d;
	--ambox-green: #145214;
	--tooltip-color: #121921;
	--tooltiptext-color: inherit;
	--weapon-box-color: 081521;
}

/* Head */
/*
#mw-head-base {
	background: transparent;
	background-image: none;
	border-bottom: 0;
}

div#mw-page-base {
	background: transparent;
	background-image: none;
}
*/

a.mw-selflink {
	color: var(--theme-body-text-color);
}

hr {
	border-color: var(--table-border-color);
}

/* Logo */
#p-logo {
	margin-top: 5px;
	padding: 0;
	position: absolute;
	z-index: 4;
}

#p-logo a {
	height: 160px;
	width: 160px;
}

div#mw-panel div.portal {
	border-top: 1px solid #b3b4d2;
}

#mw-panel div.portal h3 {
	margin: 0;
}

#mw-panel #p-logo + div.portal {
	border: none;
}

.mw-body {
	box-shadow: rgba(0,0,0,0.1) 0 0.1em 0.75em;
}

ol.references li:target, sup.reference:target {
	background-color: var(--tr-color1);
}

/* Tables */
table.wikitable {
	font-size: .92333em;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.05);
}

table.wikitable > tr > th,
table.wikitable > * > tr > th,
table th .mw-collapsible-toggle a {
	color: #FFF;
	text-shadow: rgba(0,0,0,0.75) 0 0 0.25em;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th,
.ooui-theme-fandomooui table.wikitable > * > tr > th {
	background-color: var(--th-color1);
	border-color: #2f699a;
}

table.wikitable > tr > th > code,
table.wikitable > * > tr > th > code {
	color: inherit;
	background-color: #3983c4;
	border-color: #307aba;
}

/* Cargo Table */
table.cargoTable > * > tr > :first-child { 
	border-left-color: var(--table-border-color); 
}

table.cargoTable > * > tr > :last-child { 
	border-right-color: var(--table-border-color); 
}

table.cargoTable > tbody > tr:last-child,
table.cargoTable > tbody > tr:last-child > *,
table.cargoTable > tfoot > tr:last-child > *,
table.cargoTable > caption { 
	border-bottom-color: var(--table-border-color); 
}

table.cargoTable > :first-child > tr:first-child,
table.cargoTable > tbody > tr.heading {
	background-color: #eee;
	border-color: #5b9aae;
}

table.cargoTable > tbody,
table.cargoTable > tbody > tr.heading,
table.cargoTable > tbody > tr > [rowspan],
table.cargoTable > tbody > tr > [colspan] { 
	border-color: var(--table-border-color); 
}

table.cargoTable > :first-child > tr:first-child,
table.cargoTable > tbody > tr.heading,
table.cargoTable > :first-child > tr:first-child > *,
table.cargoTable > tbody > tr.heading > * {
	background-color: var(--th-color1);
	border-color: #2f699a;
	color: #fff;
	text-shadow: rgba(0,0,0,0.75) 0 0 0.25em;
}

table.cargoTable > tbody > tr > th,
table.cargoTable > tfoot > tr > th,
table.cargoTable > thead > tr > th,
table.table > tbody > tr.cargoTable > th {
	background-color: var(--th-color2);
	border-color: #94b3bd;
}

table.cargoTable > tbody > tr:nth-child(odd),
table > tbody > tr.default:nth-child(odd) {
	background-color: var(--tr-color1);
}

table.cargoTable > * > tr > th {
	color: black;
	text-shadow: initial;
}

table.cargoTable.noMerge tbody tr:nth-child(odd),
table.cargoTable tbody tr:nth-child(odd),
table.cargoTable.mergeSimilarCells td.odd {
	background-color: transparent;
}

table.cargoTable.noMerge tbody tr:nth-child(even),
table.cargoTable tbody tr:nth-child(even),
table.cargoTable.mergeSimilarCells td.even {
	background-color: var(--tr-color1);
}

/* New default table */
/* table.default > * > tr > :first-child,
table.default > * > tr > th + td { 
	border-left-color: var(--table-border-color);
} */

table.default > * > tr > :last-child {
	border-right-color: var(--table-border-color);
}

table.default > tbody > tr:last-child,
table.default > tbody > tr:last-child > *,
table.default > tfoot > tr:last-child > *,
table.default > caption {
	border-bottom-color: var(--table-border-color);
}

table.default > :first-child > tr:first-child,
table.default > tbody > tr.heading {
	background-color: #EEE;
	border-color: #5B9AAE;
}

table.default > tbody,
table.default > tbody > tr.heading,
table.default > tbody > tr > [rowspan],
table.default > tbody > tr > [colspan] {
	border-color: var(--table-border-color);
}

/* default override wikitable */
table.default > * > tr > th,
.ooui-theme-fandomooui table.default > * > tr > th {
	color: var(--th-text);
	text-shadow: initial;
}

table.default > :first-child > tr:first-child,
table.default > tbody > tr.heading,
table.default > :first-child > tr:first-child > *,
table.default > tbody > tr.heading > * {
	background-color: var(--th-color1);
	border-color: #2f699a;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.75) 0 0 0.25em;
}

table.default > tbody > tr > th,
table.default > tfoot > tr > th,
table.default > thead > tr > th,
table.table > tbody > tr.default > th,
.ooui-theme-fandomooui table.default > tbody > tr > th {
	background-color: var(--th-color2);
	border-color: #94B3BD;
}

table.default > tbody > tr:nth-child(odd),
table > tbody > tr.default:nth-child(odd) {
	background-color: var(--tr-color1);
}

@media(max-width: 989px) { table.skills-table { width: 100%; } }
@media(min-width: 990px) { table.skills-table { width: 730px; min-width: 730px; } }

table.skills-table > * > tr > th {
	white-space: nowrap;
	padding: .4em;
}

table.skills-table > * > tr > td {
	height: 30px;
}

.hero-infobox {
	max-width: 360px;
	table-layout:fixed;
}

@media (max-width: 768px) {
	.mw-body {
		padding: 0.5em;
	}
	.hero-infobox {
		margin: auto;
	}
}

@media (min-width: 1080px) {
	.hero-infobox {
		float: right;
		margin-left: 25px;
	}
}

#toc {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* Navboxes */
.navbox,
.navbox-subgroup {
	background-color: transparent;
}

.navbox {
	border-color: var(--table-border-color);
}

.navbox th,
.navbox-title {
	background-color: var(--th-color2);	  /* Level 1 color */
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: var(--th-color2);	  /* Level 2 color */
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: var(--tr-color1);	  /* Level 3 color */
}

.navbox-list {
    border-color: var(--navbox-list-border-color);
}

.navbox-even {
	background-color: var(--tr-color2);	  /* Even row striping */
}

.navbox-odd {
	background-color: transparent;  /* Odd row striping */
}

/* Colored columns for max stats table */
#max-stats-table tr td:nth-child(6) {
	background-color: var(--hp-color);
}
#max-stats-table tr td:nth-child(7) {
	background-color: var(--atk-color);
}
#max-stats-table tr td:nth-child(8) {
	background-color: var(--spd-color);
}
#max-stats-table tr td:nth-child(9) {
	background-color: var(--def-color);
}
#max-stats-table tr td:nth-child(10) {
	background-color: var(--res-color);
}

/* for Module:StatTable */
.full-stats-table tr td:nth-of-type(1),
.full-stats-table tr td:nth-of-type(2),
.full-stats-table tr td:nth-of-type(3) {
	background-color: var(--hp-color);
}
.full-stats-table tr td:nth-of-type(4),
.full-stats-table tr td:nth-of-type(5),
.full-stats-table tr td:nth-of-type(6) {
	background-color: var(--atk-color);
}
.full-stats-table tr td:nth-of-type(7),
.full-stats-table tr td:nth-of-type(8),
.full-stats-table tr td:nth-of-type(9) {
	background-color: var(--spd-color);
}
.full-stats-table tr td:nth-of-type(10),
.full-stats-table tr td:nth-of-type(11),
.full-stats-table tr td:nth-of-type(12) {
	background-color: var(--def-color);
}
.full-stats-table tr td:nth-of-type(13),
.full-stats-table tr td:nth-of-type(14),
.full-stats-table tr td:nth-of-type(15) {
	background-color: var(--res-color);
}

/* for full stats table without IVs */
.full-stats-table-no-ivs tr td:nth-of-type(1) {
	background-color: var(--hp-color);
}
.full-stats-table-no-ivs tr td:nth-of-type(2) {
	background-color: var(--atk-color);
}
.full-stats-table-no-ivs tr td:nth-of-type(3) {
	background-color: var(--spd-color);
}
.full-stats-table-no-ivs tr td:nth-of-type(4) {
	background-color: var(--def-color);
}
.full-stats-table-no-ivs tr td:nth-of-type(5) {
	background-color: var(--res-color);
}

/* Ambox */
.ambox {
	background-color: var(--ambox-color);
	border-bottom-color: #383838;
	border-right-color: #383838;
	border-top-color: #383838;
}

.ambox-blue {
	border-left-color: var(--ambox-blue);
}
.ambox-red {
	border-left-color: var(--ambox-red);
}
.ambox-orange {
	border-left-color: var(--ambox-orange);
}
.ambox-yellow {
	border-left-color: var(--ambox-yellow);
}
.ambox-purple {
	border-left-color: var(--ambox-purple);
}
.ambox-gray {
	border-left-color: var(--ambox-gray);
}
.ambox-green {
	border-left-color: var(--ambox-green);
}

/* Tooltips */
.tooltiptext {
	background-color: var(--tooltip-color);
}

.tooltiptext:after {
	background-color: var(--tooltip-color);
}

.tooltip .tooltip .tooltiptext:after {
	border-color: transparent transparent var(--tooltip-color) transparent;
}

.tooltip .tooltip .tooltiptext:before {
	border-color: transparent transparent #888 transparent;
}

.tooltiptext a { color: #0645ad; }
.tooltiptext a:visited { color: #0b0080; }
.tooltiptext a:active { color: #faa700; }
.tooltiptext { color: var(--tooltiptext-color); }
.tooltiptext a.new { color: #ba0000; }

.theme-fandomdesktop-dark .mw-scribunto-print,
.theme-fandomdesktop-dark .mw-scribunto-normalOutput {
	color: inherit;
	background-color: var(--tooltip-color);
}

/* Achievements */
.theme-fandomdesktop-dark #p-achievement-list {
	background-color: #0b0f14;
	border-color: var(--theme-border-color);
}

.theme-fandomdesktop-dark .achievement_category_select {
	background-color: #202e3c;
	border-bottom-color: #3d4c5c;
	border-left-color: #3d4c5c;
	border-top-color: #3d4c5c;
}

.theme-fandomdesktop-dark .achievement_category_select[data-selected="true"] {
	background-color: #121921;
	border-bottom-color: #0b0f14;
}

.theme-fandomdesktop-dark .achievement_category {
	background-color: #202e3c;
	border-color: var(--theme-border-color);
}

.theme-fandomdesktop-dark #achievement_categories .achievement_category_select.end,
.theme-fandomdesktop-dark #achievement_categories .achievement_category_select:last-child {
	border-right-color: #3d4c5c;
}

.theme-fandomdesktop-dark .p-achievement-row {
	background-color: #0a0f14;
}

.theme-fandomdesktop-dark .p-achievement-row.earned {
	background-color: #3f200d;
	border-color: #e8b18c;
	color: inherit;
}

.theme-fandomdesktop-dark .p-achievement-progress .progress-background {
	background-color: #4a4a4a;
}

.theme-fandomdesktop-dark .p-achievement-progress .progress-bar {
	background-color: #913c03;
}

/* Cargo calendar */
.theme-fandomdesktop-dark .fc-unthemed td.fc-today {
	background-color: #372f06;
}

.theme-fandomdesktop-dark .fc-event {
	background-color: #0f3f57;
	border-color: #0f3f57;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody,
.fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content,
.fc-unthemed .fc-popover, .fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
	border-color: var(--theme-border-color);
}

/* Cargo bar chart */
.cargoBarChart text {
	fill: var(--theme-page-text-color);
}

/* MediaWiki notification */
.theme-fandomdesktop-dark .mw-notification {
	background-color: #000;
	color: #fff;
	border-color: #222;
}