MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 666: | Line 666: | ||
background-color: white !important; | background-color: white !important; | ||
border: 1px solid #dcdcdc !important; | border: 1px solid #dcdcdc !important; | ||
box-shadow: 0 10px 25px rgba(0,0,0,0. | box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important; | ||
border-radius: 0 0 | border-radius: 0 0 20px 20px !important; /* Matches round search bar */ | ||
overflow: hidden !important; | overflow: hidden !important; | ||
z-index: 9999 !important; /* | z-index: 9999 !important; /* Ensure it sits on top of everything */ | ||
margin-top: 5px !important; /* Small gap below the bar */ | |||
left: auto | |||
/* REMOVED: left: auto / width: auto so JS can align it correctly */ | |||
min-width: 400px !important; /* Prevents it from being too skinny */ | |||
} | } | ||
| Line 682: | Line 683: | ||
.suggestions-result { | .suggestions-result { | ||
color: #2c3e50 !important; | color: #2c3e50 !important; | ||
padding: | padding: 12px 20px !important; | ||
font-size: | font-size: 15px !important; | ||
cursor: pointer; | cursor: pointer; | ||
line-height: 1.4; | |||
} | } | ||
| Line 699: | Line 701: | ||
background-color: #f8f9fa !important; | background-color: #f8f9fa !important; | ||
border-top: 1px solid #eee !important; | border-top: 1px solid #eee !important; | ||
padding: 10px | padding: 10px 20px !important; | ||
color: #005696 !important; | color: #005696 !important; | ||
font-size: 0.9em !important; | font-size: 0.9em !important; | ||
| Line 712: | Line 714: | ||
background-color: #2c2c2c !important; /* Dark Grey Bg */ | background-color: #2c2c2c !important; /* Dark Grey Bg */ | ||
border: 1px solid #444 !important; | border: 1px solid #444 !important; | ||
box-shadow: 0 10px 30px rgba(0,0,0,0. | box-shadow: 0 10px 30px rgba(0,0,0,0.8) !important; | ||
} | } | ||
html.skin-theme-clientpref-night .suggestions-result { | html.skin-theme-clientpref-night .suggestions-result { | ||
color: #e0e0e0 !important; | color: #e0e0e0 !important; | ||
} | |||
/* Dark Mode Hover */ | |||
html.skin-theme-clientpref-night .suggestions-result-current, | |||
html.skin-theme-clientpref-night .suggestions-result:hover { | |||
background-color: #266065 !important; /* Brand Teal Highlight */ | |||
color: white !important; | |||
} | |||
html.skin-theme-clientpref-night .suggestions-special { | |||
background-color: #1e1e1e !important; | |||
border-top: 1px solid #333 !important; | |||
color: #4db6ac !important; /* Bright Teal Text */ | |||
} | |||
html.skin-theme-clientpref-night .suggestions-special:hover { | |||
background-color: #37474f !important; | |||
} | |||
/* 3. HIGHLIGHT MATCHED TEXT */ | |||
/* This targets the bold text that matches what you typed */ | |||
.suggestions-result .special-query { | |||
font-weight: bold !important; | |||
color: #000 !important; | |||
} | |||
html.skin-theme-clientpref-night .suggestions-result .special-query { | |||
color: #fff !important; | |||
text-shadow: 0 0 10px rgba(255,255,255,0.2); | |||
} | } | ||