Jump to content

MediaWiki:Common.css: Difference between revisions

From Continuum Universes Wiki
No edit summary
No edit summary
 
(53 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Metamorphous&display=swap');
@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');
.mwe-popups-extract p {
.bona-nova-regular {
    display: block !important;
  font-family: "Bona Nova", serif;
    visibility: visible !important;
  font-weight: 400;
  font-style: normal;
}
 
.bona-nova-bold {
  font-family: "Bona Nova", serif;
  font-weight: 700;
  font-style: normal;
}
}


.mwe-popups-extract .portable-infobox {
.bona-nova-regular-italic {
    display: none !important; /* Ensure infobox doesn't interfere */
  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;
}
}
.copyright-warning {
/* ===== Global Styles ===== */
    color: var(--color-base);
body {
     font-size: 11px;
     font-family: 'Bona Nova', serif !important;
    margin: 0 0 10px;
    width: 700px;
    max-width: 100%;
}
}
.create-title {
pre, code {                             /* Internal spacing */
color: var(--color-base);
font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace font */                          /* Horizontal scroll if needed */
border: 1px solid var(--color-subtle);
}
}


/* Fix SocialProfile tab spacing in Vector 2022 */
#toc h2 {
#user-profile-tabs ul li {
    font-family: 'Modern Antiqua', cursive !important;
     display: inline-block;
}
     margin-right: 10px;
.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 */
}
}


/* Responsive avatar sizing */
/* ===== CodeEditor - General Editor Styling ===== */
.user-profile-avatar img {
.ace_editor {
     max-width: 120px;
     font-family: 'Courier New', 'Consolas', monospace !important;
    height: auto;
    border-radius: 12px;
}
}


/* Fix some ugly box spacing */
/* Navbar Logo */
.profile-info-table td {
.navbar-logo a {
     padding: 6px;
    font-family: 'Modern Antiqua', cursive !important;
}
/* Infobox Title */
.portable-infobox .pi-title {
     font-family: 'Modern Antiqua' !important;
}
}


.user-page .user-page-title {
h3.pi-data-label {
     font-size: 1.5em;
     font-family: 'Bona Nova' !important;
    margin-bottom: 1em;
}
}


.wikitable.user-profile-info {
/* ===== Headers (Orange Variants) ===== */
     max-width: 100%;
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;
}
}


#user-profile-left {
.mwe-popups-extract p {
     float: none;
     display: block !important;
     width: 100%;
     visibility: visible !important;
}
}
.eye-container {
 
background-color: var(--color-subtle);
.mwe-popups-extract .portable-infobox {
    display: none !important; /* Ensure infobox doesn't interfere */
}
}
.eye-container .menu .item {
.copyright-warning {
     background: var(--color-subtle);
     color: var(--color-base);
    color: #fff;
     font-size: 11px;
    height: 18px;
     margin: 0 0 10px;
     font-size: 12px;
     width: 700px;
     font-weight: 700;
     max-width: 100%;
     padding: 0 0 0 30px;
     margin: 4px 0 4px 0;
}
}
.eye-container {
.create-title {
    width: 130px;
color: var(--color-base);
    height: 20px;
border: 1px solid var(--color-subtle);
    background: var(--color-subtle);
    border-radius: 4px;
    opacity: 0.5;
    overflow: hidden;
    position: relative;
    top: -25px;
    cursor: pointer;
    box-shadow: 2px 2px 3px -1px darkgray;
}
}
.mw-special-UpdateProfile div#mw-content-text .visualClear {
.filehistory {
    height: 40px;
max-width: 100% !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;
}