MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Blanked the page Tags: Blanking Manual revert |
No edit summary |
||
| Line 1: | Line 1: | ||
/* 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; | |||
} | |||
/* 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; | |||
} | |||
/* Move Home to bottom of sidebar with 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; | |||
padding-top: 50px !important; | |||
border-top: 1px solid #eee !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; | |||
} | |||
Revision as of 08:23, 8 July 2025
/* 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;
}
/* 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;
}
/* Move Home to bottom of sidebar with 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;
padding-top: 50px !important;
border-top: 1px solid #eee !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;
}