でんでんコンバーターの縦書き用CSS
スタイルを変えたい場合は、このファイルをベースに変更するのが吉。
全体のフォントを変えたいときは、bodyl{}内のfont-familyを
見出しのフォントを変えたいときは、h1, h2, h3, h4, h5, h6 {}内のfont-familyを変更すればOK
各種見出しのサイズ変更は、h2{}などの、font-sizeを変更すればOK
最新版は以下よりDL可能
code:style.css
@charset "UTF-8";
/* でんでんコンバーター縦書きデフォルト */
html {
-ms-writing-mode: tb-rl;
-epub-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
font-family: serif, sans-serif;
}
body {
text-align: justify;
text-justify: inter-ideograph;
vertical-align: baseline;
word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
font-family: serif, sans-serif;
font-weight: normal;
color: inherit;
}
h1 {
font-size: 2em;
margin-right: 0.625em;
margin-left: 0.625em;
}
h2 {
font-size: 1.5em;
margin-right: 0.83333em;
margin-left: 0.83333em;
}
h3 {
font-size: 1.125em;
margin-right: 1.11111em;
margin-left: 1.11111em;
}
h4 {
font-size: 1em;
margin-right: 1.25em;
margin-left: 1.25em;
}
h5 {
font-size: 0.875em;
margin-right: 1.42857em;
margin-left: 1.42857em;
}
h6 {
font-size: 0.75em;
margin-right: 1.66667em;
margin-left: 1.66667em;
}
p {
margin-right: 1.25em;
margin-left: 1.25em;
/* line-height: 1.8; */
}
p, li, dt, dd {
/* line-height: 1.8; */
}
b, strong, dt, caption, figcaption, th {
font-family: sans-serif, serif;
}
blockquote, ul,
fieldset, form,
ol, dl, menu {
margin-right: 1.25em;
margin-left: 1.25em;
padding: 0;
}
blockquote blockquote, blockquote ol, blockquote ul, blockquote dl, ol blockquote, ol ol, ol ul, ol dl, ul blockquote, ul ol, ul ul, ul dl, dl blockquote, dl ol, dl ul, dl dl {
margin-right: 0em;
margin-left: 0em;
}
ol, ul, menu, dd {
margin-top: 2em;
}
a {
}
a:hover {
}
a:active {
}
pre {
white-space: pre-wrap;
}
img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
hr {
margin-right: 1.25em;
margin-left: 1.25em;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
rt {
font-family: serif, sans-serif;
}
.tcy {
-epub-text-combine: horizontal;
-webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-horizontal: all;
text-combine-upright: all;
}
.sideways {
-epub-text-orientation: sideways;
text-orientation: sideways;
}
.upright {
-epub-text-orientation: rotate-right;
-epub-text-orientation: upright;
-webkit-text-orientation: upright;
-epub-text-combine: horizontal;
-webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-horizontal: all;
text-combine-upright: all;
}
.pagenum {
color: gray;
font-size: 0.8em;
}
.footnotes hr {
margin-right: 1.25em;
margin-left: 1.25em;
}
.footnotes ol {
margin-top: 2em;
}
.footnotes li {
font-size: 0.875em;
}
a.noteref {
display: inline-block;
border: none;
font-size: 0.75em;
line-height: 1;
vertical-align: super;
-epub-text-combine: horizontal;
-webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-horizontal: all;
text-combine-upright: all;
}
a.noteref:before {
content: "[";
}
a.noteref:after {
content: "]";
}
nav#toc, nav#landmarks, nav#loi, nav#lot, nav#page-list {
margin-left: 2.5em;
}
nav#toc ol, nav#landmarks ol, nav#loi ol, nav#lot ol, nav#page-list ol {
margin-top: 1em;
}
.-epub-media-overlay-active {
background-color: yellow;
}
h2 {
margin-top: 0.66667em;
}
h3 {
margin-top: 1.77778em;
}
h4 {
margin-top: 3em;
font-family: sans-serif, serif;
}
blockquote {
margin-top: 1em;
}
p {
margin: 0;
}
a {
text-decoration: overline;
}
u {
text-decoration: overline;
}
em {
font-style: normal;
-epub-text-emphasis-style: filled sesame;
text-emphasis-style: filled sesame;
}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-pre-wrap { white-space: pre-wrap; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.sr-only {
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
}
@media print {
h1 {
page-break-before: always;
}
h1, h2, h3,
h4, h5, h6 {
page-break-after: avoid;
}
ul, ol, dl {
page-break-before: avoid;
}
}