MediaWiki:Common.css - Revision history

Ansible: Manage Tung site typography

2026-06-18T01:29:50Z

Manage Tung site typography

← Older revision		Revision as of 01:29, 18 June 2026
Line 113:		Line 113:

	.vector-header {		.vector-header {
	column-gap: ~~0.875rem~~;		column-gap: 1rem;
	min-height: 6.5em;		min-height: 6.5em;
	}		}
Line 119:		Line 119:
	.vector-header-start {		.vector-header-start {
	flex: 0 1 auto;		flex: 0 1 auto;
			min-width: 0;
	}		}

Line 128:		Line 129:
	.vector-header-end .vector-search-box {		.vector-header-end .vector-search-box {
	flex: 1 1 18rem;		flex: 1 1 18rem;
	min-width: ~~12rem~~;		min-width: 10rem;
	}		}

	.vector-header-end .vector-user-links {		.vector-header-end .vector-user-links {
	flex: 0 0 auto;		flex: 0 1 auto;
			min-width: max-content;
	}		}

	.mw-logo .mw-logo-icon {		.mw-logo .mw-logo-icon {
	display: none !important;		display: none !important;
			width: 4.75rem !important;
			height: auto !important;
			max-width: 4.75rem;
			max-height: 4.75rem;
			object-fit: contain;
	}		}

Line 152:		Line 159:
	}		}

	@media (max-width: ~~1320px~~) {		@media (max-width: 1500px) {
	.mw-logo {		.mw-logo {
	min-width: ~~14em~~;		min-width: 16em;
	}		}

	.vector-header {		.vector-header {
	min-height: 5.~~125em~~;		min-height: 5.75em;
	}		}

	.vector-header-end .vector-search-box {		.vector-header-end .vector-search-box {
	flex-basis: 14rem;		flex-basis: 14rem;
	~~min-width: 10rem;~~
	}		}

	.mw-logo .mw-logo-wordmark {		.mw-logo .mw-logo-wordmark {
	width: ~~14em~~ !important;		width: 16em !important;
	max-width: ~~14em~~;		max-width: 16em;
	height: 4.~~667em~~ !important;		height: 5.333em !important;
	}		}
	}		}

	@media (max-width: ~~1120px~~) {		@media (max-width: 1220px) {
	.mw-logo {		.mw-logo {
	min-width: ~~11em~~;		min-width: 13.5em;
	}		}

	.vector-header {		.vector-header {
	min-height: 4.~~125em~~;		min-height: 4.875em;
	}		}

	.vector-header-end .vector-search-box {		.vector-header-end .vector-search-box {
	flex-basis: ~~11rem~~;		flex-basis: 9rem;
	min-width: ~~8rem~~;		min-width: 7rem;
			}

			.mw-logo .mw-logo-wordmark {
			width: 13.5em !important;
			max-width: 13.5em;
			height: 4.5em !important;
			}
			}

			@media (max-width: 980px) {
			.mw-logo {
			min-width: 10.5em;
			}

			.vector-header {
			min-height: 4em;
	}		}

	.mw-logo .mw-logo-wordmark {		.mw-logo .mw-logo-wordmark {
	width: ~~11em~~ !important;		width: 10.5em !important;
	max-width: ~~11em~~;		max-width: 10.5em;
	height: 3.~~667em~~ !important;		height: 3.5em !important;
	}		}
	}		}

	@media (max-width: ~~860px~~) {		@media (max-width: 700px) {
	.mw-logo {		.mw-logo {
	min-width: 0;		min-width: 4.75rem;
	}		}

	.vector-header {		.vector-header {
	min-height: 3.~~5em~~;		min-height: 5.25rem;
	}		}

Ansible: Manage Tung site typography

2026-06-18T01:09:14Z

Manage Tung site typography

@@ Line 108: / Line 108: @@
    display: flex !important;
    align-items: center;
-   min-width: 10.25rem;
+  flex: 0 1 auto;
+}
@@ Line 122: / Line 146: @@
 .mw-logo .mw-logo-wordmark {
    display: block !important;
-   width: 9.0625em !important;
+   width: 18em !important;
-   max-width: 10rem;
+   max-width: 18em;
-   height: 3.125em !important;
+   height: 6em !important;
    object-fit: contain;
+}
-@media (max-width: 640px) {
+@media (max-width: 1320px) {
    .mw-logo {
      min-width: 0;
+   }

Ansible: Manage Tung site typography

2026-06-18T01:01:21Z

Manage Tung site typography

← Older revision		Revision as of 01:01, 18 June 2026
Line 106:		Line 106:

	.mw-logo {		.mw-logo {
			display: flex !important;
			align-items: center;
	min-width: 10.25rem;		min-width: 10.25rem;
	}		}

	.mw-logo .mw-logo-icon {		.mw-logo .mw-logo-icon {
	display: none;		display: none !important;
	}		}

	.mw-logo .mw-logo-container {		.mw-logo .mw-logo-container {
	margin-left: 0;		display: block !important;
			margin-left: 0 !important;
	}		}

	.mw-logo .mw-logo-wordmark {		.mw-logo .mw-logo-wordmark {
	display: block;		display: block !important;
			width: 9.0625em !important;
	max-width: 10rem;		max-width: 10rem;
	height: ~~auto~~ !important;		height: 3.125em !important;
			object-fit: contain;
	}		}

Line 129:		Line 134:

	.mw-logo .mw-logo-icon {		.mw-logo .mw-logo-icon {
	display: block;		display: block !important;
	}		}

	.mw-logo .mw-logo-container {		.mw-logo .mw-logo-container {
	display: none;		display: none !important;
	}		}
	}		}

Ansible: Manage Tung site typography

2026-06-18T00:49:56Z

Manage Tung site typography

@@ Line 103: / Line 103: @@
 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.mw-editfont-monospace {
    font-family: "Atkinson Hyperlegible Mono", monospace;
+}

Ansible: Manage Tung site typography

2026-06-18T00:05:06Z

Manage Tung site typography

New page

@font-face {
font-family: "Atkinson Hyperlegible Next";
src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Atkinson Hyperlegible Next";
src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-RegularItalic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: "Atkinson Hyperlegible Next";
src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Atkinson Hyperlegible Next";
src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-BoldItalic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-RegularItalic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-BoldItalic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}

:root {
--font-family-base: "Atkinson Hyperlegible Next", sans-serif;
--font-family-serif: "Atkinson Hyperlegible Next", sans-serif;
--font-family-sans: "Atkinson Hyperlegible Next", sans-serif;
--font-family-monospace: "Atkinson Hyperlegible Mono", monospace;
}

html,
body,
.mw-body,
.mw-body-content,
.mw-parser-output,
.vector-body,
.vector-page-titlebar,
.vector-header-container,
.vector-sticky-header,
.mw-footer,
.oo-ui-widget,
.cdx-label,
.cdx-button,
.cdx-text-input__input,
.cdx-select,
input,
textarea,
select,
button {
font-family: "Atkinson Hyperlegible Next", sans-serif;
}

code,
pre,
kbd,
samp,
tt,
.mw-code,
.mw-highlight,
.mw-editfont-monospace,
.mw-parser-output .monospaced,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.mw-editfont-monospace {
font-family: "Atkinson Hyperlegible Mono", monospace;
}