---
title: vertical theme
tags: theme
description: 由於直書編輯不易，本主題僅顯示於發表後的靜態頁面。This theme applies only to published static pages. It changes content layout to vertical writing common in many Asian languages.
---

<style>
body > #doc.markdown-body {
writing-mode: vertical-rl;
overflow-x: scroll !important;
font-size: 18px;
width: 100vw !important;
padding: 1em 2em;
max-width: 100vw;
height: calc(100% - 107px);
max-width: calc(70vw) !important;
letter-spacing: 0em !important;
}

body > #doc li.task-list-item {
position: relative;
}

body > #doc li.task-list-item > input[type="checkbox"].task-list-item-checkbox {
position: absolute;
top: -1.3em;
right: 7px;
}

body > #ui-toc-affix {
position: fixed;
right: 0px;
left: unset !important;
}

/* scrollbar patch */
body > #doc::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

body > #doc::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}

body > #doc::-webkit-scrollbar-thumb
{
background-color: #333;
}

body > #doc.markdown-body blockquote {
margin: 0 16px;
border-top: 0.25em solid #ddd;
border-left: 0px;
padding: 1em 0;
}

body > #doc.markdown-body p {
margin: 0;
text-align: justify;
}

body > #doc.markdown-body p:before {
content: '　　';
}

body > #doc.markdown-body h1,
body > #doc.markdown-body h2,
body > #doc.markdown-body h3,
body > #doc.markdown-body h4,
body > #doc.markdown-body h5,
body > #doc.markdown-body h6
{
margin: 0px 24px 16px 16px;
}

body > #doc hr {
height: 4em;
background-color: transparent;
width: 1.5em;
margin: 0 1em;
margin-top: calc(50% - 2em);
}

body > #doc hr:before {
content: '§§§';
color: black;
}

.ui-user-icon.small {
background-size: cover;
}

@media (max-width: 768px) {
body > .ui-infobar {
margin: 7px auto -25px auto;
}

body > .ui-infobar .ui-infobar__user-info li {
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
max-width: 140px;
margin-top: 5px;
}

body > #doc.markdown-body {
width: 100vw !important;
max-width: 100vw !important;
margin-top: 10px;
height: calc(100% - 84px);
}

.ui-toc {
bottom: 5px;
right: 60px !important;
}

.ui-toc .ui-toc-label, .ui-toc .ui-toc-label:hover, .ui-toc .ui-toc-label:active {
background-color: transparent;
color: #686868 !important;
opacity: 1;
}
}

</style>