Template:Generic cargo list/style.css

/* [[Category:Template styles]] */
div.gcl-center-extra-cols > table > * > tr > td:not(:first-child) { text-align:center; }
div.gcl-flex {
	display: flex;
	gap: 0 5px;
}

/* responsive mode */
@media all and (max-width: 719px) {
	div.gcl-responsive-cargo-list table {
		display: table;
		background-color: var(--item-primary);
	}
	div.gcl-responsive-cargo-list table > * > tr {
		display: block;
		margin: 0.2em;
	}
	div.gcl-responsive-cargo-list table > * > tr > * {
		display: block;
		font-size: 100% !important;
		text-align: left!important;
	}
	div.gcl-responsive-cargo-list table > * > tr > *::before {
		float: left;
		font-weight: bold;
		content: attr(data-label);
		margin-right: 0.75em;
	}
	/*div.gcl-responsive-cargo-list table > * > tr > * :is(ul, ol) {
		clear: left;
		text-align: left;
	}
	div.gcl-responsive-cargo-list table > * > tr:not(:last-child) {
		margin-bottom: 0.5em;
	}
	div.gcl-responsive-cargo-list table > thead,
	div.gcl-responsive-cargo-list table > * > tr:has(> th + th) {
		display: none;
	}*/
}