MediaWiki:Timeless.css: Difference between revisions
From Ghost Theory Wiki
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 316: | Line 316: | ||
#mw-panel a:visited { | #mw-panel a:visited { | ||
color: #c0c0c0 !important; | color: #c0c0c0 !important; | ||
} | |||
/* Mobile breakpoint – adjust if your wiki uses a different one */ | |||
@media (max-width: 720px) { | |||
/* Base hamburger button in Timeless */ | |||
#mw-sidebar-button.mw-ui-icon-element { | |||
color: #ffd800; /* sets icon color on many setups */ | |||
background-color: transparent; | |||
border: none; | |||
} | |||
/* Timeless icon element specifics (mask-based icons) */ | |||
.skin-timeless #mw-sidebar-button.mw-ui-icon-element.mw-ui-icon { | |||
background-color: #ffd800; /* if Timeless uses background-color for icon fill */ | |||
-webkit-mask-repeat: no-repeat; | |||
mask-repeat: no-repeat; | |||
-webkit-mask-position: center; | |||
mask-position: center; | |||
} | |||
/* Hover / active states (still mobile) */ | |||
.skin-timeless #mw-sidebar-button.mw-ui-icon-element:hover, | |||
.skin-timeless #mw-sidebar-button.mw-ui-icon-element:focus, | |||
.skin-timeless #mw-sidebar-button.mw-ui-icon-element:active { | |||
background-color: rgba(255, 216, 0, 0.18); /* subtle yellow glow behind icon */ | |||
color: #ffd800; | |||
} | |||
} | } | ||
