/*
 * The forum in each server site's look, when opened at that site's /forum (superflat.tj/forum ...).
 * samstj_sites.php marks the page <html data-server="NAME"> and loads this after the theme's samstj.css,
 * which takes its colours from the variables set here. sams.tj/forum keeps samstj.css as it is.
 * Colours, pictures and titles are the ones each site's home page shows.
 * Source: wrapper-dev/sites/forum-theme/samstj-sites.css; installed as forum/jscripts/samstj-sites.css.
 * ":root[data-server]" outranks the menu's own html[data-server] theme block (samstj-menu.css).
 */
:root[data-server="hardcore"] { --accent: #ff5555; --accent-rgb: 255, 85, 85; }
:root[data-server="skyblock"] { --accent: #ff55ff; --accent-rgb: 255, 85, 255; }
:root[data-server="superflat"] { --accent: #55ff55; --accent-rgb: 85, 255, 85; }
:root[data-server="earth"] { --accent: #55ffff; --accent-rgb: 85, 255, 255; }
:root[data-server="mods"] { --accent: #55ccff; --accent-rgb: 85, 204, 255; }

:root[data-server="hardcore"] body {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url("https://hardcore.tj/images/website-background-1.webp");
}
:root[data-server="skyblock"] body {
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url("https://sams.tj/assets/skyblock_website_background.webp");
}
:root[data-server="superflat"] body {
	/* a still from the superflat.tj background video; the sky is bright, so a darker veil */
	background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.8)), url("https://sams.tj/assets/superflat-forum-background.webp");
}
:root[data-server="earth"] body {
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.65)), url("https://sams.tj/assets/earth-website-background-1.png");
}
:root[data-server="mods"] body {
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url("https://sams.tj/assets/modded_website_background.webp");
}

/* The header title, as each site writes its own */
:root[data-server="hardcore"] #logo .wrapper > a::before { content: "Sam's Minecraft Server - Hardcore Forum"; }
:root[data-server="skyblock"] #logo .wrapper > a::before { content: "Sam's Minecraft Server - Skyblock Forum"; }
:root[data-server="superflat"] #logo .wrapper > a::before { content: "Sam's Minecraft Server - Superflat Forum"; }
:root[data-server="earth"] #logo .wrapper > a::before { content: "Sam's Minecraft Server - Earth Forum"; }
:root[data-server="mods"] #logo .wrapper > a::before { content: "Sam's Minecraft Server - Modded Forum"; }