Jump to content

MediaWiki:Common.css

From shapez Wiki
Revision as of 05:27, 8 February 2026 by Dengr1065 (talk | contribs) (Add large .shapez-box variation)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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.
kbd {
	font-family: inherit;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
	
	> kbd {
		font-weight: bold;
	}
}

.shapez-box {
	display: block;
	padding: 0.5em;
	border: 1px solid;
	border-color: light-dark(hsl(from var(--box-color) h calc(s * 0.5) l), var(--box-color));
	background-color: hsl(from var(--box-color) h s l / 0.2);

	--box-color: #aaa;

	&.large { padding: 1em; }
	&.red { --box-color: #ff666a; }
	&.green { --box-color: #78ff66; }
	&.blue { --box-color: #66a7ff; }
	&.cyan { --box-color: #00fcff; }
	&.purple { --box-color: #dd66ff; }
	&.yellow { --box-color: #fcf52a; }
}

.shapez-signal {
	&.inline img {
		width: 1lh;
		height: 1lh;
		vertical-align: bottom;
	}
}