MediaWiki:Hydradark.css

/*** This stylesheet contains the color scheme for the hydradark (dark) theme. Most custom css should go into MediaWiki:Common.css ***/
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(https://fonts.gstatic.com/s/sourcecodepro/v9/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevWnsUnxg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url(https://fonts.gstatic.com/s/sourcecodepro/v10/HI_XiYsKILxRpg3hIP6sJ7fM7Pqths7Ds-cq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=5.0.0");
	src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=5.0.0") format('embedded-opentype'), url("https://maxcdn.bootstrapcdn.com/font-awesome/ta4.3.0/fonts/fontawesome-webfont.woff2?v=5.0.0") format('woff2'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=5.0.0") format('woff'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=5.0.0") format('truetype'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=5.0.0#fontawesomeregular") format('svg');
}

:root {
	--body-background-color: #190d07;
	--body-background-image: url("/media/1/1f/Background.jpg");
	--body-background-attachment: fixed;
	--body-background-size: cover;
	--body-background-position: center center;
	--body-background-repeat: no-repeat;
	--body-color: #c1d3d6;

	--content-background: radial-gradient(rgba(22, 60, 51,0.8),rgba(6, 28, 23,0.8));
	--content-border: 0;
	--content-border-radius: 0px;

	--link-color: #7fbadd;
	--link-redlink-color: #bb312c;

	--logo-height: 65px;
	--logo-width: 700px;
	--logo-center: 1;
	--logo-left:;
	--logo-vertical-space: 1.5em;
	--logo-content-space:;

	--sidebar-header-background: rgba(108, 180, 122,0.4);
	--sidebar-header-color: #fff;
	--sidebar-link-background: rgba(6, 28, 23,0.8);
	--sidebar-link-box-shadow:;

	--navigation-tab-active-background: rgba(108, 180, 122,0.6);
	--navigation-tab-active-color: #fff;
	--navigation-tab-background: rgba(6, 28, 23,0.8);
	--navigation-tab-box-shadow:;
	--navigation-arrow-invert: 1;

	--searchsuggestions-background: rgba(6, 28, 23,0.9);
	--searchsuggestions-border-color: rgba(108, 180, 122,0.3);
	--searchsuggestions-hover-background: rgba(108, 180, 122,0.3);
	--searchsuggestions-hover-color: #fff;

	--fpbox-background: transparent;
	--fpbox-border: 1px solid rgba(108, 180, 122,0.2);

	--fpheading-background: #061c17;
	--fpheading-border: 1px solid #c1d3d6;
	--fpheading-color: #c9c9c9;
	--fpheading-font: "Source Code Pro","Courier new",Courier,monospace;

	--fplink-background: rgba(108, 180, 122,0.2);
	--fplink-border: 0;
	--fplink-fullwidth-background: rgba(0,0,0, 0.3);

	--editor-border: 1px solid rgba(108, 180, 122,0.5);
	--editor-button-background: rgba(108, 180, 122,0.5);
	--editor-button-border: 1px solid rgba(46, 46, 46, 0.7);
	--editor-subtoolbar-background: rgba(108, 180, 122,0.2);
	--editor-toolbar-background: rgba(6, 28, 23,0.8);
	--editor-toolbar-selected-background: rgba(108, 180, 122,0.2);

	--msupload-background: radial-gradient(rgba(22, 60, 51,1),rgba(6, 28, 23,1));
	--msupload-filelist: rgba(108, 180, 122,0.2);

	--preferences-border: 1px solid rgba(108, 180, 122,0.2);
	--preferences-tab-active-background: rgba(108, 180, 122,0.5);
	--preferences-tab-background: rgba(100,100,100, 0.4);

	--infobox-border: 1px solid rgba(108, 180, 122,0.2);
	--infobox-details-background: rgba(108, 180, 122,0.3);
	--infobox-details-color: #fff;
	--infobox-header-background: transparent;
	--infobox-header-color: #fff;
	--infobox-label-background: rgba(108, 180, 122,0.2);
	--infobox-label-color: #fff;

	--navbox-alt-background: rgba(108, 180, 122,0.1);
	--navbox-background: rgba(6, 28, 23,0.2);
	--navbox-border: 1px solid rgba(108, 180, 122,0.2);
	--navbox-color: #c1d3d6;
	--navbox-secondary-background: rgba(108, 180, 122,0.2);

	--wikitable-alt-background: rgba(108,180,122,0.1);
	--wikitable-background: rgba(6, 28, 23,0.2);
	--wikitable-border: 1px solid rgba(108, 180, 122,0.3);
	--wikitable-border-collapse: collapse;
	--wikitable-border-spacing: 0;
	--wikitable-header-background: rgba(108, 180, 122,0.2);
	--wikitable-header-color: #fff;

	--code-background: rgba(6, 28, 23,0.5);
	--code-color: #c1d3d6;

	--doc-background: rgba(6, 28, 23,0.2);
	--doc-border: 1px solid rgba(108, 180, 122,0.2);

	--catlinks-background: rgba(6, 28, 23,0.2);
	--catlinks-border: 1px solid rgba(108, 180, 122,0.2);

	--thumbnail-background: rgba(6, 28, 23,0.5);
	--thumbnail-border: 1px solid rgba(108, 180, 122,0.2);

	--toc-background: rgba(6, 28, 23,0.5);
	--toc-border: 1px solid rgba(108, 180, 122,0.2);

	--ambox-background: rgba(120,120,120,0.3);
	--ambox-blue: #1e90ff;
	--ambox-gray: #bbbbaa;
	--ambox-green: #228b22;
	--ambox-orange: #f28500;
	--ambox-purple: #9932cc;
	--ambox-red: #b22222;
	--ambox-yellow: #f4c430;
}

/* patch ridiculous pageforms createform styling */
.pfCollapsibleFieldset > div > div:nth-child(odd) {
	background: rgba(255,255,255,0.05)!important;
}
.pfCollapsibleFieldset > div > div:nth-child(even) {
	background: rgba(255,255,255,0.1)!important;
}

.skin-hydradark table.cargoTable > tbody > tr:nth-child(2n+1), .skin-hydradark table.cargoTable td.odd {
    background-color: unset;
}
/* fix broken checkbox coloring when checkbox is focused/hovered/active */
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover:checked+span,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:checked+span,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:checked+span,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover:checked+span {
    background-color: var(--editor-button-background);
}