MediaWiki:Common.css: Difference between revisions
No edit summary Tags: Reverted Mobile edit Mobile web edit |
No edit summary Tags: Reverted Mobile edit Mobile web edit |
||
Line 1: | Line 1: | ||
/* | /* General background */ | ||
body.vector-2022 { | |||
body { | background-color: #f7dce3; /* soft pink */ | ||
color: #4a0033; /* dark text */ | |||
} | } | ||
/* | /* Page container */ | ||
.mw-page-container { | |||
background-color: white; | |||
margin: auto; | |||
max-width: 1000px; | |||
padding: 20px; | |||
box-sizing: border-box; | |||
} | } | ||
/* Sidebar and headers */ | |||
#mw-panel { | |||
background-color: #ffccdd; | |||
} | } | ||
#mw-page-base, | #mw-page-base, | ||
#mw-head-base, | #mw-head-base, | ||
#mw-head, | #mw-head, | ||
#footer { | #footer { | ||
background-color: #ffb6c1; | |||
} | } | ||
/* | /* Headers */ | ||
h1, h2, h3, h4 { | h1, h2, h3, h4 { | ||
color: #cc0066; | |||
} | } | ||
/* | /* Tables, boxes, infobox, toc */ | ||
table, .infobox, .toc, .mw-warning { | table, .infobox, .toc, .mw-warning { | ||
background-color: #fff0f5; | |||
border: 2px solid #ff99cc; | |||
color: #8B0D2E !important; /* dark pink table text */ | |||
} | } | ||
/* Links */ | |||
a, .mw-body a { | |||
/* | color: #8B0D2E !important; /* dark pink */ | ||
text-decoration: none !important; | |||
} | } | ||
a:visited, .mw-body a:visited { | |||
color: #a62671 !important; /* darker pink/purple tone */ | |||
.mw- | |||
} | } | ||
a:hover, .mw-body a:hover { | |||
color: #ff4da6 !important; /* brighter pink on hover */ | |||
} | } | ||
/* Mobile override */ | /* Mobile override */ | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.mw-page-container { | .mw-page-container { | ||
max-width: 100%; | max-width: 100%; | ||
Line 82: | Line 57: | ||
} | } | ||
} | } | ||
/* Pending review popup */ | /* Pending review popup */ | ||
.pending-review-popup { | .pending-review-popup { | ||
position: fixed; | |||
top: 20%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
background-color: hotpink; /* popup color */ | |||
color: white; | |||
font-weight: bold; | |||
font-size: 18px; | |||
padding: 20px; | |||
border-radius: 12px; | |||
z-index: 9999; | |||
text-align: center; | |||
box-shadow: 0 0 15px rgba(0,0,0,0.4); | |||
} | } | ||
/* | /* Hide talk tab */ | ||
#ca-talk { display: none !important; } | #ca-talk { display: none !important; } |
Revision as of 04:41, 28 August 2025
/* General background */ body.vector-2022 { background-color: #f7dce3; /* soft pink */ color: #4a0033; /* dark text */ } /* Page container */ .mw-page-container { background-color: white; margin: auto; max-width: 1000px; padding: 20px; box-sizing: border-box; } /* Sidebar and headers */ #mw-panel { background-color: #ffccdd; } #mw-page-base, #mw-head-base, #mw-head, #footer { background-color: #ffb6c1; } /* Headers */ h1, h2, h3, h4 { color: #cc0066; } /* Tables, boxes, infobox, toc */ table, .infobox, .toc, .mw-warning { background-color: #fff0f5; border: 2px solid #ff99cc; color: #8B0D2E !important; /* dark pink table text */ } /* Links */ a, .mw-body a { color: #8B0D2E !important; /* dark pink */ text-decoration: none !important; } a:visited, .mw-body a:visited { color: #a62671 !important; /* darker pink/purple tone */ } a:hover, .mw-body a:hover { color: #ff4da6 !important; /* brighter pink on hover */ } /* Mobile override */ @media screen and (max-width: 768px) { .mw-page-container { max-width: 100%; padding: 15px; } } /* Pending review popup */ .pending-review-popup { position: fixed; top: 20%; left: 50%; transform: translate(-50%, -50%); background-color: hotpink; /* popup color */ color: white; font-weight: bold; font-size: 18px; padding: 20px; border-radius: 12px; z-index: 9999; text-align: center; box-shadow: 0 0 15px rgba(0,0,0,0.4); } /* Hide talk tab */ #ca-talk { display: none !important; }