Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* =========================
#skin-client-prefs-skin-theme {
  Hide Unused Citizen Toggles
========================= */
 
#skin-client-prefs-skin-theme,
#skin-client-prefs-citizen-feature-pure-black {
     display: none !important;
     display: none !important;
}
}
#skin-client-prefs-citizen-feature-pure-black {
 
display: none !important;
 
}
/* =========================
/* =========================
   Infoboxes
   Base Infobox Structure
========================= */
========================= */


.lt-infobox {
.lt-infobox {
    border: 1px solid var(--color-border, #2a2f3a);
    background: var(--color-surface-1, #111827);
    padding: 0;
     max-width: 320px;
     max-width: 320px;
     float: right;
     float: right;
     margin: 0 0 1rem 1.5rem; /* bottom + space from content */
     margin: 0 0 1rem 1.5rem;
    padding: 0;
}
}


.lt-infobox-title {
.lt-infobox-title {
    padding: 5px;
    font-size: 25px;
    font-weight: 600;
     text-align: center;
     text-align: center;
    border-bottom: 1px solid var(--color-border, #2a2f3a);
     letter-spacing: 2px;
     letter-spacing: 2px;
}
}
Line 40: Line 37:
     display: flex;
     display: flex;
     justify-content: space-between;
     justify-content: space-between;
    padding: 2px 0;
}
    border-bottom: 1px solid var(--color-border, #2a2f3a);


.lt-infobox-label,
.lt-infobox-value {
    font-size: 17px;
}
}


.lt-infobox-row:last-child {
 
     border-bottom: none;
/* =========================
  Velvet Theme
========================= */
 
html.lt-theme-default {
 
     /* Body Text */
    color: #d6e2ff;
}
}


.lt-infobox-label {
html.lt-theme-default body {
     font-weight: 500;
     background-image:
     font-size: 17px;
        linear-gradient(rgba(139,155,180,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,155,180,0.05) 1px, transparent 1px);
     background-size: 40px 40px;
}
}


.lt-infobox-value {
    text-align: right;
    font-size: 17px;
}


/* =========================
/* Velvet Headers */
  Velvet Typography
========================= */


html.lt-theme-default h1,
html.lt-theme-default h1,
html.lt-theme-default h2,
html.lt-theme-default h2,
html.lt-theme-default .mw-page-title-main,
html.lt-theme-default .mw-page-title-main {
html.lt-theme-default .infobox-title {
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
     color: #8fb4ff;
     color: #8fb4ff;
Line 73: Line 74:


html.lt-theme-default .mw-page-title-main {
html.lt-theme-default .mw-page-title-main {
font-size:50px;
    font-size: 50px;
text-shadow: 0 0 6px rgba(143,180,255,0.4);
    text-shadow: 0 0 6px rgba(143,180,255,0.4);
}
}


/* Header glow */
html.lt-theme-default h2 {
html.lt-theme-default h2 {
     border-bottom: 2px solid #8fb4ff;
     border-bottom: 2px solid #8fb4ff;
Line 84: Line 84:
}
}


/* Main Text (Icy Blue) */
html.lt-theme-default body,
html.lt-theme-default .mw-parser-output {
    color: #d6e2ff;
}


/* Laser Grid */
/* Velvet Infobox */
html.lt-theme-default body {
    background-image:
        linear-gradient(rgba(139,155,180,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,155,180,0.05) 1px, transparent 1px);
    background-size: 40px 40px;
}
 
/* =========================
  Velvet Infobox Frame
========================= */


html.lt-theme-default .lt-infobox {
html.lt-theme-default .lt-infobox {
Line 108: Line 93:
     outline-offset: -6px;
     outline-offset: -6px;
     box-shadow: 0 0 14px rgba(143,180,255,0.15);
     box-shadow: 0 0 14px rgba(143,180,255,0.15);
    padding: 0;
}
}


/* Infobox Title */
html.lt-theme-default .lt-infobox-title {
html.lt-theme-default .lt-infobox-title {
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
     color: #d6e2ff;
     color: #8fb4ff;
     text-shadow: 0 0 6px rgba(143,180,255,0.4);
     text-transform: uppercase;
     letter-spacing: 4px;
     letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
     padding: 14px 10px 10px 10px;
     padding: 14px 10px 10px 10px;
     border-bottom: 1px solid rgba(143,180,255,0.4);
     border-bottom: 1px solid rgba(143,180,255,0.4);
Line 126: Line 107:
     padding: 6px;
     padding: 6px;
     border-bottom: 1px solid rgba(143,180,255,0.3);
     border-bottom: 1px solid rgba(143,180,255,0.3);
    box-shadow: 0 0 12px rgba(143,180,255,0.15);
}
}


html.lt-theme-default .lt-infobox-row {
html.lt-theme-default .lt-infobox-row {
    display: flex;
    justify-content: space-between;
     padding: 8px 12px;
     padding: 8px 12px;
     border-bottom: 1px solid rgba(143,180,255,0.25);
     border-bottom: 1px solid rgba(143,180,255,0.25);
}
html.lt-theme-default .lt-infobox-row:last-child {
    border-bottom: none;
}
}


html.lt-theme-default .lt-infobox-label {
html.lt-theme-default .lt-infobox-label {
     color: #8fb4ff;
     color: #8fb4ff;
    font-weight: normal;
     font-family: "Courier New", monospace;
     font-family: "Courier New", monospace;
     letter-spacing: 1px;
     letter-spacing: 1px;
Line 148: Line 129:
}
}


/* Links */
 
a {
/* Scoped Velvet Links */
     color: var(--lt-accent);
 
html.lt-theme-default a {
     color: #8fb4ff;
}
}

Revision as of 18:13, 20 February 2026

/* =========================
   Hide Unused Citizen Toggles
========================= */

#skin-client-prefs-skin-theme,
#skin-client-prefs-citizen-feature-pure-black {
    display: none !important;
}


/* =========================
   Base Infobox Structure
========================= */

.lt-infobox {
    max-width: 320px;
    float: right;
    margin: 0 0 1rem 1.5rem;
    padding: 0;
}

.lt-infobox-title {
    text-align: center;
    letter-spacing: 2px;
}

.lt-infobox-image img {
    width: 100%;
    display: block;
}

.lt-infobox-section {
    padding: 4px 12px;
}

.lt-infobox-row {
    display: flex;
    justify-content: space-between;
}

.lt-infobox-label,
.lt-infobox-value {
    font-size: 17px;
}


/* =========================
   Velvet Theme
========================= */

html.lt-theme-default {

    /* Body Text */
    color: #d6e2ff;
}

html.lt-theme-default body {
    background-image:
        linear-gradient(rgba(139,155,180,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,155,180,0.05) 1px, transparent 1px);
    background-size: 40px 40px;
}


/* Velvet Headers */

html.lt-theme-default h1,
html.lt-theme-default h2,
html.lt-theme-default .mw-page-title-main {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #8fb4ff;
    letter-spacing: 2px;
}

html.lt-theme-default .mw-page-title-main {
    font-size: 50px;
    text-shadow: 0 0 6px rgba(143,180,255,0.4);
}

html.lt-theme-default h2 {
    border-bottom: 2px solid #8fb4ff;
    padding-bottom: 6px;
    text-shadow: 0 0 6px rgba(143,180,255,0.4);
}


/* Velvet Infobox */

html.lt-theme-default .lt-infobox {
    background: #050814;
    border: 1px solid #8fb4ff;
    outline: 1px solid #8fb4ff;
    outline-offset: -6px;
    box-shadow: 0 0 14px rgba(143,180,255,0.15);
}

html.lt-theme-default .lt-infobox-title {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #8fb4ff;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 14px 10px 10px 10px;
    border-bottom: 1px solid rgba(143,180,255,0.4);
}

html.lt-theme-default .lt-infobox-image {
    padding: 6px;
    border-bottom: 1px solid rgba(143,180,255,0.3);
}

html.lt-theme-default .lt-infobox-row {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(143,180,255,0.25);
}

html.lt-theme-default .lt-infobox-row:last-child {
    border-bottom: none;
}

html.lt-theme-default .lt-infobox-label {
    color: #8fb4ff;
    font-family: "Courier New", monospace;
    letter-spacing: 1px;
}

html.lt-theme-default .lt-infobox-value {
    font-family: "Courier New", monospace;
    color: #d6e2ff;
}


/* Scoped Velvet Links */

html.lt-theme-default a {
    color: #8fb4ff;
}