MediaWiki:Vector.css
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); }