Template:QuickStart/styles.css - Revision history

Guinevere at 23:06, 13 November 2026

2026-11-13T23:06:14Z

@@ Line 134: / Line 134: @@
          transform: none;
+     }
+}

Guinevere at 23:00, 13 November 2026

2026-11-13T23:00:10Z

← Older revision		Revision as of 23:00, 13 November 2026
Line 44:		Line 44:

	.lumi-quickstart-item {		.lumi-quickstart-item {
	padding: ~~18px 14px~~;		display: flex;
			padding: 0;
	background: #293545;		background: #293545;
	border: 1px solid #415168;		border: 1px solid #415168;
	border-radius: 9px;		border-radius: 9px;
	text-align: center;		text-align: center;
			overflow: hidden;

	transition:		transition:
Line 56:		Line 58:
	}		}

	/* ~~Platform~~ hover */		/* Card hover */

	.lumi-quickstart-item:hover {		.lumi-quickstart-item:hover {
Line 64:		Line 66:
	}		}

	/* ~~Platform links~~ */		/* Full-card clickable link */

	.lumi-quickstart-item a {		.lumi-quickstart-item a {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-grow: 1;

			width: 100%;
			min-height: 65px;
			padding: 18px 14px;

	color: #f5f7fa;		color: #f5f7fa;
	font-size: 1.05em;		font-size: 1.05em;
	font-weight: 700;		font-weight: 700;
			line-height: 1.4;
	text-decoration: none;		text-decoration: none;
	}		}

			/* Link hover */

	.lumi-quickstart-item a:hover {		.lumi-quickstart-item a:hover {
Line 78:		Line 92:
	}		}

	/* ~~Platform description~~ */		/* Keyboard focus */

	.lumi-quickstart-~~detail~~ {		.lumi-quickstart-item a:focus {
	~~color~~: #~~b9c5d4~~;		outline: 2px solid #55c8ff;
	~~font~~-~~size~~: ~~0.82em;~~		outline-offset: -3px;
	~~margin~~-~~top: 7px~~;
	}		}

Line 105:		Line 118:
	}		}

	.lumi-quickstart-item {		.lumi-quickstart-item a {
			min-height: 50px;
	padding: 14px;		padding: 14px;
	}		}

Guinevere: Created page with " /* * LumiWiki Quick Start * MediaWiki 1.46 / Vector 2022 / / Main container / .lumi-quickstart { margin: 24px 0 32px; padding: 24px; background: #202834; border: 1px solid #394657; border-radius: 12px; } / Heading / .lumi-quickstart-heading { color: #f5f7fa; font-size: 1.4em; font-weight: 700; letter-spacing: -0.025em; margin-bottom: 6px; } / Subtitle */ .lumi-quickstart-subtitle { color: #b9c5d4; font-size:..."

2026-11-13T22:50:48Z

Created page with " * LumiWiki Quick Start * MediaWiki 1.46 / Vector 2022: Main container: .lumi-quickstart { margin: 24px 0 32px; padding: 24px; background: #202834; border: 1px solid #394657; border-radius: 12px; } Heading: .lumi-quickstart-heading { color: #f5f7fa; font-size: 1.4em; font-weight: 700; letter-spacing: -0.025em; margin-bottom: 6px; } Subtitle: .lumi-quickstart-subtitle { color: #b9c5d4; font-size:..."

New page

/*
* LumiWiki Quick Start
* MediaWiki 1.46 / Vector 2022
*/

/* Main container */

.lumi-quickstart {
margin: 24px 0 32px;
padding: 24px;
background: #202834;
border: 1px solid #394657;
border-radius: 12px;
}

/* Heading */

.lumi-quickstart-heading {
color: #f5f7fa;
font-size: 1.4em;
font-weight: 700;
letter-spacing: -0.025em;
margin-bottom: 6px;
}

/* Subtitle */

.lumi-quickstart-subtitle {
color: #b9c5d4;
font-size: 0.95em;
margin-bottom: 20px;
}

/* Platform grid */

.lumi-quickstart-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

/* Platform cards */

.lumi-quickstart-item {
padding: 18px 14px;
background: #293545;
border: 1px solid #415168;
border-radius: 9px;
text-align: center;

transition:
background-color 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}

/* Platform hover */

.lumi-quickstart-item:hover {
background: #32445a;
border-color: #55c8ff;
transform: translateY(-3px);
}

/* Platform links */

.lumi-quickstart-item a {
color: #f5f7fa;
font-size: 1.05em;
font-weight: 700;
text-decoration: none;
}

.lumi-quickstart-item a:hover {
color: #55c8ff;
text-decoration: none;
}

/* Platform description */

.lumi-quickstart-detail {
color: #b9c5d4;
font-size: 0.82em;
margin-top: 7px;
}

/* Tablet layout */

@media screen and (max-width: 1000px) {
.lumi-quickstart-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

/* Mobile layout */

@media screen and (max-width: 500px) {
.lumi-quickstart {
padding: 16px;
}

.lumi-quickstart-grid {
grid-template-columns: 1fr;
}

.lumi-quickstart-item {
padding: 14px;
}
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
.lumi-quickstart-item {
transition: none;
}

.lumi-quickstart-item:hover {
transform: none;
}
}