Hydra.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.

/*** This stylesheet contains the color scheme for the hydra (light) theme. Most custom css should go into MediaWiki:Common.css ***/
@font-face {
	font-family: 'GoudyStM';
	src: local('GoudyStM-webfont'), local('GoudyStM-webfont'), url('/media/hydra/fonts/GoudyStM-webfont.eot') format('embedded-opentype'),url('/media/hydra/fonts/GoudyStM-webfont.ttf') format('truetype'),url('/media/hydra/fonts/GoudyStM-webfont.woff') format('woff'),url('/media/hydra/fonts/GoudyStM-webfont.svg') format('svg');
}

:root {
	--body-background-color: #f2f7f1;
	--body-background-image: url("/media/1/1f/Background.jpg");
	--body-background-attachment: scroll;
	--body-background-size: 100%;
	--body-background-position: top center;
	--body-background-repeat: no-repeat;
	--body-color: #000;

	--content-background: rgba(255,255,255, 0.8);
	--content-border: 0;
	--content-border-radius: 2px;

	--link-color: #3372aa;
	--link-redlink-color: #902408;

	--logo-height: 150px;
	--logo-width: 405px;
	--logo-center: 1;
	--logo-left:;
	--logo-vertical-space: 0.5em;
	--logo-content-space:;

	--sidebar-header-background: #4d657d;
	--sidebar-header-color: #fff;
	--sidebar-link-background: rgba(54,54,54, 0.8);
	--sidebar-link-box-shadow:;

	--navigation-tab-active-background: #4d657d;
	--navigation-tab-active-color: #fff;
	--navigation-tab-background: rgba(54,54,54, 0.8);
	--navigation-tab-box-shadow:;
	--navigation-arrow-invert: 1;

	--searchsuggestions-background: rgba(54,54,54, 0.9);
	--searchsuggestions-border-color: #303030;
	--searchsuggestions-hover-background: #4d657d;
	--searchsuggestions-hover-color: #fff;

	--fpbox-background: rgba(255,255,255, 0.4);
	--fpbox-border: 1px solid #303030;

	--fpheading-background: #363636;
	--fpheading-border: 1px solid #fff;
	--fpheading-color: #fff;
	--fpheading-font: 'GoudyStM';

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

	--editor-border: 1px solid #303030;
	--editor-button-background: #4d657d;
	--editor-button-border-color: rgba(46, 46, 46, 0.7);
	--editor-subtoolbar-background: rgba(100,100,100, 0.3);
	--editor-toolbar-background: rgba(100,100,100, 0.3);
	--editor-toolbar-selected-background: rgba(100,100,100, 0.3);

	--msupload-background: #4d657d;
	--msupload-filelist: rgba(46, 46, 46, 0.6);

	--preferences-border: 1px solid #303030;
	--preferences-tab-active-background: #8095ab;
	--preferences-tab-background: rgba(100,100,100, 0.2);

	--infobox-border: 1px solid #303030;
	--infobox-details-background: #4d657d;
	--infobox-details-color: #fff;
	--infobox-header-background: #4d657d;
	--infobox-header-color: #fff;
	--infobox-label-background: rgba(100,100,100,0.2);
	--infobox-label-color: #000;

	--navbox-alt-background: rgba(100,100,100, 0.2);
	--navbox-background: rgba(100,100,100, 0.1);
	--navbox-border: 1px solid #303030;
	--navbox-color: #000;
	--navbox-secondary-background: rgba(100,100,100, 0.3);

	--wikitable-alt-background: rgba(100,100,100, 0.6);
	--wikitable-background: rgba(100,100,100, 0.2);
	--wikitable-border: 1px solid #000;
	--wikitable-border-collapse: collapse;
	--wikitable-border-spacing: 0;
	--wikitable-header-background: rgba(46, 46, 46, 0.3);
	--wikitable-header-color: #000;

	--code-background: rgba(100,100,100, 0.2);
	--code-color: #000;

	--doc-background: rgba(0, 0, 0, 0.1);
	--doc-border: 1px solid #303030;

	--catlinks-background: rgba(100,100,100, 0.2);
	--catlinks-border: 1px solid #303030;

	--thumbnail-background: rgba(100,100,100,0.2);
	--thumbnail-border: 1px solid #303030;

	--toc-background: rgba(100,100,100,0.2);
	--toc-border: 1px solid #303030;

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