Module:Vertical header/styles.css

/* {{pp-template}} */
@supports (writing-mode: vertical-rl) {
	.ts-vertical-header {
		line-height: 1;
		max-width: 1em;
		padding: 0.4em;
		vertical-align: bottom;
		width: 1em;
	}
	
	html.client-js .sortable:not(.jquery-tablesorter) .ts-vertical-header:not(.unsortable),
	html.client-js .ts-vertical-header.headerSort {
		background-position: 50% .4em;
		padding-right: 0.4em;
		padding-top: 21px;
	}
	
	.ts-vertical-header.is-valign-top {
		vertical-align: top;
	}
	
	.ts-vertical-header.is-valign-middle {
		vertical-align: middle;
	}
	
	.ts-vertical-header.is-normal {
		font-weight: normal;
	}
	
	/* template text */
	.ts-vertical-header > * {
		display: inline-block;
		transform: rotate(180deg);
		writing-mode: vertical-rl;
	}
	
	@supports (writing-mode: sideways-lr) {
		.ts-vertical-header > * {
			transform: none;
			writing-mode: sideways-lr;
		}
	}
}