MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1,259:
--ed-paper: #fbfaf7; /* page canvas (set #fff to disable the tint) */
--ed-infobox-w: 18.5rem; /* infobox total width (border-box) */
--ed-measure: calc((100% - var(--ed-infobox-w)) * 0.9); /* prose
the infobox — tighter readable line + a gutter before the card */
--ed-body: 1rem; /* body size (16px — the "90% zoom" preference) */
--ed-small: 0.8125rem; /* THE small size: tables, infobox, TOC, footer */
Line 1,905 ⟶ 1,906:
.ed-fn-body { display: none; }
/* Touch devices have no hover → synthesise the
was usually clipped on a phone, so on touch the note shows as a FULL-WIDTH
dark banner pinned to the top of the viewport, white text. NO JS: the banner
is pointer-events:none, so a tap ANYWHERE — even over the banner — falls
through to the page, blurs the focused cue, and dismisses it. */
@media (hover: none) and (pointer: coarse) {
.ed-fn[title]::after {
content: attr(title);
position:
width: 100%;
z-index: 1100;
padding: calc(0.9em + env(safe-area-inset-top)) 1.2em 0.9em;
background: rgba(20, 18, 16, 0.92); /* near-black, slightly transparent */
▲ font-size: 0.85rem;
▲ line-height: 1.4;
white-space: normal;▼
text-align: left;
▲ white-space: normal;
pointer-events: none; /* tap anywhere dismisses (blurs the cue) */
opacity: 0;
visibility: hidden;
| |||