|
|
| Line 321: |
Line 321: |
|
| |
|
|
| |
|
| /* MOBILE-ONLY: yellow border-based hamburger in Timeless */ | | /* Timeless mobile hamburger menu icon */ |
| @media (max-width: 720px) {
| | .skin-timeless .mw-ui-icon-element { |
| | | color: #ffff00 !important; /* forces yellow */ |
| /* Button shell */
| | fill: #ffff00 !important; /* covers SVG fill */ |
| #mw-sidebar-button.mw-ui-icon-element {
| |
| width: 32px;
| |
| height: 32px;
| |
| background: transparent;
| |
| border: none;
| |
| position: relative;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| box-shadow: none !important;
| |
| }
| |
| | |
| /* Three bars – all yellow */
| |
| #mw-sidebar-button.mw-ui-icon-element::before, | |
| #mw-sidebar-button.mw-ui-icon-element::after,
| |
| #mw-sidebar-button.mw-ui-icon-element span {
| |
| content: "";
| |
| position: absolute;
| |
| left: 6px;
| |
| right: 6px;
| |
| height: 0;
| |
| border-top: 3px solid #ffd800; /* YELLOW BARS */
| |
| border-radius: 2px;
| |
| display: block;
| |
| }
| |
| | |
| /* Top bar */
| |
| #mw-sidebar-button.mw-ui-icon-element::before {
| |
| top: 9px;
| |
| }
| |
| | |
| /* Middle bar */
| |
| #mw-sidebar-button.mw-ui-icon-element span {
| |
| top: 15px;
| |
| }
| |
| | |
| /* Bottom bar */
| |
| #mw-sidebar-button.mw-ui-icon-element::after {
| |
| top: 21px;
| |
| }
| |
| | |
| /* Optional: hover tint behind the icon */
| |
| #mw-sidebar-button.mw-ui-icon-element:hover,
| |
| #mw-sidebar-button.mw-ui-icon-element:focus,
| |
| #mw-sidebar-button.mw-ui-icon-element:active {
| |
| background-color: rgba(255, 216, 0, 0.18);
| |
| }
| |
| } | | } |
