Template:广州巴士路线列表/styles.css

table.cnbus-normal {
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

table.cnbus-normal tr.line td {
	border-bottom-style: dotted;
}

table.cnbus-normal tr.route td {
	border-top-style: dotted;
	border-bottom-style: dotted;
}

table.cnbus-normal tr.msg td,
table.cnbus-normal tr.inactive td {
	background-color: var(--background-color-destructive-subtle, #ffe9e5);
	color: var(--color-subtle, #54595d);
}

table.cnbus-normal tr.msg td.msg {
	font-style: italic;
}

table.cnbus-normal tr td.bar,
table.cnbus-normal tr td.direction {
	width: 0;
	white-space: nowrap;
}

table.cnbus-normal tr.msg td.bar,
table.cnbus-normal tr.inactive td.bar {
	background-color: white;
}

table.cnbus-normal tr td.name {
	min-width: 4em;
	background-color: var(--background-color-neutral, #eaecf0);
	color: var(--color-base, #202122);
	font-weight: 600;
}

@media (max-width: 640px) {
	table.cnbus-normal tr td.name {
		min-width: 2em;
	}
}

table.cnbus-normal tr td.name > small {
	display: block;
	white-space: nowrap;
	font-size: .85em;
	font-weight: initial;
}

table.cnbus-normal.cnbus-l0 tr td.name {
	width: 12.5%;
}

table.cnbus-normal.cnbus-l1 tr td.name {
	width: 11%;
}

table.cnbus-normal.cnbus-l2 tr td.name {
	width: 10%;
}

table.cnbus-normal.cnbus-l3 tr td.name {
	width: 9.5%;
}

table.cnbus-normal.cnbus-l4 tr td.name,
table.cnbus-normal.cnbus-brt tr td.name {
	width: 9%;
}

table.cnbus-normal tr td.terminus-left,
table.cnbus-normal.cnbus-brt tr td.brt-left {
	border-right-style: dotted;
	text-align: right;
}

table.cnbus-normal tr td.terminus-right,
table.cnbus-normal.cnbus-brt tr td.brt-right {
	border-left-style: dotted;
	text-align: left;
}

table.cnbus-normal tr td.terminus-left > small,
table.cnbus-normal tr td.terminus-right > small,
table.cnbus-normal.cnbus-brt tr td.brt-left > small,
table.cnbus-normal.cnbus-brt tr td.brt-right > small {
	display: inline-block;
	font-size: .85em;
}

table.cnbus-normal.cnbus-l0 tr td.terminus-left,
table.cnbus-normal.cnbus-l0 tr td.terminus-right {
	width: 30%;
}

table.cnbus-normal.cnbus-l1 tr td.terminus-left,
table.cnbus-normal.cnbus-l1 tr td.terminus-right {
	width: 26.5%;
}

table.cnbus-normal.cnbus-l2 tr td.terminus-left,
table.cnbus-normal.cnbus-l2 tr td.terminus-right {
	width: 23.5%;
}

table.cnbus-normal.cnbus-l3 tr td.terminus-left,
table.cnbus-normal.cnbus-l3 tr td.terminus-right {
	width: 20.5%;
}

table.cnbus-normal.cnbus-l4 tr td.terminus-left,
table.cnbus-normal.cnbus-l4 tr td.terminus-right,
table.cnbus-normal.cnbus-brt tr td.terminus-left,
table.cnbus-normal.cnbus-brt tr td.terminus-right {
	width: 18%;
}

table.cnbus-normal.cnbus-brt tr td.brt-left,
table.cnbus-normal.cnbus-brt tr td.brt-right {
	width: 12%;
	min-width: 4em;
}

@media (max-width: 640px) {
	table.cnbus-normal.cnbus-brt tr td.brt-left,
	table.cnbus-normal.cnbus-brt tr td.brt-right {
		min-width: 2em;
	}
}

table.cnbus-normal tr td.direction {
	border-left-style: dotted;
	border-right-style: dotted;
	line-height: 1;
}

table.cnbus-normal tr td.direction > small {
	margin-left: -.3em;
	margin-right: -.3em;
	font-size: .7em;
	white-space: nowrap;
}

table.cnbus-normal tr th.fare {
	min-width: 2em;
}

@media (max-width: 640px) {
	table.cnbus-normal tr th.fare {
		min-width: 1em;
	}
}

@media (min-width: 1008px) {
	table.cnbus-normal tr th.fare {
		min-width: 3em;
	}
}

table.cnbus-normal tr th.operator {
	min-width: 3em;
}

@media (min-width: 1008px) {
	table.cnbus-normal tr th.operator {
		min-width: 4em;
	}
}

table.cnbus-normal.cnbus-brt tr th.operator {
	width: 9.5%;
}

table.cnbus-normal tr td.note {
	text-align: left;
	font-size: .85em;
}

table.cnbus-normal.cnbus-l0 tr td.note {
	width: 24%;
}

table.cnbus-normal.cnbus-l1 tr td.note {
	width: 21%;
}

table.cnbus-normal.cnbus-l2 tr td.note {
	width: 19%;
}

table.cnbus-normal.cnbus-l3 tr td.note {
	width: 17%;
}

table.cnbus-normal.cnbus-l4 tr td.note,
table.cnbus-normal.cnbus-brt tr td.note {
	width: 15%;
}