User:Lustiger seth/global.css
Appearance
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: 0 3px;
}
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 */
@media screen and (min-width: 982px) {
.tpl-vheadanchor {
left: -24px;
padding: 0 7px;
}
}
.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;*/
}