MediaWiki:Common.css

From Practices and Politics of Representation
Revision as of 14:49, 1 December 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;
}

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

/* Remove shadows and effects - but NOT on edit elements */
.portlet, .pBody, #content, #column-content, 
#column-one, .portlet h3, .portlet h5, .gallerybox,
.thumb, .thumbinner, .infobox, table, #footer,
#p-cactions, .vector-menu-tabs {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Move entire navigation menu to bottom of sidebar */
#p-navigation {
    order: 999 !important;
    margin-top: auto !important;
    padding-top: 100px !important;
    border-top: 1px solid #eee !important;
}

#column-one {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

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

/* Clean sidebar */
.portlet {
    background: none !important;
    background-image: none !important;
    border: none !important;
}

.portlet h3, .portlet h5 {
    background: none !important;
    background-image: none !important;
    border: none !important;
    color: #333 !important;
    font-weight: bold !important;
}

.portlet .pBody ul li a {
    color: #0066cc !important;
    text-decoration: none !important;
    background: none !important;
}

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

/* Clean top tabs - no borders */
#p-cactions, #p-namespaces, #p-views {
    background: none !important;
    border: none !important;
}

#p-cactions li, #p-namespaces li, #p-views li {
    background: none !important;
    background-image: none !important;
    border: none !important;
    margin: 0 10px 0 0 !important;
}

#p-cactions li a, #p-namespaces li a, #p-views li a {
    background: none !important;
    background-image: none !important;
    color: #0066cc !important;
    text-decoration: none !important;
    border: none !important;
    padding: 8px 15px !important;
}

#p-cactions li.selected a, #p-namespaces li.selected a, #p-views li.selected a {
    color: #333 !important;
    font-weight: bold !important;
    background: none !important;
}

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

/* Clean personal tools (right menu) */
#p-personal {
    background: none !important;
    border: none !important;
}

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

/* Clean content area */
#content {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
}

/* Gallery - larger images, no gray backgrounds */
.gallerybox {
    background: none !important;
    border: none !important;
    width: 200px !important;
    margin: 15px !important;
}

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

.gallerybox .thumb img {
    width: 200px !important;
    height: auto !important;
}

.gallerytext {
    background: none !important;
    border: none !important;
    color: #666 !important;
    text-align: center !important;
}

/* Clean image thumbnails */
.thumb {
    background: none !important;
    border: none !important;
}

.thumbinner {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
}

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

/* Clean and simple infobox */
.infobox {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-left: 3px solid #0066cc !important;
    padding: 15px !important;
    margin: 0 0 20px 20px !important;
    width: 300px !important;
}

.infobox th {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    color: #333 !important;
    font-weight: bold !important;
    padding: 8px 0 !important;
    text-align: left !important;
}

.infobox td {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    padding: 8px 0 !important;
    color: #666 !important;
}

.infobox tr:last-child th,
.infobox tr:last-child td {
    border-bottom: none !important;
}

/* Clean tables */
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;
}

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

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

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

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

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

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

/* Clean body */
body {
    background: #ffffff !important;
}

/* Preserve layout structure */
#column-one, #column-content {
    background: none !important;
}

.mw-body, .mw-body-content {
    background: none !important;
    border: none !important;
}
/* Academic Year links - specific targeting */
#n-Academic-Year-2025 a,
#n-Academic-Year-2024 a,
#n-Academic-Year-2023 a,
#n-Academic-Year-2022 a {
    text-decoration: underline !important;
    font-weight: bold !important;
}

/* Remove gray gradient shadow from top */
#mw-head,
.mw-header,
.vector-header,
#mw-head-base,
#mw-page-base {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Remove gradient from content area top */
#content {
    background: #ffffff !important;
    background-image: none !important;
    border-top: none !important;
}

/* Clean page background */
body {
    background: #ffffff !important;
    background-image: none !important;
}

/* Remove any remaining gradients */
.vector-legacy-sidebar,
#mw-panel {
    background: none !important;
    background-image: none !important;
}

/************************************
 * IMPROVEMENTS BASED ON FEEDBACK
 ************************************/

/* ★ Use RGB at full saturation — replace navy-ish blues with full rgb blues */
a,
.portlet .pBody ul li a,
#p-personal ul li a,
#p-cactions li a,
#p-namespaces li a,
#p-views li a {
    color: rgb(0, 102, 255) !important; /* bright saturated blue */
}

a:hover,
.portlet .pBody ul li a:hover,
#p-personal ul li a:hover,
#p-cactions li a:hover,
#p-namespaces li a:hover,
#p-views li a:hover {
    color: rgb(0, 51, 204) !important; /* darker saturated blue */
}

/* Info Box left border – fully saturated cyan/blue */
.infobox {
    border-left: 3px solid rgb(0, 122, 255) !important;
}

/* Headings – strong neutral black instead of gray */
h1, h2, h3, h4, h5, h6, .firstHeading {
    color: rgb(30, 30, 30) !important;
}

/* Footer and meta text – pure neutral gray */
#footer,
.gallerytext,
.thumbcaption,
#catlinks {
    color: rgb(102, 102, 102) !important;
}

/****************************************
 * ★ Increase font-size — improve reading
 ****************************************/

body, p, li, td, th, span, div {
    font-size: 17px !important;   /* from ~14–16px to readable 17px */
    line-height: 1.55 !important; /* smoother line spacing */
}

/***************************************************
 * ★ Reduce line length (typography best practice)
 ***************************************************/

.mw-body-content,
#content,
#mw-content-text {
    max-width: 130ch !important;     /* limit to 70 characters per line */
    margin-left: auto !important;
    margin-right: auto !important;  /* center align the content block */
}

/* Keep sidebars unaffected by max-width */
#mw-panel,
#column-one {
    max-width: none !important;
}
Retrieved from "https://www.uni-weimar.de/projekte/representation/index.php?title=MediaWiki:Common.css&oldid=491"