MediaWiki:Hydradark.css: Difference between revisions

From Caves of Qud Wiki
Jump to navigation Jump to search
(add Open Sans font, which will be used for infobox design)
(darken ambox bg color)
Line 131: Line 131:
--toc-border: 1px solid rgba(108, 180, 122,0.2);
--toc-border: 1px solid rgba(108, 180, 122,0.2);


--ambox-background: rgba(120,120,120,0.3);
--ambox-background: rgba(6,28,23,0.3);
--ambox-blue: #1e90ff;
--ambox-blue: #1e90ff;
--ambox-gray: #bbbbaa;
--ambox-gray: #bbbbaa;

Revision as of 22:31, 19 August 2020

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

: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(6,28,23,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;
}