Szablon:Navbox/styles.css: Różnice pomiędzy wersjami

Aktualna wersja na dzień 09:07, 8 kwi 2022

.navbox {
	padding: 3px;
}

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

.navbox > .caption {
	background: #ccf;
	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;
	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;
	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 white;
	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 white;
}
.navbox .inner-standard > tbody > tr > th+td {
	border-left: 2px solid white;
}

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

.navbox .inner-columns > tbody > tr > th,
.navbox .inner-columns > tbody > tr > td {
	padding: 0;
	border-left: 2px solid white;
	border-right: 2px solid white;
}
.navbox .inner-columns > tbody > tr > td {
	vertical-align: top;
}
.navbox .inner-columns > tbody > tr+tr > td {
	border-top: 2px solid white;
}
.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;
	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;
/*	background: #fff7f7;*/
}
.navbox.pionowy .navbox-odd,
.navbox:not(.pionowy) .navbox-even {
	background: #f7f7f7;
}

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

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

@media (max-width: 800px) {
	.navbox:not(.pionowy) .flex > .before,
	.navbox:not(.pionowy) .flex > .after {
		display: none;
	}
}
.navbox .opis img,
.navbox .opis .flagicon,
.navbox > .caption > .flagicon,
.navbox > .caption > .image {
	display: none;
}