Difference between revisions of "User:Polymorph-Ash/vector.css"

From Foundation - Wiki
Jump to navigation Jump to search
(Created page with ":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'); }")
 
Line 12: Line 12:
   --tablecolour3: #ffeabd;
   --tablecolour3: #ffeabd;
   --background-image: url('https://wiki.polymorph.games/found/images/0/05/Keyart02_Clean_noLogo_HD.png');
   --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;
}
}

Revision as of 20:14, 17 January 2026

: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;
}