Jump to content

MediaWiki:Common.css: Difference between revisions

From Continuum Universes Wiki
No edit summary
No edit summary
 
(27 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;
}
}


.mwe-popups-extract .portable-infobox {
.bona-nova-bold {
    display: none !important; /* Ensure infobox doesn't interfere */
  font-family: "Bona Nova", serif;
}
  font-weight: 700;
.copyright-warning {
  font-style: normal;
    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);
}
}


/* Fix SocialProfile tab spacing in Vector 2022 */
.bona-nova-regular-italic {
 
  font-family: "Bona Nova", serif;
#user-profile-tabs ul li {
  font-weight: 400;
    display: inline-block;
  font-style: italic;
    margin-right: 10px;
}
}
 
.goudy-bookletter-1911-regular {
/* Responsive avatar sizing*/
  font-family: "Goudy Bookletter 1911", serif;
.user-profile-avatar img {
  font-weight: 400;
    max-width: 120px;
  font-style: normal;
    height: auto;
    border-radius: 12px;
}
}
 
.eb-garamond {
/* Fix some ugly box spacing */
  font-family: "EB Garamond", serif;
.profile-info-table td {
  font-optical-sizing: auto;
    padding: 6px;
  font-weight: 400;
  font-style: normal;
}
}
 
.uncial-antiqua-regular {
.user-page .user-page-title {
  font-family: "Uncial Antiqua", system-ui;
    font-size: 1.5em;
  font-weight: 400;
    margin-bottom: 1em;
  font-style: normal;
}
}
 
.modern-antiqua-regular {
.wikitable.user-profile-info {
  font-family: "Modern Antiqua", serif;
    max-width: 100%;
  font-weight: 400;
  font-style: normal;
}
}
 
.metamorphous-regular {
#user-profile-left {
  font-family: "Metamorphous", serif;
    float: none;
  font-weight: 400;
    width: 100%;
  font-style: normal;
}
}
.profile-on {
/* ===== Global Styles ===== */
background: var(--color-subtle);
body {
    font-family: 'Bona Nova', serif !important;
}
}
.profile-update-title {
pre, code {                             /* Internal spacing */
    color: var(--color-subtle);
font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace font */                          /* Horizontal scroll if needed */
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px 0 !important;
}
.profile-update-row {
    color: var(--color-subtle);
    font-weight: 700;
    font-size: 12px;
}
}


#profile-top {
#toc h2 {
     border-bottom: 1px solid #d4dfd7;
     font-family: 'Modern Antiqua', cursive !important;
    top: -20px;
    padding: 10px 0;
    margin: 0 0 30px 0;
    position: relative;
}
}
#profile-toggle-button {
.mw-changeslist-legend h2 {
     background-color: #ffa500;
     font-family: 'Modern Antiqua', cursive !important;
    top: -15px;
    right: 0;
    padding: 2px 10px;
    position: absolute;
}
}
.no-info-container {
/* ===== UI Elements Still Use Custom Font ===== */
    margin: 20px 0 20px 0;
.wikiEditor-ui-toolbar,
    background: #001f3f;
.wikiEditor-ui-toolbar .group .tool a,
    padding: 20px;
.wikiEditor-ui-dialog {
     text-align: center;
     font-family: 'Bona Nova', serif !important; /* Keep custom font for UI */
    color: var(--color-subtle);
}
}
.profile-info-container div p {
/* ===== Ace Editor Base Styling ===== */
color: #FFF;
.ace_editor {
    font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace for cursor alignment */
}
}
.profile-info-container div b {
 
color: #FFAA22;
/* ===== CodeEditor - General Editor Styling ===== */
.ace_editor {
    font-family: 'Courier New', 'Consolas', monospace !important;
}
}
.user-section-title {
 
color: var(--color-subtle);
/* Navbar Logo */
.navbar-logo a {
    font-family: 'Modern Antiqua', cursive !important;
}
}
#user-page-left {
/* Infobox Title */
     width: 35%;
.portable-infobox .pi-title {
    float: left;
     font-family: 'Modern Antiqua' !important;
}
}
.clearfix {
 
     display: block;
h3.pi-data-label {
     font-family: 'Bona Nova' !important;
}
}
#user-page-right {
 
     float: right;
/* ===== Headers (Orange Variants) ===== */
    width: 60%;
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;
}
}
.clearfix {
 
     display: block;
.mwe-popups-extract p {
     display: block !important;
    visibility: visible !important;
}
}


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