MediaWiki:Common.css

Revision as of 17:36, 11 July 2025 by Talonsin (talk | contribs)

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Inverse Colors */
/*
:root{
    filter: invert(85%);
    
}

.mw-footer {
    filter: invert(85%);
}
.mw-panel {
   filter: invert(85%) hue-rotate(180deg);
}

img{
	filter: invert(100%) hue-rotate(0deg) grayscale(0%);

}
*/

/* Change the main background to light gray */
body, 
.mw-body, 
.mw-page-container, 
#mw-page-base, 
#mw-head-base, 
.mw-footer {
    background-color: #f5f5f5 !important; /* Soft gray */
}

/* Sidebar panel background (if needed) */
.mw-panel {
    background-color: #e9e9e9 !important; /* Slightly darker gray */
}

/* Content area (light) */
#content, 
.mw-body-content {
    background-color: #ffffff !important; /* Keep content white for readability */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); /* Optional: subtle shadow for depth */
}

/* Adjust links for better contrast */
.mw-body-content a {
    color: #0645ad !important;
}
.mw-body-content a:visited {
    color: #551a8b !important;
}


/* Antique */
/*
.mw-body-content a:visited { color: #0645AD !IMPORTANT; }
.mw-body-content a.new:link { color: #45acc0 !IMPORTANT; }
.mw-body-content a.new:visited { color: #a55858 !IMPORTANT; }
*/


#content p { font-size: 22px; line-height:26px;}
#content h1 { font-size: 64px; font-family:"Caslon Antique"; line-height:64px; }
#content h2 { font-size: 48px; font-family:"Caslon Antique"; line-height:64px; }
#content h3 { font-size: 40px; font-family:"Caslon Antique" }
#content h4 { font-size: 36px; font-family:"Caslon Antique" }
#content h5 { font-size: 32px; font-family:"Caslon Antique" }

#p-navigation { font-size: 12px; }
#p-cactions { font-size: 22px }
#p-personal { font-size: 22px }