MediaWiki:Common.css/Special box background.css

From Paquerette Down the Bunburrows Wiki
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.
/* Styling for [[File:Special-box-background.svg]] */

.special-box-background__border-black__centre {
	height: calc(100% - 4 * var(--pixel-size, 1px));
	width: calc(100% - 4 * var(--pixel-size, 1px));
	x: calc(2 * var(--pixel-size, 1px));
	y: calc(2 * var(--pixel-size, 1px));
}

.special-box-background__border-black__vertical-inner {
	height: 100%;
	width: calc(100% - 10 * var(--pixel-size, 1px));
	x: calc(5 * var(--pixel-size, 1px));
	y: 0;
}

.special-box-background__border-black__vertical-outer {
	height: calc(100% - 2 * var(--pixel-size, 1px));
	width: calc(100% - 8 * var(--pixel-size, 1px));
	x: calc(4 * var(--pixel-size, 1px));
	y: var(--pixel-size, 1px);
}

.special-box-background__border-black__horizontal-inner {
	height: calc(100% - 10 * var(--pixel-size, 1px));
	width: 100%;
	x: 0;
	y: calc(5 * var(--pixel-size, 1px));
}

.special-box-background__border-black__horizontal-outer {
	height: calc(100% - 8 * var(--pixel-size, 1px));
	width: calc(100% - 2 * var(--pixel-size, 1px));
	x: var(--pixel-size, 1px);
	y: calc(4 * var(--pixel-size, 1px));
}

.special-box-background__border-medium__vertical-inner {
	height: calc(100% - 4 * var(--pixel-size, 1px));
	width: calc(100% - 12 * var(--pixel-size, 1px));
	x: calc(6 * var(--pixel-size, 1px));
	y: calc(2 * var(--pixel-size, 1px));
}

.special-box-background__border-medium__vertical-outer {
	height: calc(100% - 6 * var(--pixel-size, 1px));
	width: calc(100% - 8 * var(--pixel-size, 1px));
	x: calc(4 * var(--pixel-size, 1px));
	y: calc(3 * var(--pixel-size, 1px));
}

.special-box-background__border-medium__horizontal-inner {
	height: calc(100% - 12 * var(--pixel-size, 1px));
	width: calc(100% - 4 * var(--pixel-size, 1px));
	x: calc(2 * var(--pixel-size, 1px));
	y: calc(6 * var(--pixel-size, 1px));
}

.special-box-background__border-medium__horizontal-outer {
	height: calc(100% - 8 * var(--pixel-size, 1px));
	width: calc(100% - 6 * var(--pixel-size, 1px));
	x: calc(3 * var(--pixel-size, 1px));
	y: calc(4 * var(--pixel-size, 1px));
}

.special-box-background__border-light__vertical-inner {
	height: calc(100% - 6 * var(--pixel-size, 1px));
	width: calc(100% - 14 * var(--pixel-size, 1px));
	x: calc(7 * var(--pixel-size, 1px));
	y: calc(3 * var(--pixel-size, 1px));
}

.special-box-background__border-light__vertical-outer {
	height: calc(100% - 8 * var(--pixel-size, 1px));
	width: calc(100% - 10 * var(--pixel-size, 1px));
	x: calc(5 * var(--pixel-size, 1px));
	y: calc(4 * var(--pixel-size, 1px));
}

.special-box-background__border-light__horizontal-inner {
	height: calc(100% - 14 * var(--pixel-size, 1px));
	width: calc(100% - 6 * var(--pixel-size, 1px));
	x: calc(3 * var(--pixel-size, 1px));
	y: calc(7 * var(--pixel-size, 1px));
}

.special-box-background__border-light__horizontal-outer {
	height: calc(100% - 10 * var(--pixel-size, 1px));
	width: calc(100% - 8 * var(--pixel-size, 1px));
	x: calc(4 * var(--pixel-size, 1px));
	y: calc(5 * var(--pixel-size, 1px));
}

.special-box-background__interior-medium__centre {
	height: calc(100% - 10 * var(--pixel-size, 1px));
	width: calc(100% - 10 * var(--pixel-size, 1px));
	x: calc(5 * var(--pixel-size, 1px));
	y: calc(5 * var(--pixel-size, 1px));
}

.special-box-background__interior-medium__vertical {
	height: calc(100% - 8 * var(--pixel-size, 1px));
	width: calc(100% - 14 * var(--pixel-size, 1px));
	x: calc(7 * var(--pixel-size, 1px));
	y: calc(4 * var(--pixel-size, 1px));
}

.special-box-background__interior-medium__horizontal {
	height: calc(100% - 14 * var(--pixel-size, 1px));
	width: calc(100% - 8 * var(--pixel-size, 1px));
	x: calc(4 * var(--pixel-size, 1px));
	y: calc(7 * var(--pixel-size, 1px));
}