MediaWiki:Common.css

From Practices and Politics of Representation
Revision as of 07:01, 8 July 2025 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Hide all logos */
.mw-wiki-logo,
.mw-logo,
.mw-logo-icon,
.mw-logo-wordmark,
.vector-logo,
#p-logo,
#p-logo a,
.mw-logo-container {
    display: none !important;
    visibility: hidden !important;
}

/* Hide favicon references */
link[rel="icon"],
link[rel="shortcut icon"],
link[rel="apple-touch-icon"] {
    display: none !important;
}

/* Move Home to bottom of sidebar navigation */
#p-navigation .pBody ul li:first-child {
    order: 999;
    margin-top: auto;
}

#p-navigation .pBody ul {
    display: flex;
    flex-direction: column;
    height: auto;
}

/* CLEAN DESIGN CSS - PRESERVES LAYOUT */

/* Force all text to Arial font */
*, body, h1, h2, h3, h4, h5, h6, p, div, span, a, li, td, th, 
input, textarea, select, button, .portlet, .pBody {
    font-family: Arial, sans-serif !important;
}

/* Remove shadows and text shadows only */
* {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Clean up headings - remove underlines but keep structure */
h1, h2, h3, h4, h5, h6 {
    border-bottom: none !important;
    background: none !important;
    background-image: none !important;
    color: #333 !important;
}

/* Page title clean */
.firstHeading {
    border-bottom: none !important;
    background: none !important;
    color: #333 !important;
}

/* Sidebar - clean but preserve layout */
.portlet {
    background: none !important;
    background-image: none !important;
    border: none !important;
    /* Keep original margins and padding for layout */
}

/* Sidebar headers - clean */
.portlet h3, .portlet h5 {
    background: none !important;
    background-image: none !important;
    border: none !important;
    border-bottom: none !important;
    color: #333 !important;
    font-weight: bold !important;
}

/* Sidebar links - clean style */
.portlet .pBody ul li a {
    color: #0066cc !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
}

.portlet .pBody ul li a:hover {
    color: #004499 !important;
    background: none !important;
    text-decoration: underline !important;
}

/* Tabs - clean but functional */
#p-cactions li {
    background: none !important;
    background-image: none !important;
    border: 1px solid #ddd !important;
    border-bottom: none !important;
}

#p-cactions li a {
    background: none !important;
    background-image: none !important;
    color: #0066cc !important;
    text-decoration: none !important;
}

#p-cactions li.selected {
    background: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}

#p-cactions li.selected a {
    color: #333 !important;
    font-weight: bold !important;
}

#p-cactions li a:hover {
    background: #f0f0f0 !important;
    color: #004499 !important;
}

/* Content area - clean background */
#content {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    /* Keep original margins and padding for layout */
}

/* Gallery - remove gray backgrounds */
.gallery {
    background: none !important;
    border: none !important;
}

.gallerybox {
    background: none !important;
    border: none !important;
}

.gallerybox .thumb {
    background: none !important;
    border: none !important;
}

.gallerytext {
    background: none !important;
    border: none !important;
    color: #666 !important;
}

/* Image thumbnails - remove gray backgrounds */
.thumb {
    background: none !important;
    border: none !important;
}

.thumbinner {
    background: none !important;
    border: 1px solid #ddd !important;
}

.thumbcaption {
    background: none !important;
    border: none !important;
    color: #666 !important;
}

/* Infobox - clean but preserve structure */
.infobox {
    background: none !important;
    border: 1px solid #ddd !important;
    /* Keep original positioning */
}

.infobox th {
    background: none !important;
    background-image: none !important;
    border: none !important;
    color: #333 !important;
    font-weight: bold !important;
}

.infobox td {
    background: none !important;
    border: none !important;
}

/* Tables - clean borders */
table {
    border-collapse: collapse !important;
    background: none !important;
}

table th {
    background: none !important;
    background-image: none !important;
    border: 1px solid #ddd !important;
    color: #333 !important;
    font-weight: bold !important;
}

table td {
    background: none !important;
    border: 1px solid #ddd !important;
}

/* Forms - clean input fields */
input, textarea, select {
    border: 1px solid #ccc !important;
    background: #ffffff !important;
    border-radius: 0 !important;
}

/* Search box */
#searchInput {
    border: 1px solid #ccc !important;
    background: #ffffff !important;
    border-radius: 0 !important;
}

/* Personal tools - clean */
#p-personal ul li a {
    color: #0066cc !important;
    text-decoration: none !important;
    background: none !important;
}

#p-personal ul li a:hover {
    color: #004499 !important;
    text-decoration: underline !important;
}

/* Footer - clean */
#footer {
    background: none !important;
    border: none !important;
    border-top: 1px solid #eee !important;
    color: #666 !important;
}

/* Edit section links */
.mw-editsection a {
    color: #0066cc !important;
    text-decoration: none !important;
    background: none !important;
}

.mw-editsection a:hover {
    color: #004499 !important;
    text-decoration: underline !important;
}

/* Categories */
#catlinks {
    background: none !important;
    border: none !important;
    border-top: 1px solid #eee !important;
    color: #666 !important;
}

/* Remove gradients from Vector skin */
.vector-menu-tabs li {
    background-image: none !important;
}

.vector-menu-tabs a {
    background-image: none !important;
}

/* Move Home to bottom of navigation */
#p-navigation .pBody ul {
    display: flex;
    flex-direction: column;
}

#p-navigation .pBody ul li:first-child {
    order: 999;
    margin-top: auto;
}

/* Clean body but preserve layout */
body {
    background: #ffffff !important;
    /* Keep original margins for layout */
}

/* Preserve column layout */
#column-one, #column-content {
    /* Keep original positioning and sizing */
    background: none !important;
}

/* Remove only visual effects, keep structure */
.mw-body, .mw-body-content {
    background: none !important;
    border: none !important;
}