User:Teamtoto/hydradark.css

CSS and Javascript changes must comply with the wiki design rules.

Note: After saving, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

: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("/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(5, 41, 41, 0.9), rgba(8, 13, 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: rgba(3, 30, 29, 0.8);
	--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-color-darker);
	--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(108, 145, 160,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, 58, 63,1),rgba(6, 28, 23,1));
	--msupload-filelist: rgba(108, 180, 122,0.2);

	--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: transparent;
	--infobox-header-color: #fff;
	--infobox-label-background: var(--qud-border-bg-color-ultralight);
	--infobox-label-color: #fff;

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

	--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: #00c420;
	--ambox-orange: #e99f10;
	--ambox-purple: #b154cf;
	--ambox-red: #a64a2e;
	--ambox-yellow: #98875f;
	
	--infobox-header-background: var(--qud-viridian-bg-color);
}