MediaWiki:Gadget-ohc-back-to-top.css: Difference between revisions
MediaWiki interface page
More languages
More actions
Content deleted Content added
Style the back-to-top button (via create-page on MediaWiki MCP Server) |
Bot: careui — stub out; superseded by the token-based rules in MediaWiki:Common.css. Removes a stale copy of the retired teal palette - Claude |
||
| Line 1: | Line 1: | ||
/* ohc-back-to-top |
/* MediaWiki:Gadget-ohc-back-to-top.css |
||
SUPERSEDED -- do not restore the rules that used to live here. |
|||
.ohc-to-top { |
|||
position: fixed; |
|||
right: 1.1em; |
|||
bottom: 1.1em; |
|||
z-index: 50; |
|||
width: 2.6em; |
|||
height: 2.6em; |
|||
border-radius: 999px; |
|||
border: 1px solid #d8e1db; |
|||
background: #0f8b6c; |
|||
color: #ffffff; |
|||
font-size: 1.1em; |
|||
line-height: 1; |
|||
cursor: pointer; |
|||
box-shadow: 0 4px 14px rgba(23, 61, 52, 0.25); |
|||
opacity: 0; |
|||
transform: translateY(0.5em); |
|||
pointer-events: none; |
|||
transition: opacity 0.25s ease, transform 0.25s ease, background 0.15s ease; |
|||
} |
|||
These styles are now in MediaWiki:Common.css section 5, built on the careui |
|||
.ohc-to-top--show { |
|||
--ohc-* token layer. That file is part of `site.styles`, which MediaWiki |
|||
opacity: 1; |
|||
loads on every page for every skin, so the styling applies whether or not |
|||
transform: translateY(0); |
|||
the Gadgets extension is ever enabled. |
|||
pointer-events: auto; |
|||
} |
|||
The previous contents hardcoded the retired ohc.network palette (teal |
|||
.ohc-to-top:hover { |
|||
#0f8b6c, ink #173d34, lime #b8f36f, sage #d8e1db) and had no dark-mode |
|||
background: #b8f36f; |
|||
handling. Kept as an empty stub rather than deleted so that |
|||
color: #173d34; |
|||
MediaWiki:Gadgets-definition keeps resolving if Gadgets is installed later. |
|||
} |
|||
Reference: [[OHC Network Wiki:Design/careui]] */ |
|||
@media (prefers-reduced-motion: reduce) { |
|||
.ohc-to-top { |
|||
transition: none; |
|||
} |
|||
} |
|||