MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
} | } | ||
/* | /* Main content area styling */ | ||
#content { | |||
background-color: #2a2a2a; /* A slightly lighter dark gray for contrast with body */ | |||
color: #e0e0e0; /* Light gray for text within the content area */ | |||
border-color: #444; /* Darker border if there's one around the content */ | |||
} | |||
/* Headings within content */ | |||
#content h1, | |||
#content h2, | |||
#content h3, | |||
#content h4, | |||
#content h5, | |||
#content h6 { | |||
color: #f0f0f0; /* Slightly lighter headings */ | |||
} | |||
/* Ensure links are visible and styled as requested on dark background */ | |||
/* General link styles (might be overridden by more specific rules) */ | |||
a { | a { | ||
color: #7aa06e; /* Dull aqua green for unvisited links */ | color: #7aa06e; /* Dull aqua green for unvisited links */ | ||
Line 20: | Line 38: | ||
} | } | ||
/* | /* *** NEW: More specific link styles for links inside the main content area *** */ | ||
#content a { | |||
color: #7aa06e; /* Dull aqua green for unvisited links within content */ | |||
} | |||
#content a:visited { | |||
color: #cccccc; /* Light grey for visited links within content */ | |||
} | |||
#content a:hover { | |||
color: #a3be8c; /* Light green on hover for links within content */ | |||
} | |||
/* If the above still doesn't work for certain links, use developer tools | |||
to find their exact selector and add another, even more specific rule. */ |
Revision as of 20:51, 29 June 2025
/* All CSS here will be loaded for users of the Vector skin */
/* Base styles: Dark background for the overall page, head base, and page base */
body,
#mw-head-base,
#mw-page-base {
background-color: #1a1a1a; /* Very dark gray, almost black */
color: #e0e0e0; /* Light gray for default text */
}
/* Main content area styling */
#content {
background-color: #2a2a2a; /* A slightly lighter dark gray for contrast with body */
color: #e0e0e0; /* Light gray for text within the content area */
border-color: #444; /* Darker border if there's one around the content */
}
/* Headings within content */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
color: #f0f0f0; /* Slightly lighter headings */
}
/* Ensure links are visible and styled as requested on dark background */
/* General link styles (might be overridden by more specific rules) */
a {
color: #7aa06e; /* Dull aqua green for unvisited links */
}
a:visited {
color: #cccccc; /* Light grey for visited links */
}
a:hover {
color: #a3be8c; /* A light green for hover */
}
/* *** NEW: More specific link styles for links inside the main content area *** */
#content a {
color: #7aa06e; /* Dull aqua green for unvisited links within content */
}
#content a:visited {
color: #cccccc; /* Light grey for visited links within content */
}
#content a:hover {
color: #a3be8c; /* Light green on hover for links within content */
}
/* If the above still doesn't work for certain links, use developer tools
to find their exact selector and add another, even more specific rule. */
By using this site, you agree to the Terms of Use. © 1996–2025 The Quincy Examiner / MTB. All rights reserved.