MediaWiki:Mobile.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 41: | Line 41: | ||
padding: 4px 6px; | padding: 4px 6px; | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
} | |||
/* Mobile custom hamburger + overlay (max-width 800px) */ | |||
@media (max-width: 800px) { | |||
.custom-mobile-hamburger { | |||
position: absolute; | |||
left: 0.5rem; | |||
top: 0.5rem; | |||
z-index: 9998; | |||
width: 40px; | |||
height: 40px; | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
background: transparent; | |||
border: none; | |||
color: #fff; | |||
font-size: 22px; | |||
text-decoration: none; | |||
} | |||
.custom-mobile-overlay { | |||
position: fixed; | |||
inset: 0; | |||
background: rgba(0,0,0,0.45); | |||
z-index: 9997; | |||
display: none; | |||
align-items: flex-start; | |||
justify-content: flex-start; | |||
padding-top: 56px; | |||
} | |||
.custom-mobile-panel { | |||
background: #fff; | |||
width: 84%; | |||
max-width: 320px; | |||
height: 100%; | |||
box-shadow: 0 2px 12px rgba(0,0,0,0.25); | |||
padding: 0.5rem 0; | |||
overflow-y: auto; | |||
} | |||
.custom-mobile-panel a { | |||
display: block; | |||
padding: 0.75rem 1rem; | |||
color: #0645AD; | |||
text-decoration: none; | |||
border-bottom: 1px solid #eee; | |||
} | |||
.custom-mobile-panel a:hover { | |||
background: #f6f8fb; | |||
} | |||
.custom-mobile-close { | |||
display: block; | |||
padding: 0.5rem; | |||
text-align: right; | |||
font-size: 18px; | |||
color: #333; | |||
} | } | ||
} | } | ||