MediaWiki:Hydradark.css: Difference between revisions

From Caves of Qud Wiki
Jump to navigation Jump to search
imported>Kittymmeow
No edit summary
m (undo undo)
Tag: Manual revert
 
(25 intermediate revisions by 4 users not shown)
Line 6: Line 6:
   src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(https://fonts.gstatic.com/s/sourcecodepro/v9/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevWnsUnxg.woff2) format('woff2');
   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;
   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 {
:root {
--body-background-color: #190d07;
--qud-bg-color-ultralight: rgba(6,28,23,0.2);
--body-background-image: url("/media/1/1f/Background.jpg");
--qud-bg-color-semidark: rgba(6,28,23,0.7);
--qud-bg-color-dark: rgba(6,28,23,0.8);
--qud-bg-color-darker: rgba(6,28,23,0.9);
--qud-border-bg-color-ultralight: rgba(77,110,122,0.2);
--qud-border-bg-color-semilight: rgba(77,110,122,0.3);
--qud-border-bg-color-semidark: rgba(77,110,122,0.7);
--qud-border-bg-color-dark: rgba(77,110,122,0.8);
--qud-border-bg-color-darker: rgba(77,110,122,0.9);
--qud-border-bg-color: rgba(77,110,122,1);
--qud-viridian-bg-color-ultralight: rgba(8,51,50,0.2);
--qud-viridian-bg-color-semilight: rgba(8,51,50,0.3);
--qud-viridian-bg-color-semidark: rgba(8,51,50,0.7);
--qud-viridian-bg-color-dark: rgba(8,51,50,0.8);
--qud-viridian-bg-color-darker: rgba(8,51,50,0.9);
--qud-viridian-bg-color: rgba(8,51,50,1);
--body-background-color: #11191C;
--body-background-image: url("https://static.wikia.nocookie.net/cavesofqud_gamepedia_en/images/1/1f/Background.jpg/revision/latest");
--body-background-attachment: fixed;
--body-background-attachment: fixed;
--body-background-size: cover;
--body-background-size: cover;
Line 17: Line 64:
--body-color: #c1d3d6;
--body-color: #c1d3d6;


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


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


Line 31: Line 78:
--logo-content-space:;
--logo-content-space:;


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


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


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


--fpbox-background: transparent;
--fpbox-background: transparent;
--fpbox-border: 1px solid rgba(108, 180, 122,0.2);
--fpbox-border: 1px solid var(--qud-border-bg-color-ultralight);


--fpheading-background: #061c17;
--fpheading-background: var(--qud-viridian-bg-color-semilight);
--fpheading-border: 1px solid #c1d3d6;
--fpheading-border: 1px solid #c1d3d6;
--fpheading-color: #c9c9c9;
--fpheading-color: #c9c9c9;
--fpheading-font: "Source Code Pro","Courier new",Courier,monospace;
--fpheading-font: "Source Code Pro","Courier new",Courier,monospace;


--fplink-background: rgba(108, 180, 122,0.2);
--fplink-background: var(--qud-viridian-bg-color-semilight);
--fplink-border: 0;
--fplink-border: 0;
--fplink-fullwidth-background: rgba(0,0,0, 0.3);
--fplink-fullwidth-background: rgba(0,0,0, 0.3);


--editor-border: 1px solid rgba(108, 180, 122,0.5);
--editor-border: 1px solid var(--qud-border-bg-color-semidark);
--editor-button-background: rgba(108, 180, 122,0.5);
--editor-button-background: rgba(77,110,122,0.5);
--editor-button-border: 1px solid rgba(46, 46, 46, 0.7);
--editor-button-border: 1px solid rgba(40, 50, 50, 0.7);
--editor-subtoolbar-background: rgba(108, 180, 122,0.2);
--editor-subtoolbar-background: var(--qud-border-bg-color-ultralight);
--editor-toolbar-background: rgba(6, 28, 23,0.8);
--editor-toolbar-background: var(--qud-bg-color-dark);
--editor-toolbar-selected-background: rgba(108, 180, 122,0.2);
--editor-toolbar-selected-background: var(--qud-border-bg-color-ultralight);


--msupload-background: radial-gradient(rgba(22, 60, 51,1),rgba(6, 28, 23,1));
--msupload-background: radial-gradient(rgba(30, 59, 60, 1), rgba(6, 28, 23,1));
--msupload-filelist: rgba(108, 180, 122,0.2);
--msupload-filelist: var(--qud-border-bg-color-ultralight);


--preferences-border: 1px solid rgba(108, 180, 122,0.2);
--preferences-border: 1px solid var(--qud-border-bg-color-ultralight);
--preferences-tab-active-background: rgba(108, 180, 122,0.5);
--preferences-tab-active-background: var(--qud-border-bg-color-semidark);
--preferences-tab-background: rgba(100,100,100, 0.4);
--preferences-tab-background: rgba(100,100,100, 0.4);


--infobox-border: 1px solid rgba(108, 180, 122,0.2);
--infobox-border: 1px solid var(--qud-border-bg-color-semilight);
--infobox-details-background: rgba(108, 180, 122,0.3);
--infobox-details-background: var(--qud-border-bg-color-semilight);
--infobox-details-color: #fff;
--infobox-details-color: #fff;
--infobox-header-background: rgba(108, 180, 122,0.5);
--infobox-header-background: rgba(0,0,0,0.3);
--infobox-header-color: #fff;
--infobox-header-color: #fff;
--infobox-label-background: rgba(108, 180, 122,0.2);
--infobox-label-background: rgba(0,0,0,0.2);
--infobox-label-color: #fff;
--infobox-label-color: #fff;


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


--wikitable-alt-background: rgba(108,180,122,0.2);
--wikitable-alt-background: var(--qud-border-bg-color-ultralight);
--wikitable-background: rgba(6, 28, 23,0.2);
--wikitable-background: var(--qud-bg-color-ultralight);
--wikitable-border: 1px solid rgba(108, 180, 122,0.3);
--wikitable-border: 1px solid var(--qud-border-bg-color-semilight);
--wikitable-border-collapse: collapse;
--wikitable-border-collapse: collapse;
--wikitable-border-spacing: 0;
--wikitable-border-spacing: 0;
--wikitable-header-background: rgba(108, 180, 122,0.2);
--wikitable-header-background: var(--qud-border-bg-color-ultralight);
--wikitable-header-color: #fff;
--wikitable-header-color: #fff;
--wikitable-hover-color: var(--qud-bg-color-semidark);


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


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


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


--thumbnail-background: rgba(6, 28, 23,0.5);
--thumbnail-background: var(--qud-bg-color-semidark);
--thumbnail-border: 1px solid rgba(108, 180, 122,0.2);
--thumbnail-border: 1px solid var(--qud-border-bg-color-ultralight);


--toc-background: rgba(6, 28, 23,0.5);
--toc-background: var(--qud-bg-color-semidark);
--toc-border: 1px solid rgba(108, 180, 122,0.2);
--toc-border: 1px solid var(--qud-border-bg-color-ultralight);


--ambox-background: rgba(120,120,120,0.3);
--ambox-background: rgba(51, 76, 76, 0.3);
--ambox-blue: #1e90ff;
--ambox-blue: #0096ff;
--ambox-gray: #bbbbaa;
--ambox-gray: #b1c9c3;
--ambox-green: #228b22;
--ambox-green: #009403;
--ambox-orange: #f28500;
--ambox-orange: #e99f10;
--ambox-purple: #9932cc;
--ambox-purple: #b154cf;
--ambox-red: #b22222;
--ambox-red: #d74200;
--ambox-yellow: #f4c430;
--ambox-yellow: #cfc041;
}
 
/* 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;
}
 
/* cargo table adjustments */
.skin-hydradark table.cargoTable > tbody > tr:nth-child(2n+1), .skin-hydradark table.cargoTable td.odd {
    background-color: unset;
}
table.dataTable {
    border-spacing: 0;
}
table.dataTable th, table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
}
table.dataTable tr:first-child td {
    border-top: none;
}
table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover {
    background: var(--wikitable-hover-color);
}
 
/* 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);
}
 
/* patch font size for ants */
.mw-body-content .mw-parser-output > p,
.mw-body-content .mw-parser-output > ul,
.mw-body-content .mw-parser-output > ol {
    font-size: 16px;
}
 
/*Change hr color*/
div#content hr {
background-color: var(--qud-border-bg-color-semilight);
}
 
