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 {

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