Szablon:Nux/szeroka-tabela.css

Z Wikipedii, wolnej encyklopedii
/**
	Wide wikitable or phone friendly table.
	[[Wikipedysta:Nux/test szerokie tabele wide-wikitable]]
*/
/* nowrap */
@media (min-width: 768px) {
	.wide-wikitable.nowrap th,
	.wide-wikitable.nowrap td {
		white-space: nowrap;
	}
	.wide-wikitable.sticky-top.nowrap {
		width: auto;
		overflow-x: scroll;
	}
}
/* left-right scroll */
.wide-wikitable.sticky-left {
	width: auto;
	overflow-x: scroll;
}
/* sticky header (top) */
.wide-wikitable.sticky-top tbody > tr:first-child {
	position: sticky;
	/*top: var(--top-bar-height, calc(3.125rem + 1px));*/
	top: calc(3.125rem + 1px);
	z-index: 10;
}
/* sticky left-column */
.wide-wikitable.sticky-left td:first-child,
.wide-wikitable.sticky-left th:first-child {
	position: sticky;
	left: 0;
	z-index: 10;
	border-left-style: solid;
}
/* wikitable without collapsing */
.wide-wikitable > table
{
	/* Note! Collapsing doesn't work well with sticky headers. */
	border-collapse:unset;
    border-spacing: 0;

	border-width: 1px;
	border-color:rgba(84,89,93,0.3);
    border-style: solid none none solid;

	background-color:#fff;
}
.wide-wikitable.sticky-left table {
    border-style: solid none none none;
}
.wide-wikitable tbody,
.wide-wikitable thead,
.wide-wikitable tr,
.wide-wikitable td,
.wide-wikitable th
{
	border-width: 1px;
	border-color: inherit;
}
.wide-wikitable td,
.wide-wikitable th
{
	border-right-style: solid;
	border-bottom-style: solid;
}
.wide-wikitable table > tr > th,
.wide-wikitable table > * > tr > th {
	background-color:#eaecf0;
	text-align:center
}