MediaWiki:Timeless.css
From Progressbar95 Wiki
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.
/* All CSS here will be loaded for users of the Timeless skin */
/* "Progressbar95" Theme */
:root {
--alt-color: #4672aa;
--accent-color: #27548d;
}
body {
background: var(--alt-color);
}
#mw-content-container {
background: url('/resources/assets/background.jpg');
border-bottom: solid 4px var(--accent-color);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
h1.firstHeading {
border-bottom-color: var(--accent-color) !important;
}
.tools-inline li.selected {
border-bottom-color: var(--accent-color);
}
a {
color: var(--accent-color);
}
a:visited {
color: var(--accent-color);
}
.sidebar-chunk {
background: #f8f8f8aa !important;
backdrop-filter: blur(15px);
/* dark mode:
background: #0d0d0daa !important;
*/
border-color: #0000 !important;
}
.sidebar-chunk h3 {
border-bottom: solid 2px #fff4 !important;
}
#mw-content {
background: #fffd;
/* dark mode:
background: #000d;
*/
backdrop-filter: blur(25px);
}
#mw-header-container {
background: var(--alt-color) !important;
color: white;
/* dark mode:
color: white;
*/
}
.wordmark img {
filter: invert(1) hue-rotate(180deg)
/* dark mode:
filter: invert(1) hue-rotate(180deg)
*/
}
.color-middle, .color-left, .color-right {
background: var(--accent-color);
}
.mw-footer-container {
border-top: solid 1px rgba(0,0,0,0.1)
}
#p-personal-label {
color:black;
}