MediaWiki:Vector.css: Difference between revisions

From MB Wiki
Jump to navigation Jump to search
 
mNo edit summary
 
Line 1: Line 1:
/* All CSS here will be loaded for users of the Vector skin */
/* =======================================================================
/* =======================================================================
   MB WIKI - VECTOR SKIN OVERRIDES
   MB WIKI - VECTOR SKIN OVERRIDES
   Forcefully applies Terraria typography to the Vector Legacy skin
   Force variables onto Vector elements
   ======================================================================= */
   ======================================================================= */


/* 1. Force Body Font */
/* 1. Interface Backgrounds & Text */
/* Overrides standard vector body settings */
body.skin-vector-legacy,
body.skin-vector-legacy,
.mw-body,
.mw-body,
#content,
#content,
.mw-body-content {
.mw-body-content {
     font-family: Helvetica, Arial, sans-serif !important;
     font-family: var(--wiki-font-family-body) !important;
     font-size: 14px !important;
     background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}
}


/* 2. Force Heading Font */
/* 2. Navigation / Sidebar */
/* Overrides vector headings (often serif by default) */
#mw-panel {
.skin-vector-legacy h1,
    font-family: var(--wiki-font-family-body);
.skin-vector-legacy h2,
}
.skin-vector-legacy h3,
#mw-panel .vector-menu-heading {
.skin-vector-legacy h4,
     font-family: var(--wiki-font-family-heading);
.skin-vector-legacy h5,
     font-weight: bold;
.skin-vector-legacy h6,
    color: var(--wiki-content-text-color);
.firstHeading,
    background-image: none; /* Remove default vector arrows if preferred */
.mw-headline {
}
     font-family: Verdana, Helvetica, Arial, sans-serif !important;
#mw-panel .vector-menu-content-list li a {
     font-weight: normal !important;
    color: var(--wiki-content-link-color);
}
}


/* 3. Force Monospace */
/* 3. Header / Tabs */
pre, code, .mw-code {
#p-personal, #p-views, #p-cactions {
     font-family: monospace, monospace !important;
    font-family: var(--wiki-font-family-body);
}
.vector-menu-tabs li {
    background-image: none; /* Cleaner tabs */
}
.vector-menu-tabs li.selected {
    background: var(--wiki-content-background-color);
    border-bottom: 1px solid var(--wiki-content-background-color); /* Hide bottom border */
}
.vector-menu-tabs li a {
    color: var(--wiki-content-link-color);
}
.vector-menu-tabs li.selected a {
    color: var(--wiki-content-text-color);
     font-weight: bold;
}
}


/* 4. Fix Search Box Alignment */
/* 4. Search Box */
.vector-search-box-inner {
.vector-search-box-inner {
    border: 1px solid var(--wiki-content-border-color);
    background-color: var(--wiki-content-background-color);
     border-radius: 4px;
     border-radius: 4px;
}
.vector-search-box-input {
    color: var(--wiki-content-text-color);
}
}


/* 5. Main Page specific cleanups */
/* 5. Footer */
/* Hides page title on main page if body class matches */
#footer {
    background-color: var(--wiki-content-background-color--secondary);
    border-top: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}
#footer a {
    color: var(--wiki-content-link-color);
}
 
/* 6. Typography Overrides */
h1, h2, h3, h4, h5, h6, .firstHeading {
    font-family: var(--wiki-font-family-heading) !important;
    border-bottom-color: var(--wiki-content-border-color);
}
 
/* 7. Hide Main Page Title */
body.page-Main_Page h1.firstHeading {
body.page-Main_Page h1.firstHeading {
     display: none !important;
     display: none !important;
}
}


/* 6. Tabs (Read/Edit/View History) styling */
/* 8. Code/Pre Blocks */
#p-views .vector-menu-content-list li a {
pre, code, .mw-code {
     background-image: none !important; /* Remove default gradients */
     font-family: var(--wiki-font-family-mono) !important;
     border-radius: 4px 4px 0 0;
     background-color: var(--wiki-content-background-color--secondary);
}
    border: 1px solid var(--wiki-content-border-color);
#p-views .vector-menu-content-list li.selected a {
     color: var(--wiki-content-text-color);
    font-weight: bold;
     color: var(--theme-page-text-color) !important;
}
}

Latest revision as of 05:12, 11 December 2025

/* =======================================================================
   MB WIKI - VECTOR SKIN OVERRIDES
   Force variables onto Vector elements
   ======================================================================= */

/* 1. Interface Backgrounds & Text */
body.skin-vector-legacy,
.mw-body,
#content,
.mw-body-content {
    font-family: var(--wiki-font-family-body) !important;
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}

/* 2. Navigation / Sidebar */
#mw-panel {
    font-family: var(--wiki-font-family-body);
}
#mw-panel .vector-menu-heading {
    font-family: var(--wiki-font-family-heading);
    font-weight: bold;
    color: var(--wiki-content-text-color);
    background-image: none; /* Remove default vector arrows if preferred */
}
#mw-panel .vector-menu-content-list li a {
    color: var(--wiki-content-link-color);
}

/* 3. Header / Tabs */
#p-personal, #p-views, #p-cactions {
    font-family: var(--wiki-font-family-body);
}
.vector-menu-tabs li {
    background-image: none; /* Cleaner tabs */
}
.vector-menu-tabs li.selected {
    background: var(--wiki-content-background-color);
    border-bottom: 1px solid var(--wiki-content-background-color); /* Hide bottom border */
}
.vector-menu-tabs li a {
    color: var(--wiki-content-link-color);
}
.vector-menu-tabs li.selected a {
    color: var(--wiki-content-text-color);
    font-weight: bold;
}

/* 4. Search Box */
.vector-search-box-inner {
    border: 1px solid var(--wiki-content-border-color);
    background-color: var(--wiki-content-background-color);
    border-radius: 4px;
}
.vector-search-box-input {
    color: var(--wiki-content-text-color);
}

/* 5. Footer */
#footer {
    background-color: var(--wiki-content-background-color--secondary);
    border-top: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}
#footer a {
    color: var(--wiki-content-link-color);
}

/* 6. Typography Overrides */
h1, h2, h3, h4, h5, h6, .firstHeading {
    font-family: var(--wiki-font-family-heading) !important;
    border-bottom-color: var(--wiki-content-border-color);
}

/* 7. Hide Main Page Title */
body.page-Main_Page h1.firstHeading {
    display: none !important;
}

/* 8. Code/Pre Blocks */
pre, code, .mw-code {
    font-family: var(--wiki-font-family-mono) !important;
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}