Template:多倫多公車局/styles.css

/* vi: set ts=4 sw=4 ai sm: */

/* 地鐵網路綫一覽 */
table.ttc-subway-routes {
}
table.ttc-subway-routes tr td:first-child {		/* 顏色 */
	width: 3em;
}
table.ttc-subway-routes tr td:nth-child(2) {	/* 編號 */
	width: 4.5em;
}
table.ttc-subway-routes tr td:nth-child(3) {	/* 英文綫名 */
	width: 6em;
}
table.ttc-subway-routes tr td:nth-child(4),		/* 頭站 */
table.ttc-subway-routes tr td:nth-child(5) {	/* 尾站 */
	width: 8.25em;
}
table.ttc-subway-routes tr td:nth-child(6) {	/* 幾長 */
	width: 4em;
	text-align:right;
	white-space:nowrap;
}
table.ttc-subway-routes tr td:nth-child(7) {	/* 通車 */
	text-align: center;
}

/* 個別路綫車站一覽 */
span.ttc-line-icon {
	display: inline-flex;
	flex-direction: row;
}
span.ttc-line-icon img {
	vertical-align: text-top;
	height: 1em !important;
	width: auto !important;
	margin-right: 0.2em;
}
span.ttc-line-icon + span.ttc-inactive a i,
span.ttc-line-icon + a i {	/* 未來路綫 */
	margin-left: -0.05em;
	margin-right: 0.05em;
}
span.ttc-inactive {
	opacity: 0.6; color: unset !important;	/* 模擬 #888888，原則上係 #88/255.0 = 0.533，但係如果保留藍／紅拎要深返少少 */
	filter: saturate(0);	/* 唔保留藍／紅拎 */
}
span.ttc-inactive i {
	font-style: oblique;
	/*font-style: normal; display: inline-block; transform: skew(-8deg);*/
}
span.ttc-inactive span.ttc-inactive {
	opacity: unset;
}

/* 出入口一覽（新），索性唔理 .ttc-entrances，搞掂埋 ｢總站路線資料｣ 同 ｢接駁交通｣ */
ul > li,
ul > li > ul {
        margin-top: 0;
        margin-bottom: 0;
}
ul ul > li:last-child {
        margin-bottom: 0.75em;
}

.ttc-disclaimer {
	margin-bottom: 1em;
	margin-right: 2em;
}
.ttc-disclaimer {
	display: flex;
	flex-direction: row;
	gap: 0em;
}
.ttc-disclaimer .disclaimer-icon {
	display: inline-block;
	flex: auto 0 0;
}
.ttc-disclaimer .disclaimer-message {
	display: inline-block;
	border: 2px solid currentColor;
	padding: 0.375em 1em 0.25em 1.5em;
	position: relative;
	margin-left: -1em;
	margin-top: 0.5em;
	z-index: -1;
}
.ttc-disclaimer .disclaimer-icon img {
	height: 2em!important;
	width: auto!important;
}
.ttc-inline-icon {
	display: inline-block;
	height: 1em;
	width: auto;
	top: -0.1em;
}

p + .ttc-disclaimer,
div + .ttc-disclaimer {
	margin-top: 1em;
}

/* 車站公共藝術 */
.ttc-artwork tr td {
	vertical-align: top;
}
.ttc-artwork tr td.artwork-caption {
	max-width: 220px;
}
.ttc-artwork tr td.artwork-caption img {
	padding-bottom: 0.333em;
}
.ttc-artwork tr td [typeof="mw:File/Frameless"] + p {
	margin: 0;
}
.ttc-artwork tr td [typeof="mw:File/Frameless"] + p [typeof="mw:File/Frameless"] {
	margin-top: 0.5em;
}

/* 明細模 */
span.ttc-icon {
	position: relative;
	top: -0.1em;	
}