User:Lustiger seth/global.css
Appearance
From Meta, a Wikimedia project coordination wiki
This is an archived version of this page, as edited by Lustiger seth (talk | contribs) at 17:20, 10 August 2024 (testing again). It may differ significantly from the current version .
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* ================================================================================ * source: https://www.mediawiki.org/wiki/MediaWiki:Gadget-vector-headanchor.css * last sync: 2022年02月13日 */ /*! * Vector HeadAnchors gadget, from <https://mediawiki.org/wiki/MediaWiki:Gadget-vector-headanchor.js> * * Copyright 2013 Timo Tijhof * @license MIT <https://opensource.org/licenses/MIT> */ /* Revision as of 2021年10月11日 */ .tpl-vheadanchor-heading{ position:relative; /* Disable Vector's `overflow: hidden` because otherwise our negatively positioned anchor won't be visible. By itself, showing overflow would cause two problems: 1. We normally hide overflow for a reason. Namely, to ensure that infoboxes and thumbnails retain their margins and thus things like heading bottom borders will stay away from the edge of these floated boxes. 2. Headanchor needs `position: relative`, which affects stacking context (like z-index). If we don't hide overflow, that means the heading and its border etc will render over top and strike-through any content in the thumbnail and infobox. We solve both of these by bringing back the "create block-formatting context" behaviour of `overflow: hidden` with `display: flex-root`. This isn't supported in all Basic browsers, but good enough for this gadget. Thanks [[User:Tgr]]! */ overflow:visible; display:flow-root; } .tpl-vheadanchor{ position:absolute; /* consistent font and size, regardless of heading level */ font-family:serif; font-size:24px; font-weight:normal;/* reset any bolding from H3-H6 styles */ line-height:1.3; /* Based on Vector mw-body padding being 16px */ left:-16px; /* Use padding instead of margin. Two reasons: 1. With margin, there would be a pointer gap between headline and anchor, and thus flickering because :hover would not match in-between 2. With padding, we get a bigger tap/hover area. */ padding:03px; } h3.tpl-vheadanchor{ line-height:1.1; } h4.tpl-vheadanchor,h6.tpl-vheadanchor,h6.tpl-vheadanchor{ line-height:1.0; } /* Based on Vector wide viewport using mw-body padding of 24px */ @mediascreenand(min-width:982px){ .tpl-vheadanchor{ left:-24px; padding:07px; } } .tpl-vheadanchor-heading:not(:hover).mw-headline:not(:target)~.tpl-vheadanchor{ display:none; } /* ================================================================================ */ /* 2023年06月28日 seth: https://de.wikipedia.org/wiki/Wikipedia:Technik/Werkstatt#Textbreite_an_Seitentyp_anpassen trying to set textwidth depending on content */ .ns-special.mw-page-container, .ns-special.vector-header-container, body:not(.action-view).mw-page-container, body:not(.action-view).vector-header-container{ max-width:none; } /* 2024年08月09日 seth: https://de.wikipedia.org/w/index.php?title=Wikipedia:Fragen_zur_Wikipedia&oldid=247525574#Seitenansicht_%E2%80%9ESeiten_mit_ungesichteten_Versionen%E2%80%9C trying to make table more dense */ .cdx-table{ max-width:fit-content; } .cdx-table__table{ /*min-width: auto;*/ line-height:1.0; /*border-collapse: collapse;*/ } .mw-fr-watchlist-pending-notice{ background:inherit; border:0; padding:0; }