User:Polymorph-Ash/vector.css

From Foundation - Wiki
Revision as of 20:15, 17 January 2026 by Polymorph-Ash (talk | contribs)
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.
:root {
  --maintext: #2a160f;
  --headertext: #3c3f44;
  --whitetextandbg: #fffff3;
  --bordercolour: #5f3529;
  --smallborders: #9c8668;
  --orange: 223, 156, 52;
  --mainfont: Verdana, Tahoma, sans-serif;
  --headerfont: Georgia, serif;
  --tableheaders: #eacf98;
  --tablecolour2: #f2e5c0;
  --tablecolour3: #ffeabd;
  --background-image: url('https://wiki.polymorph.games/found/images/0/05/Keyart02_Clean_noLogo_HD.png');
}

/* background layer */
body {
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

/* parallax header effect */
.header-box {
  background-image: var(--background-image);
  background-position: center 75%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: var(--whitetextandbg);
  font-size: 150%;
  font-weight: bold;
  font-family: var(--headerfont);
  text-shadow: 0px 0px 15px black;
  border-radius: 15px;
  border: 3px groove var(--bordercolour);
  outline: 1px solid var(--whitetextandbg);
  outline-offset: -6px;
}

#content.mw-body {
  background-color: rgba(255, 234, 189, 0.97);
  border: 2px solid var(--bordercolour);
  border-radius: 10px;
  padding: 1em;
  box-shadow: inset 0 0 10vw 1.5vw #d4b57e;
}

#left-navigation, #right-navigation {
  background-color: rgba(255, 245, 220, 0.9);
  border: 1px solid var(--bordercolour);
  border-radius: 10px;
  padding: 0.5em;
}