Edytujesz Szablon:Navbox/styles.css

.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;
	}
}