MediaWiki:Vector.css

From Dreamscaper Wiki
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 Vector (dark) theme. Most custom css should go into MediaWiki:Common.css ***/
@font-face {
  font-family: 'Averia Serif Libre';
  font-style: normal;
  font-weight: 400;
  src: local('Averia Serif Libre Regular'), local('AveriaSerifLibre-Regular'), url(https://fonts.gstatic.com/s/averiaseriflibre/v8/neIWzD2ms4wxr6GvjeD0X88SHPyX2xYOoguP648mfg.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: #3c2f3f;
	--body-background-image: url('https://dreamscaper.wiki.gg/images/1/1f/Background.jpg');
	--body-background-attachment: fixed;
	--body-background-size: cover;
	--body-background-position: top center;
	--body-background-repeat: no-repeat;
	--body-color: #fff;

	--content-background: rgba(22,20,31,0.85);
	--content-border: 0;
	--content-border-radius: 2px;

	--link-color: #2990cb;
	--link-redlink-color: #f23848;
	--link-color-visited: #565dd3;

	--logo-height: 206px;
	--logo-width: 160px;
	--logo-center: 0;
	--logo-left:0.5em;
	--logo-vertical-space: 0.5em;
	--logo-content-space:-160px;

	--sidebar-header-background: #e48679;
	--sidebar-header-color: #fff;
	--sidebar-link-background: rgba(22,20,31,0.85);
	--sidebar-link-box-shadow: ;

	--navigation-tab-active-background: #e48679;
	--navigation-tab-active-color: #fff;
	--navigation-tab-background: rgba(22,20,31,0.85);
	--navigation-tab-box-shadow: ;
	--navigation-arrow-invert: 1;

	--searchsuggestions-background: rgba(22,20,31,0.85);
	--searchsuggestions-border-color: #303030;
	--searchsuggestions-hover-background: rgba(255, 229, 246,0.1);
	--searchsuggestions-hover-color: #fff;

	--fpbox-background: rgba(255, 229, 246,0.05);
	--fpbox-border: 0;

	--fpheading-background: #e48679 linear-gradient(183deg, #f8d6bd,#e48679 70%, #ae504f);
	--fpheading-border: 1px solid #252322;
	--fpheading-color: #252322;
	--fpheading-font: 'Averia Serif Libre';

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

	--editor-border: 1px solid rgba(255, 229, 246,0.5);
	--editor-button-background: #e48679;
	--editor-subtoolbar-background: rgba(255, 229, 246,0.1);
	--editor-toolbar-background: rgba(255, 229, 246,0.1);
	--editor-toolbar-selected-background: rgba(255, 229, 246,0.1);

	--msupload-background: #e48679 linear-gradient(183deg, #f8d6bd,#e48679 70%, #ae504f);
	--msupload-filelist: rgba(46, 46, 46, 0.6);

	--preferences-border: 1px solid rgba(255, 229, 246,0.5);
	--preferences-tab-active-background: #e48679 linear-gradient(183deg, #f8d6bd,#e48679 70%, #ae504f);
	--preferences-tab-background: rgba(0,0,0,0.5);

	--infobox-border: 1px solid #e48679;
	--infobox-details-background: #e48679;
	--infobox-details-color: #000;
	--infobox-header-background: #e48679 linear-gradient(183deg, #f8d6bd,#e48679 70%, #ae504f);
	--infobox-header-color: #000;
	--infobox-label-background: rgba(100,100,100,0.4);
	--infobox-label-color: #fff;

	--navbox-alt-background: rgba(255, 229, 246,0.1);
	--navbox-background: rgba(255, 229, 246,0.1);
	--navbox-border: 1px solid rgba(255, 229, 246,0.5);
	--navbox-color: #000;
	--navbox-secondary-background: rgba(255, 229, 246,0.5);

	--wikitable-alt-background: rgba(255, 229, 246,0.1);
	--wikitable-background: rgba(255, 229, 246,0.1);
	--wikitable-border: 1px solid rgba(255, 229, 246,0.5);
	--wikitable-border-collapse: collapse;
	--wikitable-border-spacing: 0;
	--wikitable-header-background: rgba(255, 229, 246,0.3);
	--wikitable-header-color: #fff;

	--code-background: rgba(255, 229, 246,0.1);
	--code-color: #fff;

	--doc-background: rgba(255, 229, 246,0.1);
	--doc-border: 1px solid rgba(255, 229, 246,0.5);

	--catlinks-background: rgba(255, 229, 246,0.1);
	--catlinks-border: 1px solid rgba(255, 229, 246,0.5);

	--thumbnail-background: rgba(255, 229, 246,0.1);
	--thumbnail-border: 1px solid rgba(255, 229, 246,0.5);

	--toc-background: rgba(255, 229, 246,0.05);
	--toc-border: 1px solid rgba(255, 229, 246,0.5);

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

.mw-footer li,
.mw-body, .parsoid-body { color: var(--body-color); }

#p-logo { 
	position: relative;
	top: -20px;
}

#p-logo a {
	width: 160px;
	height: 200px;
	background-size: contain;
}

.vector-menu-tabs li a,
a { color: var(--link-color); }
a:visited,
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--link-color-visited); }

.mw-highlight .nv {
    color: #9593ff;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; }

.suggestions-result { color: var(--body-color); }

.search-types .current a { color: #fff; }

.portable-infobox {
	--pi-background: var(--sidebar-link-background);
}

.portable-infobox .pi-secondary-background,
.pi-title { background-color: var(--sidebar-header-background); }
Retrieved from "https://dreamscaper.wiki.gg/index.php?title=MediaWiki:Vector.css&oldid=2211"