aboutsummaryrefslogtreecommitdiffhomepage
path: root/org/out_xmls_css.org
diff options
context:
space:
mode:
Diffstat (limited to 'org/out_xmls_css.org')
-rw-r--r--org/out_xmls_css.org2364
1 files changed, 2364 insertions, 0 deletions
diff --git a/org/out_xmls_css.org b/org/out_xmls_css.org
new file mode 100644
index 0000000..b16bee0
--- /dev/null
+++ b/org/out_xmls_css.org
@@ -0,0 +1,2364 @@
+-*- mode: org -*-
+#+TITLE: spine (doc_reform) defaults css
+#+DESCRIPTION: documents - structuring, publishing in multiple formats & search
+#+FILETAGS: :spine:output:xmls:css:
+#+AUTHOR: Ralph Amissah
+#+EMAIL: [[mailto:ralph.amissah@gmail.com][ralph.amissah@gmail.com]]
+#+COPYRIGHT: Copyright (C) 2015 - 2019 Ralph Amissah
+#+LANGUAGE: en
+#+STARTUP: indent content hideblocks hidestars
+#+OPTIONS: H:3 num:nil toc:t \n:nil @:t ::t |:t ^:nil _:nil -:t f:t *:t <:t
+#+OPTIONS: TeX:t LaTeX:t skip:nil d:nil todo:t pri:nil tags:not-in-toc
+#+OPTIONS: author:nil email:nil creator:nil timestamp:nil
+#+PROPERTY: header-args :padline no :exports code :cache no :noweb yes
+#+EXPORT_SELECT_TAGS: export
+#+EXPORT_EXCLUDE_TAGS: noexport
+#+TAGS: assert(a) class(c) debug(d) mixin(m) spine(s) tangle(T) template(t) WEB(W) noexport(n)
+
+- [[./spine.org][spine]] [[./][org/]]
+- [[./output_hub.org][output_hub]]
+
+* 0. output css defaults :module:spine:output_xmls_css:
+** _module template_
+
+#+BEGIN_SRC d :tangle "../src/doc_reform/output/xmls_css.d"
+/++
+ default css settings
++/
+module doc_reform.output.xmls_css;
+template DocReformCss() {
+ import std.format;
+ auto DocReformCss(M)(M doc_matters) {
+<<css_insert_shared_insert_variable_indent_values>>
+<<css_insert_shared_insert_variable_ocn_color_values>>
+ string _css_light_html_seg = format(q"┃
+<<css_light_shared>>
+<<css_light_html_seg>>
+┃",
+ _color_ocn_light,
+ _css_indent,
+ _color_ocn_light,
+);
+ string _css_dark_html_seg = format(q"┃
+<<css_dark_shared>>
+<<css_dark_html_seg>>
+┃",
+ _color_ocn_dark,
+ _css_indent,
+ _color_ocn_dark,
+);
+ string _css_light_html_scroll = format(q"┃
+<<css_light_shared>>
+<<css_light_html_scroll>>
+┃",
+ _color_ocn_light,
+ _css_indent,
+ _color_ocn_light,
+);
+ string _css_dark_html_scroll = format(q"┃
+<<css_dark_shared>>
+<<css_dark_html_scroll>>
+┃",
+ _color_ocn_dark,
+ _css_indent,
+ _color_ocn_dark,
+);
+ string _css_light_epub = format(q"┃
+<<css_light_shared>>
+<<css_light_epub>>
+┃",
+ _color_ocn_light,
+ _css_indent,
+ _color_ocn_light,
+);
+ string _css_dark_epub = format(q"┃
+<<css_dark_shared>>
+<<css_dark_epub>>
+┃",
+ _color_ocn_dark,
+ _css_indent,
+ _color_ocn_dark,
+);
+ auto css_() {
+ struct _CSS {
+ string html_seg = "/* DocReform css html seg stylesheet */\n";
+ string html_scroll = "/* DocReform css html scroll stylesheet */\n";
+ string epub = "/* DocReform css epub stylesheet */\n";
+ }
+ return _CSS();
+ }
+ auto css = css_();
+ if (doc_matters.opt.action.css_theme_default) {
+ css.html_seg ~= _css_light_html_seg;
+ css.html_scroll ~= _css_light_html_scroll;
+ css.epub ~= _css_light_epub;
+ } else {
+ css.html_seg ~= _css_dark_html_seg;
+ css.html_scroll ~= _css_dark_html_scroll;
+ css.epub ~= _css_dark_epub;
+ }
+ return css;
+ }
+}
+#+END_SRC
+
+** css light theme
+*** html shared
+**** general
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+ *{
+ padding : 0px;
+ margin : 0px;
+ }
+ body {
+ height : 100vh;
+ background-color : #FFFFFF;
+ }
+ body {
+ color : #000000;
+ background : #FFFFFF;
+ background-color : #FFFFFF;
+ }
+#+END_SRC
+
+**** link
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+ a:link {
+ color : #003399;
+ text-decoration : none;
+ }
+ a:visited {
+ color : #003399;
+ text-decoration : none;
+ }
+ a:hover {
+ color : #000000;
+ background-color : #F9F9AA;
+ }
+ a.lnkocn:link {
+ color : %s;
+ text-decoration : none;
+ }
+ a.lnkocn:visited {
+ color : #32CD32;
+ text-decoration : none;
+ }
+ a.lnkocn:hover {
+ color : #777777;
+ font-size : 15px;
+ }
+ a:hover img {
+ background-color : #FFFFFF;
+ }
+ a:active {
+ color : #003399;
+ text-decoration : underline;
+ }
+#+END_SRC
+
+**** div
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+ div {
+ margin-left : 0;
+ margin-right : 0;
+ }
+ div.p {
+ margin-left : 5%%;
+ margin-right : 1%%;
+ }
+ div.substance {
+ width : 100%%;
+ background-color : #FFFFFF;
+ }
+ div.ocn {
+ width : 5%%;
+ float : right;
+ top : 0;
+ background-color : #FFFFFF;
+ }
+ div.endnote {
+ width : 95%%;
+ background-color : #FFFFFF;
+ }
+ div.toc {
+ position : absolute;
+ float : left;
+ margin : 0;
+ padding : 0;
+ padding-top : 0.5em;
+ border : 0;
+ width : 13em;
+ background-color : #EEEEEE;
+ margin-right : 1em;
+ }
+ div.summary {
+ margin : 0;
+ padding : 0;
+ border-left : 13em solid #EEEEEE;
+ padding-left : 1em;
+ background-color : #EEEEEE;
+ }
+ div.content, div.main_column {
+ margin : 0;
+ padding : 0;
+ border-left : 13em solid #FFFFFF;
+ padding-left : 1em;
+ padding-right : 1em;
+ }
+ div.content0, div.main_column0 {
+ margin : 0;
+ padding : 0;
+ border-left : 0%% solid #FFFFFF;
+ padding-left : 5%%;
+ }
+ div.scroll {
+ margin : 0;
+ padding : 0;
+ padding-left : 1em;
+ padding-right : 1em;
+ }
+ div.content:after {
+ content : ' ';
+ clear : both;
+ display : block;
+ height : 0;
+ overflow : hidden;
+ }
+ div.footer {
+ clear : left;
+ padding : 0.5em;
+ font-size : 80%%;
+ margin : 0;
+ }
+ div.toc ul {
+ list-style : none;
+ padding : 0;
+ margin : 0;
+ }
+ div.toc li ul a, li ul span.currentlink
+ {
+ font-weight : normal;
+ font-size : 90%%;
+ padding-left : 2em;
+ background-color : #EEEEEE;
+ }
+ div.toc a, span.currentlink{
+ display : block;
+ text-decoration : none;
+ padding-left : 0.5em;
+ color : #0000aa;
+ }
+ hr {
+ width : 90%%;
+ margin-left : 5%%;
+ margin-right : 2em;
+ margin-top : 1.8em;
+ margin-bottom : 1.8em;
+ }
+ span.currentlink {
+ text-decoration : none;
+ background-color : #AAAAAA;
+ }
+ div.toc a:visited {
+ color : #0000aa;
+ }
+ div.toc a:hover {
+ color : #000000;
+ background-color : #F9F9AA;
+ }
+ nav#toc ol {
+ list-style-type : none;
+ }
+#+END_SRC
+
+**** paragraphs headings blocks
+***** misc
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+ .norm, .bold, .verse, .group, .block, .alt {
+ line-height : 133%%;
+ margin-top : 12px;
+ margin-bottom : 0px;
+ padding-left : 0em;
+ text-indent : 0em;
+ }
+ p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+ display : block;
+ font-family : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+ margin-left : 5%%;
+ margin-right : 2em;
+ }
+ p {
+ font-size : 100%%;
+ font-weight : normal;
+ line-height : 133%%;
+ text-align : justify;
+ text-indent : 0mm;
+ margin-top : 0.8em;
+ margin-bottom : 0.8em;
+ }
+#+END_SRC
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+ img {
+ max-width : 100%%;
+ height : auto;
+ }
+#+END_SRC
+
+***** code block
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+ pre {
+ width : auto;
+ display : block;
+ clear : both;
+ color : #555555;
+ }
+ pre.codeline {
+ display : table;
+ clear : both;
+ table-layout : fixed;
+ margin-left : 5%%;
+ margin-right : 5%%;
+ width : 90%%;
+ white-space : pre-wrap;
+ border-style : none;
+ border-radius : 5px 5px 5px 5px;
+ box-shadow : 0 2px 5px #AAAAAA inset;
+ margin-bottom : 1em;
+ padding : 0.5em 1em;
+ page-break-inside : avoid;
+ word-wrap : break-word;
+ font-family : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+ white-space : pre;
+ white-space : pre-wrap;
+ white-space : -moz-pre-wrap;
+ white-space : -o-pre-wrap;
+ background-color : #EEEEEE;
+ color : #000000;
+ font-size : 95%%;
+ line-height : 100%%;
+ }
+ pre.codeline::before {
+ counter-reset : linenum;
+ }
+ pre.codeline span.tr {
+ display : table-row;
+ counter-increment : linenum;
+ }
+ pre.codeline span.th {
+ display : table-cell;
+ user-select : none;
+ -moz-user-select : none;
+ -webkit-user-select : none;
+ padding : 0.5em 0.5em;
+ /* background-color : #666666; */
+ }
+ pre.codeline span.th::before {
+ content : counter(linenum) ".";
+ color : #999999;
+ text-align : right;
+ display : block;
+ }
+ pre.codeline span.th {
+ width : 4em;
+ }
+ pre.codeline code {
+ display : table-cell;
+ }
+ p.code {
+ border-style : none;
+ }
+#+END_SRC
+
+***** paragraph general
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+ p.spaced { white-space : pre; }
+ p.block {
+ white-space : pre;
+ }
+ p.group { }
+ p.alt { }
+ p.verse {
+ white-space : pre;
+ margin-bottom : 6px;
+ }
+ p.caption {
+ text-align : left;
+ font-size : 80%%;
+ display : inline;
+ }
+ p.endnote {
+ font-size : 96%%;
+ line-height : 120%%;
+ text-align : left;
+ margin-right : 15mm;
+ }
+ p.endnote_indent {
+ font-size : 96%%;
+ line-height : 120%%;
+ text-align : left;
+ margin-left : 2em;
+ margin-right : 15mm;
+ }
+ p.center {
+ text-align : center;
+ }
+ p.bold {
+ font-weight : bold;
+ }
+ p.bold_left {
+ font-weight : bold;
+ text-align : left;
+ }
+ p.centerbold {
+ text-align : center;
+ font-weight : bold;
+ }
+ p.em {
+ font-weight : bold;
+ font-style : normal;
+ background : #FFF3B6;
+ }
+ p.small {
+ font-size : 80%%;
+ margin-top : 0px;
+ margin-bottom : 0px;
+ margin-right : 6px;
+ text-align : left;
+ }
+ .tiny, .tiny_left, .tiny_right, .tiny_center {
+ font-size : 10px;
+ margin-top : 0px;
+ margin-bottom : 0px;
+ color : #777777;
+ margin-right : 6px;
+ text-align : left;
+ }
+ p.tiny { }
+ p.tiny_left {
+ margin-left : 0px;
+ margin-right : 0px;
+ text-align : left;
+ }
+ p.tiny_right {
+ margin-right : 1em;
+ text-align : right;
+ }
+ p.tiny_center {
+ margin-left : 0px;
+ margin-right : 0px;
+ text-align : center;
+ }
+ p.concordance_word {
+ line-height : 150%%;
+ font-weight : bold;
+ display : inline;
+ margin-top : 4px;
+ margin-bottom : 1px;
+ }
+ p.concordance_count {
+ font-size : 80%%;
+ color : #777777;
+ display : inline;
+ margin-left : 0em;
+ }
+ p.concordance_object {
+ font-size : 80%%;
+ line-height : 120%%;
+ text-align : left;
+ margin-left : 3em;
+ margin-top : 1px;
+ margin-bottom : 3px;
+ }
+ p.book_index_lev1 {
+ line-height : 100%%;
+ margin-top : 4px;
+ margin-bottom : 1px;
+ }
+ p.book_index_lev2 {
+ line-height : 100%%;
+ text-align : left;
+ margin-left : 3em;
+ margin-top : 1px;
+ margin-bottom : 3px;
+ }
+ tt {
+ font-family : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+ background-color : #EEEEEE;
+ color : #000000;
+ }
+#+END_SRC
+
+***** paragraph indent
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+%s
+#+END_SRC
+
+***** misc including tables & lists
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+ note { white-space : pre; }
+ label.ocn {
+ width : 2%%;
+ float : right;
+ top : 0;
+ font-size : 10px;
+ margin-top : 0px;
+ margin-bottom : 5px;
+ margin-right : 5px;
+ text-align : right;
+ color : %s;
+ -khtml-user-select : none;
+ -moz-user-select : none;
+ -ms-user-select : none;
+ -o-user-select : none;
+ -webkit-user-select : none;
+ user-select : none;
+ }
+ table {
+ display : block;
+ margin-left : 5%%;
+ margin-right : 2em;
+ background-color : inherit;
+ }
+ tr { }
+ th,td {
+ vertical-align : top;
+ text-align : left;
+ }
+ th {
+ font-weight : bold;
+ }
+ em {
+ font-weight : bold;
+ font-style : italic;
+ }
+ p.left,th.left,td.left {
+ text-align : left;
+ }
+ p.small_left,th.small_left,td.small_left {
+ text-align : left;
+ font-size : 80%%;
+ }
+ p.right,th.right,td.right {
+ text-align : right;
+ }
+ ul, li {
+ list-style-type : none;
+ list-style : none;
+ padding-left : 20px;
+ font-weight : normal;
+ line-height : 150%%;
+ text-align : left;
+ text-indent : 0mm;
+ margin-left : 1em;
+ margin-right : 2em;
+ margin-top : 3px;
+ margin-bottom : 3px;
+ }
+ li {
+ background : url(../image_sys/bullet_09.png) no-repeat 0px 6px;
+ }
+ ul { }
+#+END_SRC
+
+***** headings
+
+#+name: css_light_shared
+#+BEGIN_SRC css
+ h0, h1, h2, h3, h4, h5, h6, h7 {
+ font-weight : bold;
+ line-height : 120%%;
+ text-align : left;
+ margin-top : 20px;
+ margin-bottom : 10px;
+ }
+ h4.norm, h5.norm, h6.norm, h7.norm {
+ margin-top : 10px;
+ margin-bottom : 0px;
+ }
+ h0 { font-size : 125%%; }
+ h1 { font-size : 120%%; }
+ h2 { font-size : 115%%; }
+ h3 { font-size : 110%%; }
+ h4 { font-size : 105%%; }
+ h5 { font-size : 100%%; }
+ h6 { font-size : 100%%; }
+ h7 { font-size : 100%%; }
+ h0, h1, h2, h3, h4, h5, h6, h7 {
+ text-shadow : .2em .2em .3em #808080;
+ }
+ h1.i { margin-left : 2em; }
+ h2.i { margin-left : 3em; }
+ h3.i { margin-left : 4em; }
+ h4.i { margin-left : 5em; }
+ h5.i { margin-left : 6em; }
+ h6.i { margin-left : 7em; }
+ h7.i { margin-left : 8em; }
+ h8.i { margin-left : 9em; }
+ h9.i { margin-left : 10em; }
+ .toc {
+ font-weight : normal;
+ margin-top : 6px;
+ margin-bottom : 6px;
+ }
+ h0.toc {
+ margin-left : 1em;
+ font-size : 120%%;
+ line-height : 150%%;
+ }
+ h1.toc {
+ margin-left : 1em;
+ font-size : 115%%;
+ line-height : 150%%;
+ }
+ h2.toc {
+ margin-left : 2em;
+ font-size : 110%%;
+ line-height : 140%%;
+ }
+ h3.toc {
+ margin-left : 3em;
+ font-size : 105%%;
+ line-height : 120%%;
+ }
+ h4.toc {
+ margin-left : 4em;
+ font-size : 100%%;
+ line-height : 120%%;
+ }
+ h5.toc {
+ margin-left : 5em;
+ font-size : 95%%;
+ line-height : 110%%;
+ }
+ h6.toc {
+ margin-left : 6em;
+ font-size : 90%%;
+ line-height : 110%%;
+ }
+ h7.toc {
+ margin-left : 7em;
+ font-size : 85%%;
+ line-height : 100%%;
+ }
+ .subtoc {
+ margin-right : 34%%;
+ font-weight : normal;
+ }
+ h5.subtoc {
+ margin-left : 2em;
+ font-size : 80%%;
+ margin-top : 2px;
+ margin-bottom : 2px;
+ }
+ h6.subtoc {
+ margin-left : 3em;
+ font-size : 75%%;
+ margin-top : 0px;
+ margin-bottom : 0px;
+ }
+ h7.subtoc {
+ margin-left : 4em;
+ font-size : 70%%;
+ margin-top : 0px;
+ margin-bottom : 0px;
+ }
+#+END_SRC
+
+*** html seg
+**** previous next
+
+#+name: css_light_html_seg
+#+BEGIN_SRC css
+ .icon-bar {
+ width : 100%%;
+ overflow : auto;
+ margin : 0em 0em 0em;
+ }
+ .left-bar {
+ width : 85%%;
+ float : left;
+ display : inline;
+ overflow : auto;
+ }
+ .toc-button {
+ position : absolute;
+ top : 8px;
+ width : 2em;
+ height : 2em;
+ border-radius : 50%%;
+ background : #CCCCCC;
+ fill : #333333;
+ box-shadow : 0 2px 5px #AAAAAA inset;
+ }
+ .toc-button svg {
+ position : relative;
+ left : 25%%;
+ top : 25%%;
+ width : 150%%;
+ height : 150%%;
+ }
+ .toc-button p {
+ vertical-align : center;
+ font-size : 120%%;
+ }
+ .prev-next-button {
+ position : absolute;
+ top : 8px;
+ width : 2em;
+ height : 2em;
+ border-radius : 50%%;
+ background : #CCCCCC;
+ box-shadow : 0 2px 5px #AAAAAA inset;
+ }
+ .prev-next-button svg {
+ position : relative;
+ left : 20%%;
+ top : 20%%;
+ width : 60%%;
+ height : 60%%;
+ }
+ .menu {
+ right : 6em;
+ }
+ .previous {
+ right : 3em;
+ }
+ .next {
+ right : 0em;
+ }
+ .arrow {
+ fill : #333333;
+ }
+ .minitoc {
+ line-height : 100%%;
+ font-size : 90%%;
+ margin-top : 6px;
+ margin-bottom : 0px;
+ padding-left : 0em;
+ text-indent : 0em;
+ -khtml-user-select : none;
+ -moz-user-select : none;
+ -ms-user-select : none;
+ -o-user-select : none;
+ -webkit-user-select : none;
+ user-select : none;
+ }
+#+END_SRC
+
+**** flex
+
+#+name: css_light_html_seg
+#+BEGIN_SRC css
+ /* flex */
+ .flex-menu-bar {
+ display : -webkit-flex;
+ display : flex;
+ -webkit-flex-wrap : wrap;
+ -webkit-align-items : center;
+ align-items : center;
+ width : 100%%;
+ margin-left : 5%%;
+ margin-right : 2%%;
+ background-color : #FFFFFF;
+ }
+ .flex-menu-option {
+ background-color : #FFFFFF;
+ margin-right : 4px;
+ }
+ .flex-list {
+ display : -webkit-flex;
+ display : flex;
+ -webkit-align-items : center;
+ display : block;
+ align-items : center;
+ width : 100%%;
+ background-color : #FFFFFF;
+ }
+ .flex-list-item {
+ background-color : #FFFFFF;
+ margin : 4px;
+ }
+#+END_SRC
+
+**** TODO grid
+
+Consider what if anything should be used here
+
+#+name: css_light_html_seg
+#+BEGIN_SRC css
+ /* grid */
+ .wrapper {
+ display : grid;
+ grid-template-columns : 100%%;
+ grid-template-areas :
+ "headband"
+ "doc_header"
+ "doc_title"
+ "doc_toc"
+ "doc_prefix"
+ "doc_intro"
+ "doc_body"
+ "doc_endnotes"
+ "doc_glossary"
+ "doc_biblio"
+ "doc_bookindex"
+ "doc_blurb"
+ "doc_suffix";
+ margin : 0px;
+ padding : 0px;
+ background-color : #FFFFFF;
+ }
+ .delimit {
+ border-style : none;
+ border-color : #FFFFFF;
+ padding : 10px;
+ }
+ .headband {
+ grid-area : headband;
+ background-color : #FFFFFF;
+ }
+ .doc_header {
+ grid-area : doc_header;
+ }
+ .doc_title {
+ grid-area : doc_title;
+ }
+ .doc_toc {
+ grid-area : doc_toc;
+ }
+ .doc_prefix {
+ grid-area : doc_prefix;
+ }
+ .doc_intro {
+ grid-area : doc_intro;
+ }
+ .doc_body {
+ grid-area : doc_body;
+ }
+ .doc_endnotes {
+ grid-area : doc_endnotes;
+ }
+ .doc_glossary {
+ grid-area : doc_glossary;
+ }
+ .doc_biblio {
+ grid-area : doc_biblio;
+ }
+ .doc_bookindex {
+ grid-area : doc_bookindex;
+ }
+ .doc_blurb {
+ grid-area : doc_blurb;
+ }
+ .doc_suffix {
+ grid-area : doc_suffix;
+ }
+ .nav-ul {
+ list-style : none;
+ float : left;
+ }
+ .nav-li {
+ float : left;
+ padding-right : 0.7em;
+ }
+ .nav-li a {
+ text-decoration : none;
+ color : #FFFFFF;
+ }
+ footer {
+ background-color : #00704E;
+ }
+#+END_SRC
+
+*** html scroll
+**** flex
+
+#+name: css_light_html_scroll
+#+BEGIN_SRC css
+ /* flex */
+ .flex-menu-bar {
+ display : -webkit-flex;
+ display : flex;
+ -webkit-flex-wrap : wrap;
+ -webkit-align-items : center;
+ align-items : center;
+ width : 100%%;
+ margin-left : 5%%;
+ margin-right : 2%%;
+ background-color : #FFFFFF;
+ }
+ .flex-menu-option {
+ background-color : #FFFFFF;
+ margin-right : 4px;
+ }
+ .flex-list {
+ display : -webkit-flex;
+ display : flex;
+ -webkit-align-items : center;
+ display : block;
+ align-items : center;
+ width : 100%%;
+ background-color : #FFFFFF;
+ }
+ .flex-list-item {
+ background-color : #FFFFFF;
+ margin : 4px;
+ }
+#+END_SRC
+
+**** grid
+
+#+name: css_light_html_scroll
+#+BEGIN_SRC css
+ /* grid */
+ .wrapper {
+ display : grid;
+ grid-template-columns : 100%%;
+ grid-template-areas :
+ "headband"
+ "doc_header"
+ "doc_title"
+ "doc_toc"
+ "doc_prefix"
+ "doc_intro"
+ "doc_body"
+ "doc_endnotes"
+ "doc_glossary"
+ "doc_biblio"
+ "doc_bookindex"
+ "doc_blurb"
+ "doc_suffix";
+ margin : 0px;
+ padding : 0px;
+ background-color : #FFFFFF;
+ }
+ .delimit {
+ border-style : none;
+ border-color : #FFFFFF;
+ padding : 10px;
+ }
+ .headband {
+ grid-area : headband;
+ background-color : #FFFFFF;
+ }
+ .doc_header {
+ grid-area : doc_header;
+ }
+ .doc_title {
+ grid-area : doc_title;
+ }
+ .doc_toc {
+ grid-area : doc_toc;
+ }
+ .doc_prefix {
+ grid-area : doc_prefix;
+ }
+ .doc_intro {
+ grid-area : doc_intro;
+ }
+ .doc_body {
+ grid-area : doc_body;
+ }
+ .doc_endnotes {
+ grid-area : doc_endnotes;
+ }
+ .doc_glossary {
+ grid-area : doc_glossary;
+ }
+ .doc_biblio {
+ grid-area : doc_biblio;
+ }
+ .doc_bookindex {
+ grid-area : doc_bookindex;
+ }
+ .doc_blurb {
+ grid-area : doc_blurb;
+ }
+ .doc_suffix {
+ grid-area : doc_suffix;
+ }
+ .nav-ul {
+ list-style : none;
+ float : left;
+ }
+ .nav-li {
+ float : left;
+ padding-right : 0.7em;
+ }
+ .nav-li a {
+ text-decoration : none;
+ color : #FFFFFF;
+ }
+ footer {
+ background-color : #00704E;
+ }
+#+END_SRC
+
+*** epub xhtml
+
+#+name: css_light_epub
+#+BEGIN_SRC css
+#+END_SRC
+
+** css dark theme
+*** html shared
+**** general
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+ *{
+ padding : 0px;
+ margin : 0px;
+ }
+ body {
+ height : 100vh;
+ background-color : #000000;
+ }
+ body {
+ color : #CCCCCC;
+ background : #000000;
+ background-color : #000000;
+ }
+#+END_SRC
+
+**** link
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+ a:link {
+ color : #FFFFFF;
+ text-decoration : none;
+ }
+ a:visited {
+ color : #999999;
+ text-decoration : none;
+ }
+ a:hover {
+ color : #000000;
+ background-color : #555555;
+ }
+ a.lnkocn:link {
+ color : %s;
+ text-decoration : none;
+ }
+ a.lnkocn:visited {
+ color : #9ACD32;
+ text-decoration : none;
+ }
+ a.lnkocn:hover {
+ color : #BBBBBB;
+ font-size : 15px;
+ }
+ a:hover img {
+ background-color : #000000;
+ }
+ a:active {
+ color : #888888;
+ text-decoration : underline;
+ }
+#+END_SRC
+
+**** div
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+ div {
+ margin-left : 0;
+ margin-right : 0;
+ }
+ div.p {
+ margin-left : 5%%;
+ margin-right : 1%%;
+ }
+ div.substance {
+ width : 100%%;
+ background-color : #000000;
+ }
+ div.ocn {
+ width : 5%%;
+ float : right;
+ top : 0;
+ background-color : #000000;
+ }
+ div.endnote {
+ width : 95%%;
+ background-color : #000000;
+ }
+ div.toc {
+ position : absolute;
+ float : left;
+ margin : 0;
+ padding : 0;
+ padding-top : 0.5em;
+ border : 0;
+ width : 13em;
+ background-color : #111111;
+ margin-right : 1em;
+ }
+ div.summary {
+ margin : 0;
+ padding : 0;
+ border-left : 13em solid #111111;
+ padding-left : 1em;
+ background-color : #111111;
+ }
+ div.content, div.main_column {
+ margin : 0;
+ padding : 0;
+ border-left : 13em solid #000000;
+ padding-left : 1em;
+ padding-right : 1em;
+ }
+ div.content0, div.main_column0 {
+ margin : 0;
+ padding : 0;
+ border-left : 0%% solid #000000;
+ padding-left : 5%%;
+ }
+ div.scroll {
+ margin : 0;
+ padding : 0;
+ padding-left : 1em;
+ padding-right : 1em;
+ }
+ div.content:after {
+ content : ' ';
+ clear : both;
+ display : block;
+ height : 0;
+ overflow : hidden;
+ }
+ div.footer {
+ clear : left;
+ padding : 0.5em;
+ font-size : 80%%;
+ margin : 0;
+ }
+ div.toc ul {
+ list-style : none;
+ padding : 0;
+ margin : 0;
+ }
+ div.toc li ul a, li ul span.currentlink
+ {
+ font-weight : normal;
+ font-size : 90%%;
+ padding-left : 2em;
+ background-color : #111111;
+ }
+ div.toc a, span.currentlink{
+ display : block;
+ text-decoration : none;
+ padding-left : 0.5em;
+ color : #FF00AA;
+ }
+ hr {
+ width : 90%%;
+ margin-left : 5%%;
+ margin-right : 2em;
+ margin-top : 1.8em;
+ margin-bottom : 1.8em;
+ }
+ span.currentlink {
+ text-decoration : none;
+ background-color : #AAAAF9;
+ }
+ div.toc a:visited {
+ color : #FF00AA;
+ }
+ div.toc a:hover {
+ color : #CCCCCC;
+ background-color : #F9F9AA;
+ }
+ nav#toc ol {
+ list-style-type : none;
+ }
+#+END_SRC
+
+**** paragraphs headings blocks
+***** misc
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+ .norm, .bold, .verse, .group, .block, .alt {
+ line-height : 133%%;
+ margin-top : 12px;
+ margin-bottom : 0px;
+ padding-left : 0em;
+ text-indent : 0em;
+ }
+ p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li {
+ display : block;
+ font-family : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
+ margin-left : 5%%;
+ margin-right : 2em;
+ }
+ p {
+ font-size : 100%%;
+ font-weight : normal;
+ line-height : 133%%;
+ text-align : justify;
+ text-indent : 0mm;
+ margin-top : 0.8em;
+ margin-bottom : 0.8em;
+ }
+#+END_SRC
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+ img {
+ max-width : 100%%;
+ height : auto;
+ }
+#+END_SRC
+
+***** code block
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+ pre {
+ width : auto;
+ display : block;
+ clear : both;
+ color : #555555;
+ }
+ pre.codeline {
+ display : table;
+ clear : both;
+ table-layout : fixed;
+ margin-left : 5%%;
+ margin-right : 5%%;
+ width : 90%%;
+ white-space : pre-wrap;
+ border-style : none;
+ border-radius : 5px 5px 5px 5px;
+ box-shadow : 0 2px 5px #AAAAAA inset;
+ margin-bottom : 1em;
+ padding : 0.5em 1em;
+ page-break-inside : avoid;
+ word-wrap : break-word;
+ font-family : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+ white-space : pre;
+ white-space : pre-wrap;
+ white-space : -moz-pre-wrap;
+ white-space : -o-pre-wrap;
+ background-color : #555555;
+ color : #DDDDDD;
+ font-size : 95%%;
+ line-height : 100%%;
+ }
+ pre.codeline::before {
+ counter-reset : linenum;
+ }
+ pre.codeline span.tr {
+ display : table-row;
+ counter-increment : linenum;
+ }
+ pre.codeline span.th {
+ display : table-cell;
+ user-select : none;
+ -moz-user-select : none;
+ -webkit-user-select : none;
+ padding : 0.5em 0.5em;
+ }
+ pre.codeline span.th::before {
+ content : counter(linenum) ".";
+ color : #999999;
+ text-align : right;
+ display : block;
+ }
+ pre.codeline span.th {
+ width : 4em;
+ }
+ pre.codeline code {
+ display : table-cell;
+ }
+ p.code {
+ border-style : none;
+ }
+#+END_SRC
+
+***** paragraph general
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+ p.spaced { white-space : pre; }
+ p.block {
+ white-space : pre;
+ }
+ p.group { }
+ p.alt { }
+ p.verse {
+ white-space : pre;
+ margin-bottom : 6px;
+ }
+ p.caption {
+ text-align : left;
+ font-size : 80%%;
+ display : inline;
+ }
+ p.endnote {
+ font-size : 96%%;
+ line-height : 120%%;
+ text-align : left;
+ margin-right : 15mm;
+ }
+ p.endnote_indent {
+ font-size : 96%%;
+ line-height : 120%%;
+ text-align : left;
+ margin-left : 2em;
+ margin-right : 15mm;
+ }
+ p.center {
+ text-align : center;
+ }
+ p.bold {
+ font-weight : bold;
+ }
+ p.bold_left {
+ font-weight : bold;
+ text-align : left;
+ }
+ p.centerbold {
+ text-align : center;
+ font-weight : bold;
+ }
+ p.em {
+ font-weight : bold;
+ font-style : normal;
+ background : #FFF3B6;
+ }
+ p.small {
+ font-size : 80%%;
+ margin-top : 0px;
+ margin-bottom : 0px;
+ margin-right : 6px;
+ text-align : left;
+ }
+ .tiny, .tiny_left, .tiny_right, .tiny_center {
+ font-size : 10px;
+ margin-top : 0px;
+ margin-bottom : 0px;
+ color : #EEEEEE;
+ margin-right : 6px;
+ text-align : left;
+ }
+ p.tiny { }
+ p.tiny_left {
+ margin-left : 0px;
+ margin-right : 0px;
+ text-align : left;
+ }
+ p.tiny_right {
+ margin-right : 1em;
+ text-align : right;
+ }
+ p.tiny_center {
+ margin-left : 0px;
+ margin-right : 0px;
+ text-align : center;
+ }
+ p.concordance_word {
+ line-height : 150%%;
+ font-weight : bold;
+ display : inline;
+ margin-top : 4px;
+ margin-bottom : 1px;
+ }
+ p.concordance_count {
+ font-size : 80%%;
+ color : #555555;
+ display : inline;
+ margin-left : 0em;
+ }
+ p.concordance_object {
+ font-size : 80%%;
+ line-height : 120%%;
+ text-align : left;
+ margin-left : 3em;
+ margin-top : 1px;
+ margin-bottom : 3px;
+ }
+ p.book_index_lev1 {
+ line-height : 100%%;
+ margin-top : 4px;
+ margin-bottom : 1px;
+ }
+ p.book_index_lev2 {
+ line-height : 100%%;
+ text-align : left;
+ margin-left : 3em;
+ margin-top : 1px;
+ margin-bottom : 3px;
+ }
+ tt {
+ font-family : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace;
+ background-color : #555555;
+ color : #DDDDDD;
+ }
+#+END_SRC
+
+***** paragraph indent
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+%s
+#+END_SRC
+
+***** misc including tables & lists
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+ note { white-space : pre; }
+ label.ocn {
+ width : 2%%;
+ float : right;
+ top : 0;
+ font-size : 10px;
+ margin-top : 0px;
+ margin-bottom : 5px;
+ margin-right : 5px;
+ text-align : right;
+ color : %s;
+ -khtml-user-select : none;
+ -moz-user-select : none;
+ -ms-user-select : none;
+ -o-user-select : none;
+ -webkit-user-select : none;
+ user-select : none;
+ }
+ table {
+ display : block;
+ margin-left : 5%%;
+ margin-right : 2em;
+ background-color : inherit;
+ }
+ tr { }
+ th,td {
+ vertical-align : top;
+ text-align : left;
+ }
+ th {
+ font-weight : bold;
+ }
+ em {
+ font-weight : bold;
+ font-style : italic;
+ }
+ p.left,th.left,td.left {
+ text-align : left;
+ }
+ p.small_left,th.small_left,td.small_left {
+ text-align : left;
+ font-size : 80%%;
+ }
+ p.right,th.right,td.right {
+ text-align : right;
+ }
+ ul, li {
+ list-style-type : none;
+ list-style : none;
+ padding-left : 20px;
+ font-weight : normal;
+ line-height : 150%%;
+ text-align : left;
+ text-indent : 0mm;
+ margin-left : 1em;
+ margin-right : 2em;
+ margin-top : 3px;
+ margin-bottom : 3px;
+ }
+ li {
+ background : (../image_sys/bullet_09.png) no-repeat 0px 6px;
+ }
+ ul { }
+#+END_SRC
+
+***** headings
+
+#+name: css_dark_shared
+#+BEGIN_SRC css
+ h0, h1, h2, h3, h4, h5, h6, h7 {
+ font-weight : bold;
+ line-height : 120%%;
+ text-align : left;
+ margin-top : 20px;
+ margin-bottom : 10px;
+ }
+ h4.norm, h5.norm, h6.norm, h7.norm {
+ margin-top : 10px;
+ margin-bottom : 0px;
+ }
+ h0 { font-size : 125%%; }
+ h1 { font-size : 120%%; }
+ h2 { font-size : 115%%; }
+ h3 { font-size : 110%%; }
+ h4 { font-size : 105%%; }
+ h5 { font-size : 100%%; }
+ h6 { font-size : 100%%; }
+ h7 { font-size : 100%%; }
+ h0, h1, h2, h3, h4, h5, h6, h7 {
+ text-shadow : .2em .2em .3em #999999;
+ }
+ h1.i { margin-left : 2em; }
+ h2.i { margin-left : 3em; }
+ h3.i { margin-left : 4em; }
+ h4.i { margin-left : 5em; }
+ h5.i { margin-left : 6em; }
+ h6.i { margin-left : 7em; }
+ h7.i { margin-left : 8em; }
+ h8.i { margin-left : 9em; }
+ h9.i { margin-left : 10em; }
+ .toc {
+ font-weight : normal;
+ margin-top : 6px;
+ margin-bottom : 6px;
+ }
+ h0.toc {
+ margin-left : 1em;
+ font-size : 120%%;
+ line-height : 150%%;
+ }
+ h1.toc {
+ margin-left : 1em;
+ font-size : 115%%;
+ line-height : 150%%;
+ }
+ h2.toc {
+ margin-left : 2em;
+ font-size : 110%%;
+ line-height : 140%%;
+ }
+ h3.toc {
+ margin-left : 3em;
+ font-size : 105%%;
+ line-height : 120%%;
+ }
+ h4.toc {
+ margin-left : 4em;
+ font-size : 100%%;
+ line-height : 120%%;
+ }
+ h5.toc {
+ margin-left : 5em;
+ font-size : 95%%;
+ line-height : 110%%;
+ }
+ h6.toc {
+ margin-left : 6em;
+ font-size : 90%%;
+ line-height : 110%%;
+ }
+ h7.toc {
+ margin-left : 7em;
+ font-size : 85%%;
+ line-height : 100%%;
+ }
+ .subtoc {
+ margin-right : 34%%;
+ font-weight : normal;
+ }
+ h5.subtoc {
+ margin-left : 2em;
+ font-size : 80%%;
+ margin-top : 2px;
+ margin-bottom : 2px;
+ }
+ h6.subtoc {
+ margin-left : 3em;
+ font-size : 75%%;
+ margin-top : 0px;
+ margin-bottom : 0px;
+ }
+ h7.subtoc {
+ margin-left : 4em;
+ font-size : 70%%;
+ margin-top : 0px;
+ margin-bottom : 0px;
+ }
+#+END_SRC
+
+*** html seg
+**** previous next
+
+#+name: css_dark_html_seg
+#+BEGIN_SRC css
+ .icon-bar {
+ width : 100%%;
+ overflow : auto;
+ margin : 0em 0em 0em;
+ }
+ .left-bar {
+ width : 85%%;
+ float : left;
+ display : inline;
+ overflow : auto;
+ }
+ .toc-button {
+ position : absolute;
+ top : 8px;
+ width : 2em;
+ height : 2em;
+ border-radius : 50%%;
+ background : #555555;
+ fill : #DDDDDD;
+ box-shadow : 0 2px 5px #EEEEEE inset;
+ }
+ .toc-button svg {
+ position : relative;
+ left : 25%%;
+ top : 25%%;
+ width : 150%%;
+ height : 150%%;
+ }
+ .toc-button p {
+ vertical-align : center;
+ font-size : 120%%;
+ }
+ .prev-next-button {
+ position : absolute;
+ top : 8px;
+ width : 2em;
+ height : 2em;
+ border-radius : 50%%;
+ background : #555555;
+ box-shadow : 0 2px 5px #AAAAAA inset;
+ }
+ .prev-next-button svg {
+ position : relative;
+ left : 20%%;
+ top : 20%%;
+ width : 60%%;
+ height : 60%%;
+ }
+ .menu {
+ right : 6em;
+ }
+ .previous {
+ right : 3em;
+ }
+ .next {
+ right : 0em;
+ }
+ .arrow {
+ fill : #DDDDDD;
+ }
+ .minitoc {
+ line-height : 100%%;
+ font-size : 90%%;
+ margin-top : 6px;
+ margin-bottom : 0px;
+ padding-left : 0em;
+ text-indent : 0em;
+ -khtml-user-select : none;
+ -moz-user-select : none;
+ -ms-user-select : none;
+ -o-user-select : none;
+ -webkit-user-select : none;
+ user-select : none;
+ }
+#+END_SRC
+
+**** flex
+
+#+name: css_dark_html_seg
+#+BEGIN_SRC css
+ /* flex */
+ .flex-menu-bar {
+ display : -webkit-flex;
+ display : flex;
+ -webkit-flex-wrap : wrap;
+ -webkit-align-items : center;
+ align-items : center;
+ width : 100%%;
+ margin-left : 5%%;
+ margin-right : 2%%;
+ background-color : #000000;
+ }
+ .flex-menu-option {
+ background-color : #000000;
+ margin-right : 4px;
+ }
+ .flex-list {
+ display : -webkit-flex;
+ display : flex;
+ -webkit-align-items : center;
+ display : block;
+ align-items : center;
+ width : 100%%;
+ background-color : #000000;
+ }
+ .flex-list-item {
+ background-color : #000000;
+ margin : 4px;
+ }
+#+END_SRC
+
+**** TODO grid
+
+Consider what if anything should be used here
+
+#+name: css_dark_html_seg
+#+BEGIN_SRC css
+ /* grid */
+ .wrapper {
+ display : grid;
+ grid-template-columns : 100%%;
+ grid-template-areas :
+ "headband"
+ "doc_header"
+ "doc_title"
+ "doc_toc"
+ "doc_prefix"
+ "doc_intro"
+ "doc_body"
+ "doc_endnotes"
+ "doc_glossary"
+ "doc_biblio"
+ "doc_bookindex"
+ "doc_blurb"
+ "doc_suffix";
+ margin : 0px;
+ padding : 0px;
+ background-color : #000000;
+ }
+ .delimit {
+ border-style : none;
+ border-color : #000000;
+ padding : 10px;
+ }
+ .headband {
+ grid-area : headband;
+ background-color : #000000;
+ }
+ .doc_header {
+ grid-area : doc_header;
+ }
+ .doc_title {
+ grid-area : doc_title;
+ }
+ .doc_toc {
+ grid-area : doc_toc;
+ }
+ .doc_prefix {
+ grid-area : doc_prefix;
+ }
+ .doc_intro {
+ grid-area : doc_intro;
+ }
+ .doc_body {
+ grid-area : doc_body;
+ }
+ .doc_endnotes {
+ grid-area : doc_endnotes;
+ }
+ .doc_glossary {
+ grid-area : doc_glossary;
+ }
+ .doc_biblio {
+ grid-area : doc_biblio;
+ }
+ .doc_bookindex {
+ grid-area : doc_bookindex;
+ }
+ .doc_blurb {
+ grid-area : doc_blurb;
+ }
+ .doc_suffix {
+ grid-area : doc_suffix;
+ }
+ .nav-ul {
+ list-style : none;
+ float : left;
+ }
+ .nav-li {
+ float : left;
+ padding-right : 0.7em;
+ }
+ .nav-li a {
+ text-decoration : none;
+ color : #000000;
+ }
+ footer {
+ background-color : #FF704E;
+ }
+#+END_SRC
+
+*** html scroll
+**** flex
+
+#+name: css_dark_html_scroll
+#+BEGIN_SRC css
+ /* flex */
+ .flex-menu-bar {
+ display : -webkit-flex;
+ display : flex;
+ -webkit-flex-wrap : wrap;
+ -webkit-align-items : center;
+ align-items : center;
+ width : 100%%;
+ margin-left : 5%%;
+ margin-right : 2%%;
+ background-color : #000000;
+ }
+ .flex-menu-option {
+ background-color : #000000;
+ margin-right : 4px;
+ }
+ .flex-list {
+ display : -webkit-flex;
+ display : flex;
+ -webkit-align-items : center;
+ display : block;
+ align-items : center;
+ width : 100%%;
+ background-color : #000000;
+ }
+ .flex-list-item {
+ background-color : #000000;
+ margin : 4px;
+ }
+#+END_SRC
+
+**** grid
+
+#+name: css_dark_html_scroll
+#+BEGIN_SRC css
+ /* grid */
+ .wrapper {
+ display : grid;
+ grid-template-columns : 100%%;
+ grid-template-areas :
+ "headband"
+ "doc_header"
+ "doc_title"
+ "doc_toc"
+ "doc_prefix"
+ "doc_intro"
+ "doc_body"
+ "doc_endnotes"
+ "doc_glossary"
+ "doc_biblio"
+ "doc_bookindex"
+ "doc_blurb"
+ "doc_suffix";
+ margin : 0px;
+ padding : 0px;
+ background-color : #000000;
+ }
+ .delimit {
+ border-style : none;
+ border-color : #000000;
+ padding : 10px;
+ }
+ .headband {
+ grid-area : headband;
+ background-color : #000000;
+ }
+ .doc_header {
+ grid-area : doc_header;
+ }
+ .doc_title {
+ grid-area : doc_title;
+ }
+ .doc_toc {
+ grid-area : doc_toc;
+ }
+ .doc_prefix {
+ grid-area : doc_prefix;
+ }
+ .doc_intro {
+ grid-area : doc_intro;
+ }
+ .doc_body {
+ grid-area : doc_body;
+ }
+ .doc_endnotes {
+ grid-area : doc_endnotes;
+ }
+ .doc_glossary {
+ grid-area : doc_glossary;
+ }
+ .doc_biblio {
+ grid-area : doc_biblio;
+ }
+ .doc_bookindex {
+ grid-area : doc_bookindex;
+ }
+ .doc_blurb {
+ grid-area : doc_blurb;
+ }
+ .doc_suffix {
+ grid-area : doc_suffix;
+ }
+ .nav-ul {
+ list-style : none;
+ float : left;
+ }
+ .nav-li {
+ float : left;
+ padding-right : 0.7em;
+ }
+ .nav-li a {
+ text-decoration : none;
+ color : #000000;
+ }
+ footer {
+ background-color : #FF704E;
+ }
+#+END_SRC
+
+*** epub xhtml
+
+#+name: css_dark_epub
+#+BEGIN_SRC css
+#+END_SRC
+
+** variables
+*** ocn (visible or hidden)
+
+#+name: css_insert_shared_insert_variable_ocn_color_values
+#+BEGIN_SRC css
+ string _color_ocn_light = (doc_matters.opt.action.ocn_hidden) ? "#FFFFFF" : "#777777";
+ string _color_ocn_dark = (doc_matters.opt.action.ocn_hidden) ? "#000000" : "#BBBBBB";
+#+END_SRC
+
+*** indent levels
+#+name: css_insert_shared_insert_variable_indent_values
+#+BEGIN_SRC css
+ string _css_indent = format(q"┃
+ /* indent */
+ p.norm { }
+ p.i1 { padding-left : 1em; }
+ p.i2 { padding-left : 2em; }
+ p.i3 { padding-left : 3em; }
+ p.i4 { padding-left : 4em; }
+ p.i5 { padding-left : 5em; }
+ p.i6 { padding-left : 6em; }
+ p.i7 { padding-left : 7em; }
+ p.i8 { padding-left : 8em; }
+ p.i9 { padding-left : 9em; }
+ /* hanging indent */
+ p[indent="h0i0"] {
+ padding-left : 0em;
+ text-indent : 0em;
+ }
+ p[indent="h0i1"] {
+ padding-left : 1em;
+ text-indent : -1em;
+ }
+ p[indent="h0i2"] {
+ padding-left : 2em;
+ text-indent : -2em;
+ }
+ p[indent="h0i3"] {
+ padding-left : 3em;
+ text-indent : -3em;
+ }
+ p[indent="h0i4"] {
+ padding-left : 4em;
+ text-indent : -4em;
+ }
+ p[indent="h0i5"] {
+ padding-left : 5em;
+ text-indent : -5em;
+ }
+ p[indent="h0i6"] {
+ padding-left : 6em;
+ text-indent : -6em;
+ }
+ p[indent="h0i7"] {
+ padding-left : 7em;
+ text-indent : -7em;
+ }
+ p[indent="h0i8"] {
+ padding-left : 8em;
+ text-indent : -8em;
+ }
+ p[indent="h0i9"] {
+ padding-left : 9em;
+ text-indent : -9em;
+ }
+ p[indent="h1i0"] {
+ padding-left : 0em;
+ text-indent : 1em;
+ }
+ p[indent="h1i1"] {
+ padding-left : 1em;
+ text-indent : 0em;
+ }
+ p[indent="h1i2"] {
+ padding-left : 2em;
+ text-indent : -1em;
+ }
+ p[indent="h1i3"] {
+ padding-left : 3em;
+ text-indent : -2em;
+ }
+ p[indent="h1i4"] {
+ padding-left : 4em;
+ text-indent : -3em;
+ }
+ p[indent="h1i5"] {
+ padding-left : 5em;
+ text-indent : -4em;
+ }
+ p[indent="h1i6"] {
+ padding-left : 6em;
+ text-indent : -5em;
+ }
+ p[indent="h1i7"] {
+ padding-left : 7em;
+ text-indent : -6em;
+ }
+ p[indent="h1i8"] {
+ padding-left : 8em;
+ text-indent : -7em;
+ }
+ p[indent="h1i9"] {
+ padding-left : 9em;
+ text-indent : -8em;
+ }
+ p[indent="h2i0"] {
+ padding-left : 0em;
+ text-indent : 2em;
+ }
+ p[indent="h2i1"] {
+ padding-left : 1em;
+ text-indent : 1em;
+ }
+ p[indent="h2i2"] {
+ padding-left : 2em;
+ text-indent : 0em;
+ }
+ p[indent="h2i3"] {
+ padding-left : 3em;
+ text-indent : -1em;
+ }
+ p[indent="h2i4"] {
+ padding-left : 4em;
+ text-indent : -2em;
+ }
+ p[indent="h2i5"] {
+ padding-left : 5em;
+ text-indent : -3em;
+ }
+ p[indent="h2i6"] {
+ padding-left : 6em;
+ text-indent : -4em;
+ }
+ p[indent="h2i7"] {
+ padding-left : 7em;
+ text-indent : -5em;
+ }
+ p[indent="h2i8"] {
+ padding-left : 8em;
+ text-indent : -6em;
+ }
+ p[indent="h2i9"] {
+ padding-left : 9em;
+ text-indent : -7em;
+ }
+ p[indent="h3i0"] {
+ padding-left : 0em;
+ text-indent : 3em;
+ }
+ p[indent="h3i1"] {
+ padding-left : 1em;
+ text-indent : 2em;
+ }
+ p[indent="h3i2"] {
+ padding-left : 2em;
+ text-indent : 1em;
+ }
+ p[indent="h3i3"] {
+ padding-left : 3em;
+ text-indent : 0em;
+ }
+ p[indent="h3i4"] {
+ padding-left : 4em;
+ text-indent : -1em;
+ }
+ p[indent="h3i5"] {
+ padding-left : 5em;
+ text-indent : -2em;
+ }
+ p[indent="h3i6"] {
+ padding-left : 6em;
+ text-indent : -3em;
+ }
+ p[indent="h3i7"] {
+ padding-left : 7em;
+ text-indent : -4em;
+ }
+ p[indent="h3i8"] {
+ padding-left : 8em;
+ text-indent : -5em;
+ }
+ p[indent="h3i9"] {
+ padding-left : 9em;
+ text-indent : -6em;
+ }
+ p[indent="h4i0"] {
+ padding-left : 0em;
+ text-indent : 4em;
+ }
+ p[indent="h4i1"] {
+ padding-left : 1em;
+ text-indent : 3em;
+ }
+ p[indent="h4i2"] {
+ padding-left : 2em;
+ text-indent : 2em;
+ }
+ p[indent="h4i3"] {
+ padding-left : 3em;
+ text-indent : 1em;
+ }
+ p[indent="h4i4"] {
+ padding-left : 4em;
+ text-indent : 0em;
+ }
+ p[indent="h4i5"] {
+ padding-left : 5em;
+ text-indent : -1em;
+ }
+ p[indent="h4i6"] {
+ padding-left : 6em;
+ text-indent : -2em;
+ }
+ p[indent="h4i7"] {
+ padding-left : 7em;
+ text-indent : -3em;
+ }
+ p[indent="h4i8"] {
+ padding-left : 8em;
+ text-indent : -4em;
+ }
+ p[indent="h4i9"] {
+ padding-left : 9em;
+ text-indent : -5em;
+ }
+ p[indent="h5i0"] {
+ padding-left : 0em;
+ text-indent : 5em;
+ }
+ p[indent="h5i1"] {
+ padding-left : 1em;
+ text-indent : 4em;
+ }
+ p[indent="h5i2"] {
+ padding-left : 2em;
+ text-indent : 3em;
+ }
+ p[indent="h5i3"] {
+ padding-left : 3em;
+ text-indent : 2em;
+ }
+ p[indent="h5i4"] {
+ padding-left : 4em;
+ text-indent : 1em;
+ }
+ p[indent="h5i5"] {
+ padding-left : 5em;
+ text-indent : 0em;
+ }
+ p[indent="h5i6"] {
+ padding-left : 6em;
+ text-indent : -1em;
+ }
+ p[indent="h5i7"] {
+ padding-left : 7em;
+ text-indent : -2em;
+ }
+ p[indent="h5i8"] {
+ padding-left : 8em;
+ text-indent : -3em;
+ }
+ p[indent="h5i9"] {
+ padding-left : 9em;
+ text-indent : -4em;
+ }
+ p[indent="h6i0"] {
+ padding-left : 0em;
+ text-indent : 6em;
+ }
+ p[indent="h6i1"] {
+ padding-left : 1em;
+ text-indent : 5em;
+ }
+ p[indent="h6i2"] {
+ padding-left : 2em;
+ text-indent : 4em;
+ }
+ p[indent="h6i3"] {
+ padding-left : 3em;
+ text-indent : 3em;
+ }
+ p[indent="h6i4"] {
+ padding-left : 4em;
+ text-indent : 2em;
+ }
+ p[indent="h6i5"] {
+ padding-left : 5em;
+ text-indent : 1em;
+ }
+ p[indent="h6i6"] {
+ padding-left : 6em;
+ text-indent : 0em;
+ }
+ p[indent="h6i7"] {
+ padding-left : 7em;
+ text-indent : -1em;
+ }
+ p[indent="h6i8"] {
+ padding-left : 8em;
+ text-indent : -2em;
+ }
+ p[indent="h6i9"] {
+ padding-left : 9em;
+ text-indent : -3em;
+ }
+ p[indent="h7i0"] {
+ padding-left : 0em;
+ text-indent : 7em;
+ }
+ p[indent="h7i1"] {
+ padding-left : 1em;
+ text-indent : 6em;
+ }
+ p[indent="h7i2"] {
+ padding-left : 2em;
+ text-indent : 5em;
+ }
+ p[indent="h7i3"] {
+ padding-left : 3em;
+ text-indent : 4em;
+ }
+ p[indent="h7i4"] {
+ padding-left : 4em;
+ text-indent : 3em;
+ }
+ p[indent="h7i5"] {
+ padding-left : 5em;
+ text-indent : 2em;
+ }
+ p[indent="h7i6"] {
+ padding-left : 6em;
+ text-indent : 1em;
+ }
+ p[indent="h7i7"] {
+ padding-left : 7em;
+ text-indent : 0em;
+ }
+ p[indent="h7i8"] {
+ padding-left : 8em;
+ text-indent : -1em;
+ }
+ p[indent="h7i9"] {
+ padding-left : 9em;
+ text-indent : -2em;
+ }
+ p[indent="h8i0"] {
+ padding-left : 0em;
+ text-indent : 8em;
+ }
+ p[indent="h8i1"] {
+ padding-left : 1em;
+ text-indent : 7em;
+ }
+ p[indent="h8i2"] {
+ padding-left : 2em;
+ text-indent : 6em;
+ }
+ p[indent="h8i3"] {
+ padding-left : 3em;
+ text-indent : 5em;
+ }
+ p[indent="h8i4"] {
+ padding-left : 4em;
+ text-indent : 4em;
+ }
+ p[indent="h8i5"] {
+ padding-left : 5em;
+ text-indent : 3em;
+ }
+ p[indent="h8i6"] {
+ padding-left : 6em;
+ text-indent : 2em;
+ }
+ p[indent="h8i7"] {
+ padding-left : 7em;
+ text-indent : 1em;
+ }
+ p[indent="h8i8"] {
+ padding-left : 8em;
+ text-indent : 0em;
+ }
+ p[indent="h8i9"] {
+ padding-left : 9em;
+ text-indent : -1em;
+ }
+ p[indent="h9i0"] {
+ padding-left : 0em;
+ text-indent : 9em;
+ }
+ p[indent="h9i1"] {
+ padding-left : 1em;
+ text-indent : 8em;
+ }
+ p[indent="h9i2"] {
+ padding-left : 2em;
+ text-indent : 7em;
+ }
+ p[indent="h9i3"] {
+ padding-left : 3em;
+ text-indent : 6em;
+ }
+ p[indent="h9i4"] {
+ padding-left : 4em;
+ text-indent : 5em;
+ }
+ p[indent="h9i5"] {
+ padding-left : 5em;
+ text-indent : 4em;
+ }
+ p[indent="h9i6"] {
+ padding-left : 6em;
+ text-indent : 3em;
+ }
+ p[indent="h9i7"] {
+ padding-left : 7em;
+ text-indent : 2em;
+ }
+ p[indent="h9i8"] {
+ padding-left : 8em;
+ text-indent : 1em;
+ }
+ p[indent="h9i9"] {
+ padding-left : 9em;
+ text-indent : 0em;
+ }
+┃");
+#+END_SRC
+
+* __END__