MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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); | |||
} | |||
/* ========================================================= | |||
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 a: | .mw-parser-output .ooo-menulink-soon a::before { | ||
opacity: 0. | 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; | |||
} | } | ||