Jump to content

MediaWiki:Common.css: Difference between revisions

From Continuum Universes Wiki
No edit summary
No edit summary
 
(19 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;
}
}
.copyright-warning {
.goudy-bookletter-1911-regular {
    color: var(--color-base);
  font-family: "Goudy Bookletter 1911", serif;
    font-size: 11px;
  font-weight: 400;
    margin: 0 0 10px;
  font-style: normal;
    width: 700px;
    max-width: 100%;
}
}
.create-title {
.eb-garamond {
color: var(--color-base);
  font-family: "EB Garamond", serif;
border: 1px solid var(--color-subtle);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
}
 
.uncial-antiqua-regular {
/* Fix SocialProfile tab spacing in Vector 2022 */
  font-family: "Uncial Antiqua", system-ui;
 
  font-weight: 400;
#user-profile-tabs ul li {
  font-style: normal;
    display: inline-block;
    margin-right: 10px;
}
}
 
.modern-antiqua-regular {
/* Responsive avatar sizing*/
  font-family: "Modern Antiqua", serif;
.user-profile-avatar img {
  font-weight: 400;
    max-width: 120px;
  font-style: normal;
    height: auto;
    border-radius: 12px;
}
}
 
.metamorphous-regular {
/* Fix some ugly box spacing */
  font-family: "Metamorphous", serif;
.profile-info-table td {
  font-weight: 400;
    padding: 6px;
  font-style: normal;
}
}
 
/* ===== Global Styles ===== */
.user-page .user-page-title {
body {
     font-size: 1.5em;
     font-family: 'Bona Nova', serif !important;
    margin-bottom: 1em;
}
}
 
pre, code {                             /* Internal spacing */
.wikitable.user-profile-info {
font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace font */                          /* Horizontal scroll if needed */
    max-width: 100%;
}
}


#user-page-left {
#toc h2 {
     float: none;
     font-family: 'Modern Antiqua', cursive !important;
    width: 100%;
}
}
.profile-on {
.mw-changeslist-legend h2 {
background: var(--color-subtle);
    font-family: 'Modern Antiqua', cursive !important;
}
}
.profile-update-title {
/* ===== UI Elements Still Use Custom Font ===== */
    color: var(--color-subtle);
.wikiEditor-ui-toolbar,
    font-size: 16px;
.wikiEditor-ui-toolbar .group .tool a,
     font-weight: 700;
.wikiEditor-ui-dialog {
    margin: 0 0 5px 0 !important;
     font-family: 'Bona Nova', serif !important; /* Keep custom font for UI */
}
}
.profile-update-row {
/* ===== Ace Editor Base Styling ===== */
    color: var(--color-subtle);
.ace_editor {
    font-weight: 700;
     font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace for cursor alignment */
     font-size: 12px;
}
}


#profile-top {
/* ===== CodeEditor - General Editor Styling ===== */
     top: 20px;
.ace_editor {
    padding: 10px 0;
     font-family: 'Courier New', 'Consolas', monospace !important;
    position: relative;
}
}
#profile-title {
 
top: -20px;
/* Navbar Logo */
    margin: 0px 0 15px 0;
.navbar-logo a {
    position: relative;
    font-family: 'Modern Antiqua', cursive !important;
}
}
#profile-toggle-button {
/* Infobox Title */
     background-color: #ffa500;
.portable-infobox .pi-title {
    top: -15px;
     font-family: 'Modern Antiqua' !important;
    right: 0;
    padding: 2px 10px;
    position: absolute;
}
}
.no-info-container {
 
     margin: 20px 0 20px 0;
h3.pi-data-label {
    background: #001f3f;
     font-family: 'Bona Nova' !important;
    padding: 20px;
    text-align: center;
    color: var(--color-subtle);
}
}
.profile-info-container div p {
 
color: #FFF;
/* ===== 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;
}
}
.profile-info-container div b {
 
color: #FFAA22;
.mwe-popups-extract p {
}
     display: block !important;
.user-section-title {
     visibility: visible !important;
color: var(--color-subtle);
}
#user-page-right {
     float: right;
     width: 55%;
}
}


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