MediaWiki:Common.css

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

/* CLEAN FLAT 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 ALL shadows, glows, and effects */
*, *:before, *:after {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    -moz-filter: 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;
}

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

/* Move Home to VERY bottom of navigation with large gap */
#p-navigation .pBody ul {
    display: flex;
    flex-direction: column;
    min-height: 400px;
}

#p-navigation .pBody ul li:first-child {
    order: 999;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding-top: 50px !important;
    border-top: 1px solid #eee !important;
}

/* Tabs - completely clean without borders */
#p-cactions {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

#p-cactions ul {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

#p-cactions li {
    background: none !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 10px 0 0 !important;
}

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

#p-cactions li.selected {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

#p-cactions li.selected a {
    color: #333 !important;
    font-weight: bold !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

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

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

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

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

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

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

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

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

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

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

/* Infobox - CLEAN and simplified */
.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-image: 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;
}

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

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

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

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

/* Remove any remaining gray backgrounds */
.mw-parser-output {
    background: none !important;
}

/* Special handling for any remaining backgrounds */
div, span, p {
    background-color: transparent !important;
}

/* Remove ALL header/top menu shadows and gray effects */
#mw-head,
#mw-panel,
.mw-header,
.vector-header,
#p-personal,
#p-namespaces,
#p-views,
#p-cactions,
.vector-menu,
.vector-menu-dropdown {
    box-shadow: none !important;
    background: none !important;
    background-image: none !important;
    border: none !important;
    filter: none !important;
}

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

#p-personal ul {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

#p-personal li {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Clean dropdown menus */
.vector-menu-dropdown .vector-menu-content {
    background: #ffffff !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}

/* Remove gray shadows from content area */
#content,
.mw-body {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
}

/* Clean namespace/view tabs area */
#p-namespaces,
#p-views {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Clean search area */
#p-search {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* FIX EDIT MODE - Restore proper edit interface */
.ve-ui-surface,
.ve-ui-overlay,
.ve-ui-overlay-global,
.ve-ui-surface-overlay,
.oo-ui-dialog,
.oo-ui-window,
.oo-ui-dialog-content,
.oo-ui-window-content,
.ve-ui-toolbar,
.ve-ui-targetWidget,
.oo-ui-toolbar,
.oo-ui-menuLayout,
.oo-ui-panelLayout {
    background: #ffffff !important;
    border: 1px solid #ccc !important;
    z-index: 9999 !important;
    position: relative !important;
}

/* Edit dialog and overlay fixes */
.ve-ui-overlay-global {
    background: rgba(255,255,255,0.95) !important;
    backdrop-filter: blur(5px) !important;
}

/* Fix edit toolbar */
.ve-ui-toolbar {
    background: #f8f9fa !important;
    border-bottom: 1px solid #ddd !important;
}

/* Fix edit buttons */
.oo-ui-buttonElement-button,
.oo-ui-tool,
.oo-ui-widget {
    background: #ffffff !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}

.oo-ui-buttonElement-button:hover,
.oo-ui-tool:hover {
    background: #f0f0f0 !important;
}

/* Fix edit content area */
.ve-ce-documentNode {
    background: #ffffff !important;
    color: #333 !important;
    padding: 20px !important;
}

/* Fix modal dialogs */
.oo-ui-window-content {
    background: #ffffff !important;
}

/* Ensure edit mode overlays work properly */
.ve-ui-surface .ve-ce-documentNode {
    background: #ffffff !important;
}

/* Fix any edit form fields */
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
    background: #ffffff !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}