MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */
/* "Progressbar95" Theme */

:root {
  --primary-color: #27548d;
  --primary-alt-color: #4672aa;
  --primary-gray-color: #707180;
  --surface-color: #fffd;
  --text-color: #000;
}

body {
  background: var(--primary-alt-color);
  color: var(--text-color);
}

#mw-content-container {
  background: url("https://static.miraheze.org/progressbar95wiki/6/64/Progressbar_XB_Wallpaper_6_PC.jpeg");
  border-bottom: solid 4px var(--primary-color);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  image-rendering: pixelated;
}

h1.firstHeading {
  border-bottom-color: var(--primary-color) !important;
}

.tools-inline li.selected {
  border-bottom-color: var(--primary-color);
}

a, a:visited {
  color: var(--primary-color);
}

.sidebar-chunk {
  background: var(--surface-color) !important;
  backdrop-filter: blur(15px);
  border: solid #fff4 !important;
}

.sidebar-chunk h3 {
  border-bottom-color: var(--primary-alt-color) !important;
}

#mw-content {
  background: var(--surface-color);
  backdrop-filter: blur(25px);
  border: solid #fff4 !important;
}

#mw-header-container {
  background: var(--primary-alt-color) !important;
  color: white;
}

.wordmark img {
filter: invert(1) hue-rotate(180deg);
/* comment the above if --primary-alt-color is light */
width: 138px;
height:24px;
}

.color-middle, .color-left, .color-right {
  background: var(--primary-color);
}

.mw-footer-container {
  border-top: solid 1px #00000019;
}

#p-personal-label {
  color: black;
}