MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 2,887: | Line 2,887: | ||
font-size: clamp(11px, calc(var(--gr-font-size, 22px) * 0.5), 14px); | font-size: clamp(11px, calc(var(--gr-font-size, 22px) * 0.5), 14px); | ||
color: #b5451b; opacity: 0.85; margin-bottom: 2px; | color: #b5451b; opacity: 0.85; margin-bottom: 2px; | ||
} | |||
/* The annotation count badge was removed (it was clipped by the round | |||
toggle's own overflow). This keeps it hidden for anyone still served a | |||
cached copy of the old gadget. */ | |||
#gra-toggle-badge { display: none !important; } | |||
/* ── LINK LANDING ─────────────────────────────────────────────────── | |||
Where a copied id or a bookmark citation link lands. The flash used to | |||
be injected by copyId.js; it lives here so the landing still reads when | |||
only common.js is loaded. */ | |||
.gid-target { | |||
animation: gid-target-flash 2.4s ease-out 1; | |||
border-radius: 4px; | |||
} | |||
@keyframes gid-target-flash { | |||
0%, 55% { background: rgba(181,69,27,0.14); box-shadow: 0 0 0 4px rgba(181,69,27,0.10); } | |||
100% { background: transparent; box-shadow: none; } | |||
} | |||
@media (prefers-reduced-motion: reduce) { | |||
.gid-target { animation: none; background: rgba(181,69,27,0.14); } | |||
} | } | ||
| Line 2,900: | Line 2,921: | ||
overflow-wrap: anywhere; | overflow-wrap: anywhere; | ||
} | } | ||
/* The reference hangs its continuation lines, the way a reference list | |||
does on paper. The link inside it stays on the citation's own colour | |||
until hovered - it is a citation, not a navigation control. */ | |||
.gra-bookmark-cite { padding-left: 1.4em; text-indent: -1.4em; } | |||
.gra-bookmark-cite a { color: inherit; text-decoration: none; border-bottom: 1px dotted #c3b3a9; } | |||
.gra-bookmark-cite a:hover { color: #b5451b; border-bottom-color: #b5451b; } | |||
.gra-bookmark-cite i { font-style: italic; } | |||
.gra-bookmark-intext { | |||
margin-top: 4px; | |||
font-family: var(--font-ui); | |||
font-size: clamp(10px, calc(var(--gr-font-size, 22px) * 0.48), 13px); | |||
color: #8a7a70; | |||
overflow-wrap: anywhere; | |||
} | |||
.gra-cite-locator { color: #a08b7e; } | |||
/* The in-text line copies on click, so it reads as something you can | |||
press without adding another button to the card. */ | |||
.gra-bookmark-intext { cursor: pointer; border-radius: 4px; transition: background .15s, color .15s; } | |||
.gra-bookmark-intext:hover { background: #fff5f2; color: #6b5b52; } | |||
.gra-intext--done { background: #e6f2ea; color: #2e6e40; } | |||
.gra-intext--done .gra-cite-locator { color: #2e6e40; } | |||
.gra-cite-actions { display: flex; flex-wrap: wrap; gap: 6px; } | |||
.gra-cite-copy { | .gra-cite-copy { | ||
margin-top: 6px; padding: 3px 10px; | margin-top: 6px; padding: 3px 10px; | ||