MediaWiki:Gadget-hlist.css

W dzisiejszym świecie MediaWiki:Gadget-hlist.css to temat, który zyskał duże znaczenie w ostatnich dziesięcioleciach. Od wpływu na społeczeństwo po wpływ na politykę i gospodarkę, MediaWiki:Gadget-hlist.css wywołał wielką debatę na całym świecie. W tym artykule szczegółowo przeanalizujemy różne aspekty związane z MediaWiki:Gadget-hlist.css, od jego początków do obecnej sytuacji, w tym jego wpływ na codzienne życie ludzi. Ponadto zbadamy różne perspektywy i opinie istniejące wokół MediaWiki:Gadget-hlist.css, aby zaoferować pełną i obiektywną wizję tego tematu, który jest dziś tak istotny.
/**
 * Style for horizontal lists (separator following item).
 * @source mediawiki.orghttps://wikifreehand.com/pl/Snippets/Horizontal_lists
 * @revision 3.1 (2013-01-16)
 * @author ]
 */

.hlist dl {
    line-height: 1.5em;
}

.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}

/* Minerva domyślnie dodaje do elementów .hlist margines,
 * ale w treści głównej go nie potrzebujemy, natomiast w stopce musi pozostać.
 * Ciut większa wysokość linii, aby łatwiej było dotknąć element. */
.skin-minerva .content .hlist li {
	margin-right: 0;
	line-height: 2;
}
.skin-minerva .content .hlist ul ul {
	margin-left: 0;
}

/* Wyświetl elementy listy w linii i bez łamania wiersza wewnątrz */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
    display: inline;
    white-space: nowrap;
}
/* Łamanie na wąskim ekranie */
@media screen and (max-width: 400px) {
	.hlist dd,
	.hlist dt,
    .hlist li {
        margin: 0;
        display: inline-block;
        white-space: normal;
    }
}

/* Ale Minerva wykorzystuje hlist w stopce, gdzie powinno się łamać... */
.skin-minerva footer .hlist li {
	white-space: normal;
}

/* Zezwól na łamanie wiersza w elementach listy (w ciasnych przestrzeniach) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
    white-space: normal;
}

/* Wyświetl zagnieżdżone listy w linii i zezwól na łamanie wiersza */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
    white-space: normal;
}

/* Wyłącza zawijanie w zagnieżdżonych listach */
.hnowrap-dl-dl .hlist dl dl, .hnowrap-dl-ol .hlist dl ol, .hnowrap-dl-ul .hlist dl ul,
.hnowrap-ol-dl .hlist ol dl, .hnowrap-ol-ol .hlist ol ol, .hnowrap-ol-ul .hlist ol ul,
.hnowrap-ul-dl .hlist ul dl, .hnowrap-ul-ol .hlist ul ol, .hnowrap-ul-ul .hlist ul ul {
    white-space: nowrap;
}

/* Wyświetl punktory */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}

/* Dodaj nawiasy dookoła zagnieżdżonych list */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: "(";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}

/* Dodaj liczby przed elementami list uporządkowanych */
.hlist.hnum ol {
    counter-reset: list-item;
}
.hlist.hnum ol > li {
    counter-increment: list-item;
}
.hlist.hnum ol > li:before {
    content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
    content: "(" counter(list-item) " ";
}

/* Wsparcie dla różnych przypisów w navboksach */
.navbox .hlist ol.references {
    counter-reset: list-item;
    background: transparent;
}
.navbox .hlist ol.references > li {
    counter-increment: list-item;
    white-space: normal;
}

.navbox .hlist ol.references > li:before {
    content: " ";
}
.navbox .hlist .refsection-uwaga ol.references > li:before {
    content: " ";
}
.navbox .hlist .refsection-mini ol.references > li:before {
    content: " ";
}

/* dodatkowa klasa w navboxach do łączenia drużyn w jedną linie */
.nav-teams .hlist ul ul {
    white-space: nowrap;
}
.nav-teams .hlist ul ul ul {
    font-size: x-small;
}
.nav-teams .hlist li li li:first-child:before {
    content: "· ";
}
.nav-teams .hlist li li li:last-child:after {
    content: none;
}

/* Watchlist-summary */
/* płaskie paragrafy dla class="inline hlist" */
.inline.hlist > p, .inline.hlist > ul  {
    display:inline;
}
/* separator między płaską listą, a następnym paragrafem */
.hlist.inline ul+p:before {
    content: "• ";
}
/* lista wielopoziomowa wyświetlana bez nawiasów */
.nobracket.hlist dd dd:first-child:before, .nobracket.hlist dd dt:first-child:before, .nobracket.hlist dd li:first-child:before,
.nobracket.hlist dt dd:first-child:before, .nobracket.hlist dt dt:first-child:before, .nobracket.hlist dt li:first-child:before,
.nobracket.hlist li dd:first-child:before, .nobracket.hlist li dt:first-child:before, .nobracket.hlist li li:first-child:before {
    content: "";
    font-weight: normal;
}
.nobracket.hlist dd dd:last-child:after, .nobracket.hlist dd dt:last-child:after, .nobracket.hlist dd li:last-child:after,
.nobracket.hlist dt dd:last-child:after, .nobracket.hlist dt dt:last-child:after, .nobracket.hlist dt li:last-child:after,
.nobracket.hlist li dd:last-child:after, .nobracket.hlist li dt:last-child:after, .nobracket.hlist li li:last-child:after {
    content: "";
    font-weight: normal;
}

/* włącz zawijanie w szablonach nawigacych oprócz linków (zob. ]) */
.navbox.hwrap .hlist dd,
.navbox.hwrap .hlist dt,
.navbox.hwrap .hlist li {
    white-space: normal;
}

/* Mobilne porównanie zmian używa klasy `.hlist`, ale tam nie powinno być punktorów */
.skin-minerva .hlist.revision-history-links li::after {
	content: unset;
}