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

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