wpl>Nux: czytelność grafiki w trybie ciemny i na nietypowych tłach; transparent nie jest zalecane: mw:Recommendations for night mode compatibility on Wikimedia wikis

2026-03-02T21:39:21Z

czytelność grafiki w trybie ciemny i na nietypowych tłach; transparent nie jest zalecane: mw:Recommendations for night mode compatibility on Wikimedia wikis

← poprzednia wersja		Wersja z 23:39, 2 mar 2026
Linia 6:		Linia 6:
	margin-top: 1em; /* odstęp pomiędzy navboksem a tekstem */		margin-top: 1em; /* odstęp pomiędzy navboksem a tekstem */
	clear: both;		clear: both;

			/* bazowe kolory, żeby tło nie wystawało */
			background-color: var(--background-color-base);
			color: var(--color-base);
	}		}

Linia 18:		Linia 22:

	.navbox.pionowy {		.navbox.pionowy {
	width: ~~250px~~; /* styl infoboksowy */		width: 260px; /* styl infoboksowy */
	float: right;		float: right;
	clear: right;		clear: right;
Linia 217:		Linia 221:
	}		}

			/* czzytelnisza grafika w trybie ciemnym; np.: [[Wikipedia:Komitet Arbitrażowy/Wybór członków]] */
			.navbox.pionowy .navbox-before {
			background-color: #eee3;
			}
	/* pionowy odwrotnie bo może mieć grafikę przed pierwszym spisem */		/* pionowy odwrotnie bo może mieć grafikę przed pierwszym spisem */
	.navbox.pionowy .navbox-even,		.navbox.pionowy .navbox-even,
	.navbox:not(.pionowy) .navbox-odd {		.navbox:not(.pionowy) .navbox-odd {
	background: ~~transparent~~;		background-color: #eee3;
	}		}
			.navbox.pionowy .mw-collapsible-content,
	.navbox.pionowy .navbox-odd,		.navbox.pionowy .navbox-odd,
	.navbox:not(.pionowy) .navbox-even {		.navbox:not(.pionowy) .navbox-even {
Linia 228:		Linia 237:

	.navbox .inner-group > div > div+div {		.navbox .inner-group > div > div+div {
	background: ~~transparent~~;		background-color: #eee3;
	}		}

Linia 259:		Linia 268:

	.navbox .references {		.navbox .references {
	background: ~~transparent~~;		background-color: #eee3;
	}		}

Żółty Kapłan: 1 wersja

2026-01-14T21:45:48Z

1 wersja

← poprzednia wersja		Wersja z 23:45, 14 sty 2026
(Brak różnic)

wpl>Malarz pl: Wycofano edycję użytkownika Malarz pl (dyskusja). Autor przywróconej wersji to Nux.

2025-12-20T17:04:03Z

Wycofano edycję użytkownika Malarz pl (dyskusja). Autor przywróconej wersji to Nux.

← poprzednia wersja		Wersja z 19:04, 20 gru 2025
(Brak różnic)

Żółty Kapłan: 1 wersja

2025-12-07T22:28:36Z

1 wersja

← poprzednia wersja		Wersja z 00:28, 8 gru 2025
(Brak różnic)

wpl>Nux: oficjalny breakpoint tabel

2025-07-06T22:06:57Z

oficjalny breakpoint tabel

Nowa strona

.navbox {
border: 1px solid var(--border-color-base, #a2a9b1);
margin: auto;
text-align: center;
padding: 3px;
margin-top: 1em; /* odstęp pomiędzy navboksem a tekstem */
clear: both;
}

table.navbox:not(.pionowy) {
width: 100%; /* pozostałość po starych szablonach, niekorzystających z [[Szablon:Szablon nawigacyjny]] */
}

.navbox + .navbox {
border-top: 0;
margin-top: 0; /* single pixel border between adjacent navboxes */
}

.navbox.pionowy {
width: 250px; /* styl infoboksowy */
float: right;
clear: right;
margin: 0 0 0.4em 1.4em;
}

.navbox.pionowy .before,
.navbox.pionowy .after {
padding: 0.5em 0;
text-align: center;
}

.navbox > .caption,
.navbox > tbody > tr > th {
background: #ccf; /* Dla trybu ciemnego zdefiniowane na końcu */
text-align: center;
font-weight: bold;
}

.navbox .tnavbar {
font-weight: normal;
font-size: xx-small;
white-space: nowrap;
padding: 0;
}
.navbox > .tnavbar {
margin-left: 1em;
float: left;
}
.navbox .below > hr+.tnavbar {
margin-left: auto;
margin-right: auto;
}
.navbox .below > .tnavbar:before {
content: "Ten szablon: ";
}
.navbox .tnavbar li:after {
content: " · ";
}
.navbox .tnavbar li:last-child:after {
content: none;
}
.navbox hr {
margin: 0.2em 1em;
}

.navbox .title {
background: #ddf; /* Dla trybu ciemnego zdefiniowane na końcu */
text-align: center;
font-weight: bold;
}

.navbox > .mw-collapsible-content:not(.grupa-szablonów-nawigacyjnych) {
margin-top: 2px;
padding: 0;
font-size: smaller;
overflow: auto;
}

.navbox .above+div,
.navbox .above+.navbox-main-content,
.navbox .below,
.navbox .title+.grid {
margin-top: 2px;
}

.navbox > .mw-collapsible-content > .above,
.navbox > .mw-collapsible-content > .below {
background: #ddf; /* Dla trybu ciemnego zdefiniowane na końcu */
text-align: center;
margin-left: auto;
margin-right: auto;
}

.navbox:not(.pionowy) .flex {
display: flex;
flex-direction: row;
}

.navbox .flex > .before,
.navbox .flex > .after {
align-self: center;
text-align: center;
}

.navbox .flex > .navbox-main-content {
flex-grow: 1;
}

.navbox:not(.pionowy) .before {
margin-right: 0.5em;
}

.navbox:not(.pionowy) .after {
margin-left: 0.5em;
}

.navbox .inner-columns,
.navbox .inner-group,
.navbox .inner-standard {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}

.navbox .inner-standard > tbody > tr > .opis {
text-align: right;
vertical-align: middle;
}
.navbox .inner-standard > tbody > tr > .opis+.spis {
border-left: 2px solid var(--background-color-base, #fff);
text-align: left;
}
.navbox .inner-standard > tbody > tr > td {
padding: 0;
width: 100%;
}
.navbox .inner-standard > tbody > tr > td:first-child {
text-align: center;
}
.navbox .inner-standard .inner-standard > tbody > tr > td {
text-align: left;
}
.navbox .inner-standard > tbody > tr > .navbox-odd,
.navbox .inner-standard > tbody > tr > .navbox-even {
padding: 0 0.3em;
}
.navbox .inner-standard > tbody > tr+tr > th,
.navbox .inner-standard > tbody > tr+tr > td {
border-top: 2px solid var(--background-color-base, #fff);
}
.navbox .inner-standard > tbody > tr > th+td {
border-left: 2px solid var(--background-color-base, #fff);
}

.navbox .inner-columns {
table-layout: fixed;
}

.navbox .inner-columns > tbody > tr > th,
.navbox .inner-columns > tbody > tr > td {
padding: 0;
border-left: 2px solid var(--background-color-base, #fff);
border-right: 2px solid var(--background-color-base, #fff);
}
.navbox .inner-columns > tbody > tr > td {
vertical-align: top;
}
.navbox .inner-columns > tbody > tr+tr > td {
border-top: 2px solid var(--background-color-base, #fff);
}
.navbox .inner-columns > tbody > tr > th:first-child,
.navbox .inner-columns > tbody > tr > td:first-child {
border-left: 0;
}
.navbox .inner-columns > tbody > tr > th:last-child,
.navbox .inner-columns > tbody > tr > td:last-child {
border-right: 0;
}
.navbox .inner-columns > tbody > tr > td > ul,
.navbox .inner-columns > tbody > tr > td > ol,
.navbox .inner-columns > tbody > tr > td > dl {
text-align: left;
column-width: 24em;
}

.navbox .inner-group > div+div, /* odstęp między grupami */
.navbox .inner-group > div > div+div,
.navbox .inner-group > div > div+table { /* odstęp między nagłówkiem a treścią */
margin-top: 2px;
}
.navbox .inner-group > div > .opis, /* opis czyli tytuł */
.navbox .inner-group > div > .spis { /* spis */
padding: 0.1em 1em;
text-align: center;
}
.navbox > .mw-collapsible-toggle,
.navbox .inner-group > div.mw-collapsible > .mw-collapsible-toggle {
width: 4em;
text-align: right;
margin-right: 0.4em;
}
.navbox > .fakebar,
.navbox .inner-group > div.mw-collapsible > .fakebar {
float: left;
width: 4em;
height: 1em;
}

.navbox .opis {
background: #ddf; /* Dla trybu ciemnego zdefiniowane na końcu */
padding: 0 1em;
white-space: nowrap;
font-weight: bold;
}
.navbox.pionowy .opis {
white-space: normal;
}

/* pionowy odwrotnie bo może mieć grafikę przed pierwszym spisem */
.navbox.pionowy .navbox-even,
.navbox:not(.pionowy) .navbox-odd {
background: transparent;
}
.navbox.pionowy .navbox-odd,
.navbox:not(.pionowy) .navbox-even {
background: var(--background-color-neutral-subtle, #f8f9fa);
}

.navbox .inner-group > div > div+div {
background: transparent;
}

.navbox p {
margin: 0;
padding: 0.3em 0;
}

/*.navbox .spis > ul,
.navbox .spis > dl,
.navbox .spis > ol {
margin: 0 0.5em;
}*/

/* Dla trybu ciemnego zdefiniowane na końcu */
.navbox.medaliści .opis.a1, .navbox.medaliści .a1 .opis { background: gold; }
.navbox.medaliści .opis.a2, .navbox.medaliści .a2 .opis { background: silver; }
.navbox.medaliści .opis.a3, .navbox.medaliści .a3 .opis { background: #c96; }

.navbox .navbox-main-content > ul,
.navbox .navbox-main-content > dl,
.navbox .navbox-main-content > ol {
column-width: 24em;
text-align: left;
}

.navbox ul {
list-style: none;
}

.navbox .references {
background: transparent;
}

/* włącz zawijanie w szablonach nawigacych oprócz linków (zob. [[Szablon:Laureaci Oscara za całokształt twórczości]]) */
.navbox .hwrap .hlist dd,
.navbox .hwrap .hlist dt,
.navbox .hwrap .hlist li {
white-space: normal;
}

.navbox .rok {
display: inline-block;
width: 4em;
padding-right: 0.5em;
text-align: right;
}

.navbox .navbox-statistics {
margin-top: 2px;
border-top: 1px solid var(--border-color-base, #a2a9b1);
text-align: center;
font-size: small;
}

.navbox-summary > .title {
font-weight: bold;
font-size: larger;
}

.navbox:not(.grupa-szablonów) .navbox { /* zabezpieczenie wyglądu na okoliczność zagnieżdżania */
margin: 0;
border: 0;
padding: 0;
}

.navbox.grupa-szablonów > .grupa-szablonów-nawigacyjnych > .navbox:first-child { /* Szablon:Grupa szablonów */
margin-top: 2px;
}

/* Mobilki */
@media (max-width: 800px) {
.navbox:not(.pionowy) .flex > .before,
.navbox:not(.pionowy) .flex > .after {
display: none;
}
.navbox:not(.pionowy) table,
.navbox:not(.pionowy) tbody {
display: block;
overflow: visible;
width: 100%;
box-sizing: border-box;
}
.navbox:not(.pionowy) .inner-standard tbody tr {
display: flex;
flex-direction: column;
}
.navbox:not(.pionowy) .inner-standard tbody tr .opis {
text-align: left;
}
/* marginesy dla grup (rodzice/dzieci) */
.navbox:not(.pionowy) table {
margin: 0;
padding: 0;
}
.navbox:not(.pionowy) table table {
margin: 0;
padding: 0;
border: 0 none #000;
padding-left: 2em;
width: 100%;
}
}

@media screen and (max-width: 639px) {
.navbox.pionowy {
width: 100%;
margin: 0;
float: none;
box-sizing: border-box;
font-size: 1rem;
}
.navbox.pionowy * {
box-sizing: border-box;
}
.navbox.pionowy table,
.navbox.pionowy tbody {
display: block;
overflow: visible;
width: 100%;
}
.navbox.pionowy .inner-standard tbody tr {
display: flex;
flex-direction: column;
}
}

.navbox .opis img,
.navbox .opis .flagicon,
.navbox > .caption > .flagicon,
.navbox > .caption > .image {
display: none;
}

/* Style dla trybu ciemnego */
@media screen {
html.skin-theme-clientpref-night .navbox > .caption,
html.skin-theme-clientpref-night .navbox > tbody > tr > th {
background-color: #3a3c3e;
}

html.skin-theme-clientpref-night .navbox .title,
html.skin-theme-clientpref-night .navbox > .mw-collapsible-content > .above,
html.skin-theme-clientpref-night .navbox > .mw-collapsible-content > .below,
html.skin-theme-clientpref-night .navbox .opis {
background-color: #303234;
}

html.skin-theme-clientpref-night .navbox.medaliści .opis.a1,
html.skin-theme-clientpref-night .navbox.medaliści .a1 .opis {
background: #715f00;
}
html.skin-theme-clientpref-night .navbox.medaliści .opis.a2,
html.skin-theme-clientpref-night .navbox.medaliści .a2 .opis {
background: #5f5f5f;
}
html.skin-theme-clientpref-night .navbox.medaliści .opis.a3,
html.skin-theme-clientpref-night .navbox.medaliści .a3 .opis {
background: #764617;
}
}

@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox > .caption,
html.skin-theme-clientpref-os .navbox > tbody > tr > th {
background-color: #3a3c3e;
}

html.skin-theme-clientpref-os .navbox .title,
html.skin-theme-clientpref-os .navbox > .mw-collapsible-content > .above,
html.skin-theme-clientpref-os .navbox > .mw-collapsible-content > .below,
html.skin-theme-clientpref-os .navbox .opis {
background-color: #303234;
}

html.skin-theme-clientpref-os .navbox.medaliści .opis.a1,
html.skin-theme-clientpref-os .navbox.medaliści .a1 .opis {
background: #715f00;
}
html.skin-theme-clientpref-os .navbox.medaliści .opis.a2,
html.skin-theme-clientpref-os .navbox.medaliści .a2 .opis {
background: #5f5f5f;
}
html.skin-theme-clientpref-os .navbox.medaliści .opis.a3,
html.skin-theme-clientpref-os .navbox.medaliści .a3 .opis {
background: #764617;
}
}

Szablon:Navbox/styles.css - Historia wersji

wpl>Nux: czytelność grafiki w trybie ciemny i na nietypowych tłach; transparent nie jest zalecane: mw:Recommendations for night mode compatibility on Wikimedia wikis

Żółty Kapłan: 1 wersja

wpl>Malarz pl: Wycofano edycję użytkownika Malarz pl (dyskusja). Autor przywróconej wersji to Nux.

Żółty Kapłan: 1 wersja

wpl>Nux: oficjalny breakpoint tabel