MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,596: | Line 1,596: | ||
/* ========================================================= | /* ========================================================= | ||
OOO MENU LINK – navigation | OOO MENU LINK – navigation style | ||
========================================================= */ | ========================================================= */ | ||
| Line 1,603: | Line 1,603: | ||
position: relative; | position: relative; | ||
padding: | padding: 4px 8px 4px 14px; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
color: inherit; | color: inherit; | ||
transition: background 0.18s ease, | transition: background 0.18s ease, color 0.18s ease; | ||
} | } | ||
/* left | /* left accent bar (always visible) */ | ||
.mw-parser-output .ooo-menulink a::before { | .mw-parser-output .ooo-menulink a::before { | ||
| Line 1,622: | Line 1,622: | ||
background: var(--ooo-accent); | background: var(--ooo-accent); | ||
opacity: 0.6; | |||
opacity: | |||
} | } | ||
/* | /* arrow */ | ||
.mw-parser-output .ooo-menulink a::after { | .mw-parser-output .ooo-menulink a::after { | ||
content: " | content: "➜"; | ||
position: absolute; | position: absolute; | ||
right: 6px; | right: 6px; | ||
| Line 1,636: | Line 1,634: | ||
opacity: 0; | opacity: 0; | ||
transform: translateX(-4px); | transform: translateX(-4px); | ||
color: var(--ooo-accent); | |||
font-weight: 700; | |||
transition: 0.18s ease; | transition: 0.18s ease; | ||
} | } | ||
/* hover | /* hover */ | ||
.mw-parser-output .ooo-menulink a:hover { | .mw-parser-output .ooo-menulink a:hover { | ||
font-weight: 700; | |||
color: var(--ooo-accent) !important; | |||
background: linear-gradient( | background: linear-gradient( | ||
| Line 1,651: | Line 1,655: | ||
} | } | ||
/* | /* show arrow */ | ||
.mw-parser-output .ooo-menulink a:hover:: | .mw-parser-output .ooo-menulink a:hover::after { | ||
opacity: 1; | opacity: 1; | ||
transform: translateX(0); | transform: translateX(0); | ||
} | } | ||