Template:Side annotation/styles-example.css

/* 模板:Side_annotation 的示例樣式。請勿在模板中使用<templatestyles> 標簽連結到此頁，因其會覆蓋自定義樣式。可複製本頁内容到索引頁樣式頁。*/
.wst-vertical-page{
	height:max-content;
	max-height:25em;
	line-height:1.5em;
}

.wst-side-container{
	display: contents;
}

.wst-vertical-page .wst-side-text-row{
	display: inline-block;
	margin-right: 1.2rem;
}

.wst-vertical-page .wst-side-text-row:last-child{
	position:relative;
}

.wst-vertical-page .wst-side-annotation-box{
	position:absolute;
	display:block;
	left:-0.3rem;
	color:black;
}

.wst-vertical-page .wst-side-annotation-row{
	height:25em; /* 應與 .wst-vertical-page 的 height 或 max-height 相同。*/
	font-size:small;
	display:block;
	text-align-last:justify;
	margin-right: 1.2rem; /* 應與 .wst-vertical-page .wst-side-text-row 的同名樣式相同。*/
}

.wst-vertical-page .wst-side-annotation-row:nth-child(2){
	text-align:end;
	text-align-last:end;
}

.wst-vertical-page .wst-side-annotation-row:nth-last-child(2){
	text-align:start;
	text-align-last:start;
}

.wst-vertical-page .wst-side-delimiter{
	display:inline;	
}

.wst-side-delimiter{
	display:inline-block;
	color:transparent;
	font-size:0;
	width:0.3rem;
}

.wst-side-annotation-row{
	font-size:x-small;
}