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.
/* HymnRO Wiki - Background */
body {
background: url('/wiki/images/b/b5/Banner.jpg') no-repeat center top fixed !important;
background-size: cover !important;
}
/* Content area - frosted glass */
.mw-body {
background: rgba(20, 28, 46, 0.75) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 8px;
}
/* Make all the white containers transparent */
.mw-page-container {
background: transparent !important;
}
.vector-column-start,
.vector-column-end,
.vector-main-menu,
.vector-page-tools {
background: transparent !important;
}
/* Left sidebar - Target the actual element */
#mw-navigation {
background: transparent !important;
}
nav#mw-panel {
background: transparent !important;
}
.vector-main-menu-container,
.vector-main-menu-group,
.vector-main-menu .vector-menu-content,
.vector-main-menu-landmark {
background: transparent !important;
}
/* Right sidebar - Tools */
.vector-page-tools-container,
.vector-page-tools .vector-menu-content,
.vector-sticky-pinned-container {
background: transparent !important;
}
/* Pinnable containers */
.vector-pinnable-element,
.vector-main-menu-pinned-container,
.vector-page-tools-pinned-container {
background: transparent !important;
}