MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1,596: | Line 1,596: | ||
/* ========================================================= | /* ========================================================= | ||
OOO MENU LINK | OOO MENU LINK – navigation style | ||
========================================================= */ | ========================================================= */ | ||
.mw-parser-output .ooo-menulink a { | .mw-parser-output .ooo-menulink a { | ||
display: block; | |||
position: relative; | |||
padding: 4px 8px 4px 14px; | |||
text-decoration: none !important; | |||
color: inherit; | |||
transition: background 0.18s ease, color 0.18s ease; | |||
} | |||
/* left accent bar (always visible) */ | |||
.mw-parser-output .ooo-menulink a::before { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
top: 2px; | |||
bottom: 2px; | |||
width: 3px; | |||
background: var(--ooo-accent); | |||
opacity: 0.6; | |||
} | |||
/* arrow */ | |||
.mw-parser-output .ooo-menulink a::after { | |||
content: "➜"; | |||
position: absolute; | |||
right: 6px; | |||
opacity: 0; | |||
transform: translateX(-4px); | |||
color: var(--ooo-accent); | |||
font-weight: 700; | |||
transition: 0.18s ease; | |||
} | |||
/* hover */ | |||
.mw-parser-output .ooo-menulink a:hover { | |||
font-weight: 700; | |||
color: var(--ooo-accent) !important; | color: var(--ooo-accent) !important; | ||
background: linear-gradient( | |||
to right, | |||
rgba(245,196,0,0.10), | |||
rgba(245,196,0,0.02) | |||
); | |||
} | |||
/* show arrow */ | |||
.mw-parser-output .ooo-menulink a:hover::after { | |||
opacity: 1; | |||
transform: translateX(0); | |||
} | } | ||
.mw-parser-output .ooo-menulink a:hover { | /* ========================================================= | ||
OOO MENU LINK – COMING SOON | |||
========================================================= */ | |||
.mw-parser-output .ooo-menulink-soon a { | |||
display: block; | |||
position: relative; | |||
padding: 4px 8px 4px 14px; | |||
opacity: 0.55; | |||
text-decoration: none !important; | |||
color: inherit; | |||
cursor: default; | |||
} | |||
/* dashed left indicator */ | |||
.mw-parser-output .ooo-menulink-soon a::before { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
top: 2px; | |||
bottom: 2px; | |||
width: 3px; | |||
background: repeating-linear-gradient( | |||
to bottom, | |||
rgba(245,196,0,0.5), | |||
rgba(245,196,0,0.5) 2px, | |||
transparent 2px, | |||
transparent 4px | |||
); | |||
} | |||
/* auto label */ | |||
.mw-parser-output .ooo-menulink-soon a::after { | |||
content: " (coming soon)"; | |||
font-size: 0.85em; | |||
font-style: italic; | |||
opacity: 0.7; | |||
} | |||
/* disable hover effects */ | |||
.mw-parser-output .ooo-menulink-soon a:hover { | |||
background: none; | |||
color: inherit !important; | |||
font-weight: normal; | |||
} | |||
/* ========================================================= | |||
OOO MENU SUB SECTION | |||
========================================================= */ | |||
.mw-parser-output .ooo-menusub { | |||
margin-top: 14px; | |||
margin-bottom: 6px; | |||
font-weight: 700; | |||
font-size: 0.95rem; | |||
color: var(--ooo-accent); | |||
border-bottom: 1px solid rgba(245,196,0,0.35); | |||
padding-bottom: 3px; | |||
letter-spacing: 0.02em; | |||
} | } | ||