Jump to content

MediaWiki:Common.css: Difference between revisions

From Continuum Universes Wiki
No edit summary
No edit summary
 
(37 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 {
    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 */
}


#user-profile-tabs ul li {
/* ===== CodeEditor - General Editor Styling ===== */
     display: inline-block;
.ace_editor {
    margin-right: 10px;
     font-family: 'Courier New', 'Consolas', monospace !important;
}
}


/* Responsive avatar sizing*/
/* Navbar Logo */
.user-profile-avatar img {
.navbar-logo a {
     max-width: 120px;
     font-family: 'Modern Antiqua', cursive !important;
    height: auto;
}
     border-radius: 12px;
/* Infobox Title */
.portable-infobox .pi-title {
     font-family: 'Modern Antiqua' !important;
}
}


/* Fix some ugly box spacing */
h3.pi-data-label {
.profile-info-table td {
     font-family: 'Bona Nova' !important;
     padding: 6px;
}
}


.user-page .user-page-title {
/* ===== Headers (Orange Variants) ===== */
    font-size: 1.5em;
h1, h2, h3, h4, h5, h6,
     margin-bottom: 1em;
.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;
}
}


.wikitable.user-profile-info {
.mwe-popups-extract p {
     max-width: 100%;
     display: block !important;
    visibility: visible !important;
}
}


#user-profile-left {
.mwe-popups-extract .portable-infobox {
     float: none;
     display: none !important; /* Ensure infobox doesn't interfere */
    width: 100%;
}
}
.profile-on {
.copyright-warning {
background: var(--color-subtle);
    color: var(--color-base);
    font-size: 11px;
    margin: 0 0 10px;
    width: 700px;
    max-width: 100%;
}
}
.eyecontainer,
.create-title {
.eyecontainer .title {
color: var(--color-base);
    position: relative;
border: 1px solid var(--color-subtle);
    top: -20px;
}
}
.eye-container {
.filehistory {
background-color: var(--color-subtle);
max-width: 100% !important;
    background: var(--color-subtle);
}
 
div.eye-container[fieldkey="up_real_name"], div.eye-container[fieldkey="up_email"],
div.eye-container[fieldkey="up_location_city"], div.eye-container[fieldkey="up_location_country"],
div.eye-container[fieldkey="up_hometown_country"], div.eye-container[fieldkey="up_birthday"],
div.eye-container[fieldkey="up_hometown_city"] {
    top: -20px;
}
 
.eye-container .menu .item {
    background: var(--color-subtle);
}
}

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;
}