MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Iamlinkalot (talk | contribs) No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Global Reset & Base */ | |||
* { | |||
margin: 0; | |||
padding: 0; | |||
box-sizing: border-box; | |||
} | |||
body { | |||
background-color: #0e0e0e; | |||
color: #e0e0e0; | |||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |||
line-height: 1.6; | |||
font-size: 16px; | |||
padding: 2rem; | |||
} | |||
/* Headings */ | |||
h1, h2, h3, h4, h5, h6 { | |||
color: #ffffff; | |||
margin-bottom: 1rem; | |||
font-weight: 600; | |||
} | |||
h1 { | |||
font-size: 2.5rem; | |||
border-bottom: 2px solid #444; | |||
padding-bottom: 0.3rem; | |||
} | |||
h2 { | |||
font-size: 2rem; | |||
border-bottom: 1px solid #333; | |||
padding-bottom: 0.2rem; | |||
} | |||
h3 { | |||
font-size: 1.6rem; | |||
} | |||
/* Links */ | |||
a { | |||
color: #4de0b0; /* Bright cyan-blue */ | |||
text-decoration: none; | |||
transition: color 0.3s ease; | |||
} | |||
a:hover { | |||
color: #7fffd4; | |||
text-decoration: underline; | |||
} | |||
/* Paragraphs */ | |||
p { | |||
margin-bottom: 1.2rem; | |||
} | |||
/* Lists */ | |||
ul, ol { | |||
margin-left: 2rem; | |||
margin-bottom: 1rem; | |||
} | |||
/* Code blocks */ | |||
code, pre { | |||
background-color: #1e1e1e; | |||
color: #dcdcdc; | |||
font-family: 'Courier New', monospace; | |||
padding: 0.2rem 0.4rem; | |||
border-radius: 4px; | |||
} | |||
pre { | |||
padding: 1rem; | |||
overflow-x: auto; | |||
margin-bottom: 1rem; | |||
} | |||
/* Tables */ | |||
table { | |||
width: 100%; | |||
border-collapse: collapse; | |||
margin-bottom: 2rem; | |||
} | |||
th, td { | |||
border: 1px solid #333; | |||
padding: 0.8rem; | |||
text-align: left; | |||
} | |||
th { | |||
background-color: #1c1c1c; | |||
color: #ffffff; | |||
} | |||
td { | |||
background-color: #161616; | |||
} | |||
/* Blockquotes */ | |||
blockquote { | |||
border-left: 4px solid #444; | |||
padding-left: 1rem; | |||
color: #aaa; | |||
font-style: italic; | |||
margin: 1rem 0; | |||
} | |||
/* Horizontal rule */ | |||
hr { | |||
border: none; | |||
border-top: 1px solid #333; | |||
margin: 2rem 0; | |||
} | |||
/* Images */ | |||
img { | |||
max-width: 100%; | |||
display: block; | |||
margin: 1rem 0; | |||
border-radius: 8px; | |||
} | |||
/* Navigation (Optional) */ | |||
nav { | |||
background-color: #111; | |||
padding: 1rem 2rem; | |||
margin-bottom: 2rem; | |||
border-radius: 10px; | |||
} | |||
nav a { | |||
margin-right: 1.5rem; | |||
font-weight: 500; | |||
} | |||
/* Footer (Optional) */ | |||
footer { | |||
margin-top: 4rem; | |||
padding-top: 2rem; | |||
border-top: 1px solid #222; | |||
color: #666; | |||
font-size: 0.9rem; | |||
text-align: center; | |||
} | |||
/* Fix unreadable link colors across MediaWiki skins (esp. Vector) */ | |||
a, | |||
.mw-body a, | |||
#bodyContent a { | |||
color: #66ccff !important; /* Bright readable blue */ | |||
text-decoration: none; | |||
} | |||
a:hover, | |||
.mw-body a:hover, | |||
#bodyContent a:hover { | |||
color: #99e0ff !important; /* Lighter on hover */ | |||
text-decoration: underline; | |||
} | |||
/* Visited links */ | |||
a:visited { | |||
color: #a0a0ff !important; | |||
} | |||
/* === Global Link Styling Override === */ | |||
a, | |||
a:visited, | |||
#mw-panel a, | |||
#mw-panel a:visited, | |||
#p-personal a, | |||
#p-personal a:visited, | |||
#mw-head a, | |||
#mw-head a:visited, | |||
.vector-menu-content a, | |||
.vector-menu-content a:visited, | |||
#content a, | |||
#content a:visited { | |||
color: #66ccff !important; | |||
text-decoration: none !important; | |||
} | |||
a:hover, | |||
#mw-panel a:hover, | |||
#p-personal a:hover, | |||
#mw-head a:hover, | |||
.vector-menu-content a:hover, | |||
#content a:hover { | |||
color: #99e0ff !important; | |||
text-decoration: underline !important; | |||
} |
Revision as of 18:38, 4 July 2025
/* CSS placed here will be applied to all skins */ /* Global Reset & Base */ * { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #0e0e0e; color: #e0e0e0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; font-size: 16px; padding: 2rem; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #ffffff; margin-bottom: 1rem; font-weight: 600; } h1 { font-size: 2.5rem; border-bottom: 2px solid #444; padding-bottom: 0.3rem; } h2 { font-size: 2rem; border-bottom: 1px solid #333; padding-bottom: 0.2rem; } h3 { font-size: 1.6rem; } /* Links */ a { color: #4de0b0; /* Bright cyan-blue */ text-decoration: none; transition: color 0.3s ease; } a:hover { color: #7fffd4; text-decoration: underline; } /* Paragraphs */ p { margin-bottom: 1.2rem; } /* Lists */ ul, ol { margin-left: 2rem; margin-bottom: 1rem; } /* Code blocks */ code, pre { background-color: #1e1e1e; color: #dcdcdc; font-family: 'Courier New', monospace; padding: 0.2rem 0.4rem; border-radius: 4px; } pre { padding: 1rem; overflow-x: auto; margin-bottom: 1rem; } /* Tables */ table { width: 100%; border-collapse: collapse; margin-bottom: 2rem; } th, td { border: 1px solid #333; padding: 0.8rem; text-align: left; } th { background-color: #1c1c1c; color: #ffffff; } td { background-color: #161616; } /* Blockquotes */ blockquote { border-left: 4px solid #444; padding-left: 1rem; color: #aaa; font-style: italic; margin: 1rem 0; } /* Horizontal rule */ hr { border: none; border-top: 1px solid #333; margin: 2rem 0; } /* Images */ img { max-width: 100%; display: block; margin: 1rem 0; border-radius: 8px; } /* Navigation (Optional) */ nav { background-color: #111; padding: 1rem 2rem; margin-bottom: 2rem; border-radius: 10px; } nav a { margin-right: 1.5rem; font-weight: 500; } /* Footer (Optional) */ footer { margin-top: 4rem; padding-top: 2rem; border-top: 1px solid #222; color: #666; font-size: 0.9rem; text-align: center; } /* Fix unreadable link colors across MediaWiki skins (esp. Vector) */ a, .mw-body a, #bodyContent a { color: #66ccff !important; /* Bright readable blue */ text-decoration: none; } a:hover, .mw-body a:hover, #bodyContent a:hover { color: #99e0ff !important; /* Lighter on hover */ text-decoration: underline; } /* Visited links */ a:visited { color: #a0a0ff !important; } /* === Global Link Styling Override === */ a, a:visited, #mw-panel a, #mw-panel a:visited, #p-personal a, #p-personal a:visited, #mw-head a, #mw-head a:visited, .vector-menu-content a, .vector-menu-content a:visited, #content a, #content a:visited { color: #66ccff !important; text-decoration: none !important; } a:hover, #mw-panel a:hover, #p-personal a:hover, #mw-head a:hover, .vector-menu-content a:hover, #content a:hover { color: #99e0ff !important; text-decoration: underline !important; }