User:PanchamBro/monobook.css
Jump to navigation
Jump to search
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
body.skin-monobook {
--mw-surface: #1f4973; /* Things on the page automatically added by MediaWiki - category list, captioned thumbnails, galleries, table of contents, etc. */
--zw-background-body: #0a2038;
--zw-background-header: #336089;
--zw-background-highlight: #245681;
--zw-background-infobox: #214d74;
--zw-background-interactive: #17568c;
--zw-background-interactive-hover: #24527c;
--zw-background-interactive-pressed: #153e63;
--zw-background-page: #1c3855;
--zw-background-surface: #17568c;
--zw-border: #6f7b87;
--zw-gradient-tab: linear-gradient(#1d679b, #1a4e7d);
--zw-gradient-tab-hover: linear-gradient(#305f89, #17456e);
--zw-gradient-tab-active: linear-gradient(#1d578b, var(--zw-background-interactive-pressed));
--zw-link: #f4f26b;
--zw-link-filter: invert(84%) sepia(33%) saturate(594%) hue-rotate(12deg) brightness(101%) contrast(108%); /* Changes SVGs to --zw-link color */
--zw-link-hover: #fbfac9;
--zw-link-visited: #e7ea12;
--zw-text: #e6e6e6;
--zw-text-red-link: #fe5368;
--zw-text-red-link-hover: #feb8c1;
--zw-text-filter: invert(100%) sepia(1%) saturate(503%) hue-rotate(196deg) brightness(111%) contrast(80%); /* Changes SVGs to --zw-text color */
--zw-text-success: #11a643;
--zw-text-subdued: #bbbbbb;
--zw-text-warning: #fe5368;
}
body {
background: var(--zw-background-body);
}
body.skin--responsive .pBody {
background-color: #1d3855;
border: 1px solid #59697a;
color: #d2d2d2;
}
body.skin--responsive #p-cactions li.selected a {
background-color: #1d3855;
}
body.skin--responsive #p-cactions li.selected {
border-color: #eaeda6;
}
body.skin--responsive #p-cactions li a:hover {
background-color: #254b73;
}
body.skin--responsive #p-cactions li a {
background-color: #1d3855;
color: #eaeda6;
}
.mw-footer {
background-color: #1c3855;
border-top: 1px solid #e1eda6;
border-bottom: 1px solid #e1eda6;
}
body.skin--responsive #p-personal li a {
color: #e9eda6;
}
body.skin--responsive #p-personal li a:hover {
background-color: #1f4973;
}