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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */
:root {
--color-progressive-oklch__h: 253.3805;
}
.skin-theme-clientpref-day {
}
.skin-theme-clientpref-night {
/* Example CSS for changing the background */
body {
background-image: url("https://wiki.lbpunion.com/images/e/ea/PS_App_20210309_030239.jpeg?20250129203443");
background-size: cover;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
}
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
z-index: 0; /* Ensures the overlay is above the background image but below other content */
pointer-events: none; /* Ensures the overlay doesn't interfere with any interactions */
}
#content,
#firstHeading,
#mw-content-text {
position: relative;
z-index: 1; /* Ensure content is above the gradient overlay */
background-color: rgba(0, 0, 0, 0.8); /* Dark, opaque background */
padding: 20px;
border-radius: 10px;
color: #FFF; /* Ensure text is readable */
margin: 20px auto;
max-width: 90%; /* Adjusted for wider content */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Add a subtle shadow for depth */
}
#firstHeading {
margin-top: 20px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.8); /* Ensure the heading has the same background */
border-radius: 10px 10px 0 0; /* Rounded corners at the top */
}
}