MediaWiki:Vector.css - Revision history

Admin: wiki_sync.py

2026-10-11T18:05:34Z

wiki_sync.py

← Older revision		Revision as of 20:05, 11 October 2026
Line 88:		Line 88:
	top (tab_top.png), a 6 px block side between tabs (tab_side.png), a pale face; the open tab blends into the page.		top (tab_top.png), a 6 px block side between tabs (tab_side.png), a pale face; the open tab blends into the page.
	Way back: the v1 "game-menu buttons" block in the comment below. ---- */		Way back: the v1 "game-menu buttons" block in the comment below. ---- */
	#left-navigation, #right-navigation { margin-top: ~~45px~~; } /* tab tops level with the banner's ground (48 px) */		#left-navigation, #right-navigation { margin-top: 48px; } /* tab tops level with the banner's ground (48 px) */
	.vector-menu-tabs,		.vector-menu-tabs,
	.vector-menu-tabs a,		.vector-menu-tabs a,
Line 97:		Line 97:
	.vector-menu-tabs li.selected {		.vector-menu-tabs li.selected {
	position: relative;		position: relative;
	height: ~~40px~~; /* from the ground line down to the page */		height: 37px; /* from the ground line down to the page */
	margin: 0;		margin: 0;
	padding-left: 6px;		padding-left: 6px;
Line 119:		Line 119:
	.vector-menu-tabs li a {		.vector-menu-tabs li a {
	height: auto;		height: auto;
	padding: ~~17px~~ 0.9em 0 0.75em;		padding: 15px 0.9em 0 0.75em;
	font-weight: bold;		font-weight: bold;
	font-size: 0.8125em;		font-size: 0.8125em;
Line 128:		Line 128:
	.vector-menu-dropdown {		.vector-menu-dropdown {
	position: relative;		position: relative;
	height: ~~40px~~;		height: 37px;
	padding-left: 6px;		padding-left: 6px;
	background: #c3cdd3 url(/images/mim-skin/tab_top.png?v=2) repeat-x left top;		background: #c3cdd3 url(/images/mim-skin/tab_top.png?v=2) repeat-x left top;

Admin: wiki_sync.py

2026-10-11T18:05:14Z

wiki_sync.py

← Older revision		Revision as of 20:05, 11 October 2026
Line 23:		Line 23:
	/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then		/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then
	Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. Earlier banner (generic grass + flowers): header_v1.png. */		Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. Earlier banner (generic grass + flowers): header_v1.png. */
	background-image: url(/images/mim-skin/header.png?v=3), url(/images/mim-skin/strata.png?v=4), url(/images/mim-skin/lcl.png?v=4);		background-image: url(/images/mim-skin/header.png?v=4), url(/images/mim-skin/strata.png?v=5), url(/images/mim-skin/lcl.png?v=5);
	background-repeat: repeat-x, repeat-x, repeat;		background-repeat: repeat-x, repeat-x, repeat;
	background-position: top left, top left, top left;		background-position: top left, top left, top left;
Line 88:		Line 88:
	top (tab_top.png), a 6 px block side between tabs (tab_side.png), a pale face; the open tab blends into the page.		top (tab_top.png), a 6 px block side between tabs (tab_side.png), a pale face; the open tab blends into the page.
	Way back: the v1 "game-menu buttons" block in the comment below. ---- */		Way back: the v1 "game-menu buttons" block in the comment below. ---- */
	#left-navigation, #right-navigation { margin-top: ~~2.5em~~; }		#left-navigation, #right-navigation { margin-top: 45px; } /* tab tops level with the banner's ground (48 px) */
	.vector-menu-tabs,		.vector-menu-tabs,
	.vector-menu-tabs a,		.vector-menu-tabs a,
Line 97:		Line 97:
	.vector-menu-tabs li.selected {		.vector-menu-tabs li.selected {
	position: relative;		position: relative;
	height: ~~2.6em~~;		height: 40px; /* from the ground line down to the page */
	margin: 0;		margin: 0;
	padding-left: 6px;		padding-left: 6px;
Line 119:		Line 119:
	.vector-menu-tabs li a {		.vector-menu-tabs li a {
	height: auto;		height: auto;
	padding: ~~1.45em~~ 0.9em 0 0.75em;		padding: 17px 0.9em 0 0.75em;
	font-weight: bold;		font-weight: bold;
	font-size: 0.8125em;		font-size: 0.8125em;
Line 128:		Line 128:
	.vector-menu-dropdown {		.vector-menu-dropdown {
	position: relative;		position: relative;
	height: ~~2.6em~~;		height: 40px;
	padding-left: 6px;		padding-left: 6px;
	background: #c3cdd3 url(/images/mim-skin/tab_top.png?v=2) repeat-x left top;		background: #c3cdd3 url(/images/mim-skin/tab_top.png?v=2) repeat-x left top;

Admin: wiki_sync.py

2026-10-11T17:50:30Z

wiki_sync.py

← Older revision		Revision as of 19:50, 11 October 2026
Line 23:		Line 23:
	/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then		/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then
	Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. Earlier banner (generic grass + flowers): header_v1.png. */		Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. Earlier banner (generic grass + flowers): header_v1.png. */
	background-image: url(/images/mim-skin/header.png?v=3), url(/images/mim-skin/strata.png?v=3), url(/images/mim-skin/lcl.png?v=3);		background-image: url(/images/mim-skin/header.png?v=3), url(/images/mim-skin/strata.png?v=4), url(/images/mim-skin/lcl.png?v=4);
	background-repeat: repeat-x, repeat-x, repeat;		background-repeat: repeat-x, repeat-x, repeat;
	background-position: top left, top left, top left;		background-position: top left, top left, top left;

Admin: wiki_sync.py

2026-10-11T17:49:45Z

wiki_sync.py

← Older revision		Revision as of 19:49, 11 October 2026
Line 23:		Line 23:
	/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then		/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then
	Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. Earlier banner (generic grass + flowers): header_v1.png. */		Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. Earlier banner (generic grass + flowers): header_v1.png. */
	background-image: url(/images/mim-skin/header.png?v=3), url(/images/mim-skin/strata.png?v=2), url(/images/mim-skin/lcl.png?v=2);		background-image: url(/images/mim-skin/header.png?v=3), url(/images/mim-skin/strata.png?v=3), url(/images/mim-skin/lcl.png?v=3);
	background-repeat: repeat-x, repeat-x, repeat;		background-repeat: repeat-x, repeat-x, repeat;
	background-position: top left, top left, top left;		background-position: top left, top left, top left;
Line 103:		Line 103:
	box-shadow: none;		box-shadow: none;
	--tab-face: #c3cdd3;		--tab-face: #c3cdd3;
	/* grass on top; the face ~~starts~~ 6 px down, ~~so sky shows between~~ the ~~blade tips~~ */		/* a grass block seen from above-left: top face + front grass edge (tab_block.png, at the right edge, its
	background: url(/images/mim-skin/~~tab_top~~.png?v=2) repeat~~-x left~~ top,		end slanting), the face as a fill from 6 px down, the left side in shadow (::before, tab_side.png) */
	linear-gradient(var(--tab-face), var(--tab-face)) no-repeat left 6px / 100% calc(100% - 6px) !important;		background: url(/images/mim-skin/tab_block.png?v=3) no-repeat right top,
			linear-gradient(var(--tab-face), var(--tab-face)) no-repeat left 6px top 6px / calc(100% - 6px) calc(100% - 6px) !important;
	}		}
	.vector-menu-tabs li::before {		.vector-menu-tabs li::before {
Line 112:		Line 113:
	left: 0; top: 0;		left: 0; top: 0;
	width: 6px; height: 100%;		width: 6px; height: 100%;
	background: url(/images/mim-skin/tab_side.png?v=1) no-repeat left top;		background: url(/images/mim-skin/tab_side.png?v=3) no-repeat left top;
	~~image-rendering: pixelated~~;
	}		}
	.vector-menu-tabs li:hover { --tab-face: #d3dce1; }		.vector-menu-tabs li:hover { --tab-face: #d3dce1; }

Admin: wiki_sync.py

2026-10-11T17:17:15Z

wiki_sync.py

← Older revision		Revision as of 19:17, 11 October 2026
Line 102:		Line 102:
	border: 0;		border: 0;
	box-shadow: none;		box-shadow: none;
	~~background~~: #c3cdd3 url(/images/mim-skin/tab_top.png?v=2) repeat-x left top !important;		--tab-face: #c3cdd3;
			/* grass on top; the face starts 6 px down, so sky shows between the blade tips */
			background: url(/images/mim-skin/tab_top.png?v=2) repeat-x left top,
			linear-gradient(var(--tab-face), var(--tab-face)) no-repeat left 6px / 100% calc(100% - 6px) !important;
	}		}
	.vector-menu-tabs li::before {		.vector-menu-tabs li::before {
Line 112:		Line 115:
	image-rendering: pixelated;		image-rendering: pixelated;
	}		}
	.vector-menu-tabs li:hover { ~~background~~-~~color~~: #d3dce1 ~~!important~~; }		.vector-menu-tabs li:hover { --tab-face: #d3dce1; }
	.vector-menu-tabs li.selected { ~~background~~-~~color~~: var(--mm-content) ~~!important~~; }		.vector-menu-tabs li.selected { --tab-face: var(--mm-content); }
	.vector-menu-tabs li a {		.vector-menu-tabs li a {
	height: auto;		height: auto;

Admin: wiki_sync.py

2026-10-11T17:16:52Z

wiki_sync.py

← Older revision		Revision as of 19:16, 11 October 2026
Line 35:		Line 35:
	background-color: var(--mm-content);		background-color: var(--mm-content);
	border: 0;		border: 0;
	border-top: 6px solid var(--mm-content~~-edge~~);		border-top: 6px solid var(--mm-content); /* same as the page, so the open tab flows into it */
	border-left: 6px solid var(--mm-content-edge);		border-left: 6px solid var(--mm-content-edge);
	margin-right: 10px;		margin-right: 10px;
Line 91:		Line 91:
	.vector-menu-tabs,		.vector-menu-tabs,
	.vector-menu-tabs a,		.vector-menu-tabs a,
	~~.vector-menu-tabs li,~~
	~~.vector-menu-tabs li.selected,~~
	.vector-menu-tabs .vector-menu-content-list,		.vector-menu-tabs .vector-menu-content-list,
	.vector-menu-dropdown .vector-menu-heading { background-image: none !important; }		.vector-menu-dropdown .vector-menu-heading { background-image: none !important; }
	.vector-menu-tabs { padding-left: 0; height: auto; }		.vector-menu-tabs { padding-left: 0; height: auto; }
	.vector-menu-tabs li {		.vector-menu-tabs li,
			.vector-menu-tabs li.selected {
	position: relative;		position: relative;
	height: 2.6em;		height: 2.6em;
Line 103:		Line 102:
	border: 0;		border: 0;
	box-shadow: none;		box-shadow: none;
	background: #c3cdd3 url(/images/mim-skin/tab_top.png?v=1) repeat-x left top !important;		background: #c3cdd3 url(/images/mim-skin/tab_top.png?v=2) repeat-x left top !important;
	}		}
	.vector-menu-tabs li::before {		.vector-menu-tabs li::before {
Line 117:		Line 116:
	.vector-menu-tabs li a {		.vector-menu-tabs li a {
	height: auto;		height: auto;
	padding: 1.~~25em~~ 0.9em 0 0.75em;		padding: 1.45em 0.9em 0 0.75em;
	font-weight: bold;		font-weight: bold;
	font-size: 0.8125em;		font-size: 0.8125em;
Line 128:		Line 127:
	height: 2.6em;		height: 2.6em;
	padding-left: 6px;		padding-left: 6px;
	background: #c3cdd3 url(/images/mim-skin/tab_top.png?v=1) repeat-x left top;		background: #c3cdd3 url(/images/mim-skin/tab_top.png?v=2) repeat-x left top;
	}		}

Admin: wiki_sync.py

2026-10-11T17:16:24Z

wiki_sync.py

@@ Line 85: / Line 85: @@
 #mw-panel .vector-menu-portal .vector-menu-content li a:focus { color: #ffffff; }
-/* ---- tabs: game-menu buttons ---- */
+/* ---- tabs: little grass blocks like minecraft.wiki (owner 2026-10-11), our own art: a grass fringe across the
 #left-navigation, #right-navigation { margin-top: 2.5em; }
 .vector-menu-tabs,
@@ Line 124: / Line 171: @@
 	margin-right: 4px;
+}
 /* ---- search box ---- */

Admin: wiki_sync.py

2026-10-11T17:15:22Z

wiki_sync.py

← Older revision		Revision as of 19:15, 11 October 2026
Line 23:		Line 23:
	/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then		/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then
	Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. Earlier banner (generic grass + flowers): header_v1.png. */		Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. Earlier banner (generic grass + flowers): header_v1.png. */
	background-image: url(/images/mim-skin/header.png?v=2), url(/images/mim-skin/strata.png?v=2), url(/images/mim-skin/lcl.png?v=2);		background-image: url(/images/mim-skin/header.png?v=3), url(/images/mim-skin/strata.png?v=2), url(/images/mim-skin/lcl.png?v=2);
	background-repeat: repeat-x, repeat-x, repeat;		background-repeat: repeat-x, repeat-x, repeat;
	background-position: top left, top left, top left;		background-position: top left, top left, top left;

Admin: wiki_sync.py

2026-10-11T17:14:10Z

wiki_sync.py

← Older revision		Revision as of 19:14, 11 October 2026
Line 22:		Line 22:
	background-color: #5f5f5f;		background-color: #5f5f5f;
	/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then		/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then
	Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. */		Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. Earlier banner (generic grass + flowers): header_v1.png. */
	background-image: url(/images/mim-skin/header.png), url(/images/mim-skin/strata.png?v=2), url(/images/mim-skin/lcl.png?v=2);		background-image: url(/images/mim-skin/header.png?v=2), url(/images/mim-skin/strata.png?v=2), url(/images/mim-skin/lcl.png?v=2);
	background-repeat: repeat-x, repeat-x, repeat;		background-repeat: repeat-x, repeat-x, repeat;
	background-position: top left, top left, top left;		background-position: top left, top left, top left;

Admin: wiki_sync.py

2026-10-11T17:10:09Z

wiki_sync.py

← Older revision		Revision as of 19:10, 11 October 2026
Line 23:		Line 23:
	/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then		/* under the grass: a cut through the Maltese rock layers (same blocks per member as the world), then
	Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. */		Lower Coralline repeating. Way back to plain dirt: url(header.png), url(dirt.png) with repeat-x, repeat. */
	background-image: url(/images/mim-skin/header.png), url(/images/mim-skin/strata.png), url(/images/mim-skin/lcl.png);		background-image: url(/images/mim-skin/header.png), url(/images/mim-skin/strata.png?v=2), url(/images/mim-skin/lcl.png?v=2);
	background-repeat: repeat-x, repeat-x, repeat;		background-repeat: repeat-x, repeat-x, repeat;
	background-position: top left, top left, top left;		background-position: top left, top left, top left;