MediaWiki:Common.css - Revision history

Keita at 22:48, 29 September 2025

2025-09-29T22:48:44Z

Keita at 22:37, 29 September 2025

2025-09-29T22:37:11Z

← Older revision		Revision as of 22:37, 29 September 2025
Line 1,304:		Line 1,304:
	padding: 5px;		padding: 5px;
	border: 2px solid var(--color-border);		border: 2px solid var(--color-border);
	flex-basis: 100px; ~~/* Base size */~~		flex-basis: 100px;
	flex-grow: 1;		flex-grow: 1;
	}		}
Line 1,313:		Line 1,313:
	}		}

	/* --- 3-~~Column Grid~~ (CSS Grid) --- */		/* --- Row-based Data (CSS Grid) --- */
	.keita-~~infobox~~-~~grid~~ {		.keita-info-rows {
	display: grid;		display: grid;
	grid-template-columns: ~~repeat(3,~~ 1fr);		grid-template-columns: max-content 1fr; /* Label column \| Value column */
	gap: 8px;		gap: 8px;
			text-align: left;
	}		}

	.keita-~~infobox~~-~~grid-item {~~		.keita-info-row-label {
	~~display: flex;~~
	~~flex-direction: column;~~
	}

	~~.keita-grid-item~~-label {
	background-color: var(--color-border);		background-color: var(--color-border);
	color: var(--color-header-text);		color: var(--color-header-text);
	font-weight: bold;		font-weight: bold;
	padding: ~~5px~~;		padding: 6px 10px;
	border-radius: 8px ~~8px 0 0~~;		border-radius: 8px;
			white-space: nowrap; /* Prevents long labels from wrapping */
	}		}

	.keita-~~grid~~-~~item~~-value {		.keita-info-row-value {
	background-color: #fff;		background-color: #fff;
	padding: ~~5px~~;		padding: 6px 10px;
	border-radius: ~~0 0~~ 8px ~~8px;~~		border-radius: 8px;
	~~flex-grow: 1; /* Make all values same height */~~
	~~display: flex;~~
	~~align-items: center;~~
	~~justify-content: center~~;
	}		}

Line 1,382:		Line 1,375:
	max-width: 100%;		max-width: 100%;
	margin: 1em 0;		margin: 1em 0;
	padding-top: 65px; ~~/* Adjust for smaller header */~~		padding-top: 65px;
	}		}

	~~.keita-infobox-grid {~~		/* The row layout is naturally responsive, so no specific changes are needed for it. */
	~~grid-template-columns: 1fr;~~ /* ~~Stack the grid items vertically~~ */
	}
	}		}

Keita at 22:33, 29 September 2025

2025-09-29T22:33:21Z

Show changes

Keita at 21:28, 4 September 2025

2025-09-04T21:28:28Z

← Older revision		Revision as of 21:28, 4 September 2025
Line 1,099:		Line 1,099:
	font-weight: 700;		font-weight: 700;
	backdrop-filter: blur(9.5px);		backdrop-filter: blur(9.5px);
	~~border-radius: 0 0 8px 8px;~~
	background-color: rgba(0, 0, 0, 0.8);		background-color: rgba(0, 0, 0, 0.8);
	width: fit-content;		width: fit-content;
Line 1,109:		Line 1,108:
	margin: 0 !important;		margin: 0 !important;
	color: white;		color: white;
	border-radius: 0px 8px 0px ~~8px~~;		border-radius: 0px 8px 0px 0px;
	font-family: "Inter", sans-serif;		font-family: "Inter", sans-serif;
	border-radius: 0px 8px 0px 8px;		border-radius: 0px 8px 0px 8px;
	font-family: "Inter", sans-serif;		font-family: "Inter", sans-serif;
	clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);		clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
			margin-bottom: -1px !important;

	}		}

Keita at 20:46, 4 September 2025

2025-09-04T20:46:43Z

@@ Line 1,066: / Line 1,066: @@
 .popular-categories {
-   display: flex;
+   display: grid;
-   flex-wrap: wrap;
+   grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
-  margin-inline: auto;
+   margin-block-start: 2rem;
+}
@@ Line 1,181: / Line 1,172: @@
 .dungeons {
    background-image: url(/images/5/50/Testdungeon3.png);
+}
 /* DO NOT DELETE THE ABOVE PART */

Keita at 20:22, 4 September 2025

2025-09-04T20:22:17Z

Show changes

Keita at 17:07, 4 September 2025

2025-09-04T17:07:29Z

← Older revision		Revision as of 17:07, 4 September 2025
Line 1,088:		Line 1,088:
	z-index: 1;		z-index: 1;
	opacity: 1 !important;		opacity: 1 !important;
			}

			.category-card > pre {
			all: unset !important;
	}		}

Keita at 16:58, 4 September 2025

2025-09-04T16:58:50Z

← Older revision		Revision as of 16:58, 4 September 2025
Line 1,069:		Line 1,069:
	grid-template-columns: repeat(3, 1fr);		grid-template-columns: repeat(3, 1fr);
	gap: 1rem;		gap: 1rem;
			margin-block-start: 2rem;
	}		}

Keita at 16:58, 4 September 2025

2025-09-04T16:58:17Z

← Older revision		Revision as of 16:58, 4 September 2025
Line 1,163:		Line 1,163:
	@media (min-width: 1673px) {		@media (min-width: 1673px) {
	.popular-categories {		.popular-categories {
	grid-template-columns: repeat(3, 1fr);		grid-template-columns: repeat(4, 1fr);
	}		}
	}		}

Keita at 16:57, 4 September 2025

2025-09-04T16:57:12Z

← Older revision		Revision as of 16:57, 4 September 2025
Line 1,150:		Line 1,150:
	}		}

	~~.homepage-want-to-help-text~~

	.excavation {		.excavation {