MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 163: | Line 163: | ||
background-color: rgba(255, 255, 255, 0.85) !important; | background-color: rgba(255, 255, 255, 0.85) !important; | ||
border-radius: 8px !important; | border-radius: 8px !important; | ||
} | |||
/* ============================================================ | |||
UI VISIBILITY FIX (SIDEBAR & HEADER SHELVES) | |||
============================================================ */ | |||
/* 1. THE SIDEBAR SHELF */ | |||
#mw-panel { | |||
background-color: rgba(255, 255, 255, 0.8) !important; /* White glass look */ | |||
border-right: 3px solid #3e5a47 !important; /* Thick Green divider */ | |||
padding-left: 10px !important; | |||
height: 100vh !important; | |||
box-shadow: 2px 0 10px rgba(0,0,0,0.1) !important; | |||
} | |||
/* 2. THE TOP MENU & SEARCH SHELF (Vector Skin) */ | |||
#mw-head { | |||
background-color: rgba(255, 255, 255, 0.85) !important; | |||
border-bottom: 2px solid #3e5a47 !important; | |||
box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; | |||
} | |||
/* 3. SITE TITLE / LOGO AREA FIX */ | |||
#p-logo { | |||
background-color: rgba(255, 255, 255, 0.9) !important; | |||
border-radius: 0 0 15px 0 !important; /* Rounded bottom corner */ | |||
padding: 5px !important; | |||
} | |||
/* 4. MAKING SIDEBAR TEXT DARKER FOR VISIBILITY */ | |||
#mw-panel .vector-menu-heading, | |||
#mw-panel .vector-menu-content-list li a { | |||
color: #2d4234 !important; /* Dark Forest Green */ | |||
font-weight: bold !important; | |||
text-shadow: 1px 1px 0px #ffffff; /* Subtle highlight behind letters */ | |||
} | |||
/* 5. SEARCH BAR BACKING */ | |||
#p-search { | |||
background: white !important; | |||
padding: 5px 15px !important; | |||
border-radius: 20px !important; /* Gives it a "pill" shape */ | |||
margin-top: 5px !important; | |||
border: 1px solid #3e5a47 !important; | |||
} | } | ||