MediaWiki:Common.css: Difference between revisions
UI fix: add Cyberpunk accent (patch step2) |
UI fix: header/footer/layout/TOC/buttons (patch step3) |
||
| Line 1,534: | Line 1,534: | ||
color: #ffcc00 !important; | color: #ffcc00 !important; | ||
} | } | ||
/* === PATCH step3: header, footer, layout, toc, buttons === */ | |||
/* Layout width + center content (Vector) */ | |||
.mw-body, .mw-content-container, #content { | |||
max-width: 1080px !important; | |||
margin: 0 auto !important; | |||
box-shadow: 0 0 0 1px #222, 0 10px 40px rgba(0,0,0,.4); | |||
} | |||
/* Top bar look */ | |||
#mw-head, #left-navigation, #right-navigation { | |||
border-bottom: 1px solid #222 !important; | |||
} | |||
/* Page title strip */ | |||
.firstHeading { | |||
background: linear-gradient(90deg, #111 0%, #0d0d0d 60%); | |||
padding: .6rem .8rem; | |||
margin: 0 0 .8rem 0; | |||
color: #ffcc00 !important; | |||
border-left: 4px solid #ffcc00; | |||
} | |||
/* TOC — compact card with accent border */ | |||
#toc, .toc { | |||
background: #121212 !important; | |||
border: 1px solid #333 !important; | |||
border-left: 3px solid #ffcc00 !important; | |||
border-radius: 4px; | |||
padding: .6rem .8rem !important; | |||
} | |||
.tocnumber { color: #ffcc00 !important; } | |||
/* Infobox image & small polish */ | |||
.infobox .image img, | |||
.infobox img { | |||
border: 1px solid #333; | |||
background: #0e0e0e; | |||
padding: 2px; | |||
border-radius: 2px; | |||
max-width: 100%; | |||
} | |||
/* Tables – subtle row stripes */ | |||
.wikitable tr:nth-child(even) td { background: #171717 !important; } | |||
.wikitable tr:nth-child(odd) td { background: #1b1b1b !important; } | |||
/* Navbox links */ | |||
.navbox a { color: #39d1ff !important; } | |||
.navbox a:hover { color: #ffcc00 !important; } | |||
/* Buttons (MediaWiki UI) */ | |||
.mw-ui-button, .mw-ui-progressive, .mw-ui-primary { | |||
background: #ffcc00 !important; | |||
color: #111 !important; | |||
border: 1px solid #eab800 !important; | |||
} | |||
.mw-ui-button:hover { filter: brightness(1.05); } | |||
.mw-ui-quiet { color: #39d1ff !important; } | |||
.mw-ui-quiet:hover { color: #ffcc00 !important; } | |||
/* Code/Pre blocks */ | |||
pre, code, .mw-code { | |||
background: #101010 !important; | |||
color: #e8e8e8 !important; | |||
border: 1px solid #2a2a2a !important; | |||
border-radius: 4px; | |||
} | |||
pre { padding: .6rem .8rem !important; overflow: auto; } | |||
/* Blockquotes */ | |||
blockquote { | |||
border-left: 3px solid #ffcc00; | |||
background: #111; | |||
padding: .6rem .8rem; | |||
color: #dcdcdc; | |||
} | |||
/* Lists tighter + readable */ | |||
.mw-body-content ul, .mw-body-content ol { margin: .4rem 0 .8rem 2rem !important; } | |||
.mw-body-content li { line-height: 1.5; } | |||
/* Footer */ | |||
#footer, .mw-footer { | |||
background: #0f0f0f !important; | |||
border-top: 1px solid #222 !important; | |||
color: #9a9a9a !important; | |||
padding-top: 12px; | |||
} | |||
#footer a, .mw-footer a { color: #c8c8c8 !important; } | |||
#footer a:hover, .mw-footer a:hover { color: #ffcc00 !important; } | |||
/* Categories bar */ | |||
#catlinks { | |||
background: #111 !important; | |||
border: 1px solid #333 !important; | |||
border-left: 3px solid #ffcc00 !important; | |||
} | |||
#catlinks a { color: #39d1ff !important; } | |||
#catlinks a:hover { color: #ffcc00 !important; } | |||
/* Minor polish for edit sections */ | |||
.mw-editsection, .mw-editsection a { | |||
color: #888 !important; | |||
} | |||
.mw-editsection a:hover { color: #ffcc00 !important; } | |||