/* misc color tweaks */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: transparent;
}
 
.mw-changeslist-legend {
    background-color: transparent;
    border: 1px solid var(--qud-border-bg-color-ultralight);
}
}

Latest revision as of 02:44, 28 July 2021

/*** 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 {
	--qud-bg-color-ultralight: rgba(6,28,23,0.2);
	--qud-bg-color-semidark: rgba(6,28,23,0.7);
	--qud-bg-color-dark: rgba(6,28,23,0.8);
	--qud-bg-color-darker: rgba(6,28,23,0.9);
	
	--qud-border-bg-color-ultralight: rgba(77,110,122,0.2);
	--qud-border-bg-color-semilight: rgba(77,110,122,0.3);
	--qud-border-bg-color-semidark: rgba(77,110,122,0.7);
	--qud-border-bg-color-dark: rgba(77,110,122,0.8);
	--qud-border-bg-color-darker: rgba(77,110,122,0.9);
	--qud-border-bg-color: rgba(77,110,122,1);
	
	--qud-viridian-bg-color-ultralight: rgba(8,51,50,0.2);
	--qud-viridian-bg-color-semilight: rgba(8,51,50,0.3);
	--qud-viridian-bg-color-semidark: rgba(8,51,50,0.7);
	--qud-viridian-bg-color-dark: rgba(8,51,50,0.8);
	--qud-viridian-bg-color-darker: rgba(8,51,50,0.9);
	--qud-viridian-bg-color: rgba(8,51,50,1);
	
	--body-background-color: #11191C;
	--body-background-image: url("https://static.wikia.nocookie.net/cavesofqud_gamepedia_en/images/1/1f/Background.jpg/revision/latest");
	--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(5, 41, 41, 0.9), rgba(8, 14, 14,0.9));
	--content-border: 0;
	--content-border-radius: 0px;

	--link-color: #69A9B9;
	--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: var(--qud-viridian-bg-color);
	--sidebar-header-color: #fff;
	--sidebar-link-background: #091C1B;
	--sidebar-link-box-shadow:;

	--navigation-tab-active-background: var(--qud-viridian-bg-color);
	--navigation-tab-active-color: #fff;
	--navigation-tab-background: var(--qud-bg-color-dark);
	--navigation-tab-box-shadow:;
	--navigation-arrow-invert: 1;

	--searchsuggestions-background: var(--qud-bg-color-darker);
	--searchsuggestions-border-color: var(--qud-border-bg-color-semilight);
	--searchsuggestions-hover-background: var(--qud-border-bg-color-semilight);
	--searchsuggestions-hover-color: #fff;

	--fpbox-background: transparent;
	--fpbox-border: 1px solid var(--qud-border-bg-color-ultralight);

	--fpheading-background: var(--qud-viridian-bg-color-semilight);
	--fpheading-border: 1px solid #c1d3d6;
	--fpheading-color: #c9c9c9;
	--fpheading-font: "Source Code Pro","Courier new",Courier,monospace;

	--fplink-background: var(--qud-viridian-bg-color-semilight);
	--fplink-border: 0;
	--fplink-fullwidth-background: rgba(0,0,0, 0.3);

	--editor-border: 1px solid var(--qud-border-bg-color-semidark);
	--editor-button-background: rgba(77,110,122,0.5);
	--editor-button-border: 1px solid rgba(40, 50, 50, 0.7);
	--editor-subtoolbar-background: var(--qud-border-bg-color-ultralight);
	--editor-toolbar-background: var(--qud-bg-color-dark);
	--editor-toolbar-selected-background: var(--qud-border-bg-color-ultralight);

	--msupload-background: radial-gradient(rgba(30, 59, 60, 1), rgba(6, 28, 23,1));
	--msupload-filelist: var(--qud-border-bg-color-ultralight);

	--preferences-border: 1px solid var(--qud-border-bg-color-ultralight);
	--preferences-tab-active-background: var(--qud-border-bg-color-semidark);
	--preferences-tab-background: rgba(100,100,100, 0.4);

	--infobox-border: 1px solid var(--qud-border-bg-color-semilight);
	--infobox-details-background: var(--qud-border-bg-color-semilight);
	--infobox-details-color: #fff;
	--infobox-header-background: rgba(0,0,0,0.3);
	--infobox-header-color: #fff;
	--infobox-label-background: rgba(0,0,0,0.2);
	--infobox-label-color: #fff;

	--navbox-alt-background: transparent;
	--navbox-background: var(--qud-viridian-bg-color-ultralight);
	--navbox-border: 1px solid var(--qud-viridian-bg-color-ultralight);
	--navbox-color: #c1d3d6;
	--navbox-secondary-background: transparent;

	--wikitable-alt-background: var(--qud-border-bg-color-ultralight);
	--wikitable-background: var(--qud-bg-color-ultralight);
	--wikitable-border: 1px solid var(--qud-border-bg-color-semilight);
	--wikitable-border-collapse: collapse;
	--wikitable-border-spacing: 0;
	--wikitable-header-background: var(--qud-border-bg-color-ultralight);
	--wikitable-header-color: #fff;
	--wikitable-hover-color: var(--qud-bg-color-semidark);

	--code-background: var(--qud-bg-color-semidark);
	--code-color: #c1d3d6;

	--doc-background:  var(--qud-bg-color-ultralight);
	--doc-border: 1px solid var(--qud-border-bg-color-ultralight);

	--catlinks-background: var(--qud-bg-color-ultralight);
	--catlinks-border: 1px solid var(--qud-border-bg-color-ultralight);

	--thumbnail-background: var(--qud-bg-color-semidark);
	--thumbnail-border: 1px solid var(--qud-border-bg-color-ultralight);

	--toc-background: var(--qud-bg-color-semidark);
	--toc-border: 1px solid var(--qud-border-bg-color-ultralight);

	--ambox-background: rgba(51, 76, 76, 0.3);
	--ambox-blue: #0096ff;
	--ambox-gray: #b1c9c3;
	--ambox-green: #009403;
	--ambox-orange: #e99f10;
	--ambox-purple: #b154cf;
	--ambox-red: #d74200;
	--ambox-yellow: #cfc041;
}

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

/* cargo table adjustments */
.skin-hydradark table.cargoTable > tbody > tr:nth-child(2n+1), .skin-hydradark table.cargoTable td.odd {
    background-color: unset;
}
table.dataTable {
    border-spacing: 0;
}
table.dataTable th, table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
}
table.dataTable tr:first-child td {
    border-top: none;
}
table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover {
    background: var(--wikitable-hover-color);
}

/* 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);
}

/* patch font size for ants */
.mw-body-content .mw-parser-output > p,
.mw-body-content .mw-parser-output > ul,
.mw-body-content .mw-parser-output > ol {
    font-size: 16px;
}

/*Change hr color*/
div#content hr {
	background-color: var(--qud-border-bg-color-semilight);
}

/* misc color tweaks */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: transparent;
}

.mw-changeslist-legend {
    background-color: transparent;
    border: 1px solid var(--qud-border-bg-color-ultralight);
}