MediaWiki:Hydradark.css

From Caves of Qud Wiki
Revision as of 21:27, 13 October 2020 by Egocarib (talk | contribs) (move font awesome def from Common.css to Hydradark.css so that FA font symbols aren't delayed on page load)
Jump to navigation Jump to search

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 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;
}
Retrieved from "https://wiki.cavesofqud.com/index.php?title=MediaWiki:Hydradark.css&oldid=39269"