MediaWiki:Common.css: Difference between revisions
Appearance
Cdjensen94 (talk | contribs) No edit summary |
Cdjensen94 (talk | contribs) No edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova | @import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Goudy+Bookletter+1911&family=Metamorphous&family=Modern+Antiqua&family=Uncial+Antiqua&display=swap'); | ||
.bona-nova-regular { | |||
font-family: "Bona Nova", serif; | |||
font-weight: 400; | |||
font-style: normal; | |||
} | |||
.bona-nova-bold { | |||
font-family: "Bona Nova", serif; | |||
font-weight: 700; | |||
font-style: normal; | |||
} | |||
.bona-nova-regular-italic { | |||
font-family: "Bona Nova", serif; | |||
font-weight: 400; | |||
font-style: italic; | |||
} | |||
.goudy-bookletter-1911-regular { | |||
font-family: "Goudy Bookletter 1911", serif; | |||
font-weight: 400; | |||
font-style: normal; | |||
} | |||
.eb-garamond { | |||
font-family: "EB Garamond", serif; | |||
font-optical-sizing: auto; | |||
font-weight: 400; | |||
font-style: normal; | |||
} | |||
.uncial-antiqua-regular { | |||
font-family: "Uncial Antiqua", system-ui; | |||
font-weight: 400; | |||
font-style: normal; | |||
} | |||
.modern-antiqua-regular { | |||
font-family: "Modern Antiqua", serif; | |||
font-weight: 400; | |||
font-style: normal; | |||
} | |||
.metamorphous-regular { | |||
font-family: "Metamorphous", serif; | |||
font-weight: 400; | |||
font-style: normal; | |||
} | |||
/* ===== Global Styles ===== */ | |||
body { | |||
font-family: 'Bona Nova', serif !important; | |||
} | |||
pre, code { /* Internal spacing */ | |||
font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace font */ /* Horizontal scroll if needed */ | |||
} | |||
#toc h2 { | |||
font-family: 'Modern Antiqua', cursive !important; | |||
} | |||
.mw-changeslist-legend h2 { | |||
font-family: 'Modern Antiqua', cursive !important; | |||
} | |||
/* ===== UI Elements Still Use Custom Font ===== */ | |||
.wikiEditor-ui-toolbar, | |||
.wikiEditor-ui-toolbar .group .tool a, | |||
.wikiEditor-ui-dialog { | |||
font-family: 'Bona Nova', serif !important; /* Keep custom font for UI */ | |||
} | |||
/* ===== Ace Editor Base Styling ===== */ | |||
.ace_editor { | |||
font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace for cursor alignment */ | |||
} | |||
/* ===== CodeEditor - General Editor Styling ===== */ | |||
.ace_editor { | |||
font-family: 'Courier New', 'Consolas', monospace !important; | |||
} | |||
/* Navbar Logo */ | |||
.navbar-logo a { | |||
font-family: 'Modern Antiqua', cursive !important; | |||
} | |||
/* Infobox Title */ | |||
.portable-infobox .pi-title { | |||
font-family: 'Modern Antiqua' !important; | |||
} | |||
h3.pi-data-label { | |||
font-family: 'Bona Nova' !important; | |||
} | |||
/* ===== Headers (Orange Variants) ===== */ | |||
h1, h2, h3, h4, h5, h6, | |||
.mw-body h1, | |||
.mw-body .mw-heading1, | |||
.mw-body-content h1, | |||
.mw-body-content .mw-heading1, | |||
.mw-body-content h2, .pi-title h2, | |||
.mw-body-content .mw-heading2, | |||
.mw-logo-wordmark, | |||
#firstHeadingTitle { | |||
font-family: 'Modern Antiqua', cursive !important; | |||
} | |||
.mwe-popups-extract p { | .mwe-popups-extract p { | ||
display: block !important; | display: block !important; |
Latest revision as of 10:22, 23 May 2025
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Goudy+Bookletter+1911&family=Metamorphous&family=Modern+Antiqua&family=Uncial+Antiqua&display=swap');
.bona-nova-regular {
font-family: "Bona Nova", serif;
font-weight: 400;
font-style: normal;
}
.bona-nova-bold {
font-family: "Bona Nova", serif;
font-weight: 700;
font-style: normal;
}
.bona-nova-regular-italic {
font-family: "Bona Nova", serif;
font-weight: 400;
font-style: italic;
}
.goudy-bookletter-1911-regular {
font-family: "Goudy Bookletter 1911", serif;
font-weight: 400;
font-style: normal;
}
.eb-garamond {
font-family: "EB Garamond", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.uncial-antiqua-regular {
font-family: "Uncial Antiqua", system-ui;
font-weight: 400;
font-style: normal;
}
.modern-antiqua-regular {
font-family: "Modern Antiqua", serif;
font-weight: 400;
font-style: normal;
}
.metamorphous-regular {
font-family: "Metamorphous", serif;
font-weight: 400;
font-style: normal;
}
/* ===== Global Styles ===== */
body {
font-family: 'Bona Nova', serif !important;
}
pre, code { /* Internal spacing */
font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace font */ /* Horizontal scroll if needed */
}
#toc h2 {
font-family: 'Modern Antiqua', cursive !important;
}
.mw-changeslist-legend h2 {
font-family: 'Modern Antiqua', cursive !important;
}
/* ===== UI Elements Still Use Custom Font ===== */
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool a,
.wikiEditor-ui-dialog {
font-family: 'Bona Nova', serif !important; /* Keep custom font for UI */
}
/* ===== Ace Editor Base Styling ===== */
.ace_editor {
font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace for cursor alignment */
}
/* ===== CodeEditor - General Editor Styling ===== */
.ace_editor {
font-family: 'Courier New', 'Consolas', monospace !important;
}
/* Navbar Logo */
.navbar-logo a {
font-family: 'Modern Antiqua', cursive !important;
}
/* Infobox Title */
.portable-infobox .pi-title {
font-family: 'Modern Antiqua' !important;
}
h3.pi-data-label {
font-family: 'Bona Nova' !important;
}
/* ===== Headers (Orange Variants) ===== */
h1, h2, h3, h4, h5, h6,
.mw-body h1,
.mw-body .mw-heading1,
.mw-body-content h1,
.mw-body-content .mw-heading1,
.mw-body-content h2, .pi-title h2,
.mw-body-content .mw-heading2,
.mw-logo-wordmark,
#firstHeadingTitle {
font-family: 'Modern Antiqua', cursive !important;
}
.mwe-popups-extract p {
display: block !important;
visibility: visible !important;
}
.mwe-popups-extract .portable-infobox {
display: none !important; /* Ensure infobox doesn't interfere */
}
.copyright-warning {
color: var(--color-base);
font-size: 11px;
margin: 0 0 10px;
width: 700px;
max-width: 100%;
}
.create-title {
color: var(--color-base);
border: 1px solid var(--color-subtle);
}
.filehistory {
max-width: 100% !important;
}