aboutsummaryrefslogtreecommitdiffhomepage
path: root/org/output_xmls_css.org
diff options
context:
space:
mode:
authorRalph Amissah <ralph.amissah@gmail.com>2019-07-08 17:57:23 -0400
committerRalph Amissah <ralph.amissah@gmail.com>2019-10-17 19:07:20 -0400
commitb157271169fe8cd896b54a89d28fd3b7c8768826 (patch)
treee844f3f79cc00d27f099a7dbde64227d5ac71b7f /org/output_xmls_css.org
parentsubprojects remove commit hash (diff)
0.7.5 xmls css code reorganised; ocn can turn off or hide
Diffstat (limited to 'org/output_xmls_css.org')
-rw-r--r--org/output_xmls_css.org3231
1 files changed, 1424 insertions, 1807 deletions
diff --git a/org/output_xmls_css.org b/org/output_xmls_css.org
index 3c9bcf7..192dc61 100644
--- a/org/output_xmls_css.org
+++ b/org/output_xmls_css.org
@@ -27,68 +27,77 @@
+/
module doc_reform.output.xmls_css;
template DocReformCss() {
- auto DocReformCss() {
- string _css_light_html_seg="
+ 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>>
-";
- string _css_dark_html_seg="
+┃",
+ _color_ocn_light,
+ _css_indent,
+ _color_ocn_light,
+);
+ string _css_dark_html_seg = format(q"┃
<<css_dark_shared>>
<<css_dark_html_seg>>
-";
- string _css_light_html_scroll="
+┃",
+ _color_ocn_dark,
+ _css_indent,
+ _color_ocn_dark,
+);
+ string _css_light_html_scroll = format(q"┃
<<css_light_shared>>
<<css_light_html_scroll>>
-";
- string _css_dark_html_scroll="
+┃",
+ _color_ocn_light,
+ _css_indent,
+ _color_ocn_light,
+);
+ string _css_dark_html_scroll = format(q"┃
<<css_dark_shared>>
<<css_dark_html_scroll>>
-";
- string _css_light_epub="
+┃",
+ _color_ocn_dark,
+ _css_indent,
+ _color_ocn_dark,
+);
+ string _css_light_epub = format(q"┃
<<css_light_shared>>
<<css_light_epub>>
-";
- string _css_dark_epub="
+┃",
+ _color_ocn_light,
+ _css_indent,
+ _color_ocn_light,
+);
+ string _css_dark_epub = format(q"┃
<<css_dark_shared>>
<<css_dark_epub>>
-";
- struct _CSS {
- auto light() {
- struct _light {
- auto html_seg() {
- string _css = "/* DocReform css html seg stylesheet */\n" ~ _css_light_html_seg;
- return _css;
- }
- auto html_scroll() {
- string _css = "/* DocReform css html scroll stylesheet */\n" ~ _css_light_html_scroll;
- return _css;
- }
- auto epub() {
- string _css = "/* DocReform css epub stylesheet */\n" ~ _css_light_epub;
- return _css;
- }
- }
- return _light();
+┃",
+ _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";
}
- auto dark() {
- struct _dark {
- auto html_seg() {
- string _css = "/* DocReform css html seg stylesheet */\n" ~ _css_dark_html_seg;
- return _css;
- }
- auto html_scroll() {
- string _css = "/* DocReform css html scroll stylesheet */\n" ~ _css_dark_html_scroll;
- return _css;
- }
- auto epub() {
- string _css = "/* DocReform css epub stylesheet */\n" ~ _css_dark_epub;
- return _css;
- }
- }
- return _dark();
- }
- }
- return _CSS();
+ 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
@@ -100,17 +109,17 @@ template DocReformCss() {
#+name: css_light_shared
#+BEGIN_SRC css
*{
- padding: 0px;
- margin: 0px;
+ padding : 0px;
+ margin : 0px;
}
body {
- height: 100vh;
- background-color: #FFFFFF;
+ height : 100vh;
+ background-color : #FFFFFF;
}
body {
- color:#000000;
- background: #FFFFFF;
- background-color: #FFFFFF;
+ color : #000000;
+ background : #FFFFFF;
+ background-color : #FFFFFF;
}
#+END_SRC
@@ -119,31 +128,31 @@ template DocReformCss() {
#+name: css_light_shared
#+BEGIN_SRC css
a:link {
- color: #003399;
- text-decoration: none;
+ color : #003399;
+ text-decoration : none;
}
a:visited {
- color: #003399;
- text-decoration: none;
+ color : #003399;
+ text-decoration : none;
}
a:hover {
- color: #000000;
- background-color: #F9F9AA;
+ color : #000000;
+ background-color : #F9F9AA;
}
a.lnkocn:link {
- color: #777777;
- text-decoration: none;
+ color : %s;
+ text-decoration : none;
}
a.lnkocn:visited {
- color: #003399;
- text-decoration: none;
+ color : #003399;
+ text-decoration : none;
}
a:hover img {
- background-color: #FFFFFF;
+ background-color : #FFFFFF;
}
a:active {
- color: #003399;
- text-decoration: underline;
+ color : #003399;
+ text-decoration : underline;
}
#+END_SRC
@@ -152,115 +161,115 @@ template DocReformCss() {
#+name: css_light_shared
#+BEGIN_SRC css
div {
- margin-left: 0;
- margin-right: 0;
+ margin-left : 0;
+ margin-right : 0;
}
div.p {
- margin-left: 5%;
- margin-right: 1%;
+ margin-left : 5%%;
+ margin-right : 1%%;
}
div.substance {
- width: 100%;
- background-color: #FFFFFF;
+ width : 100%%;
+ background-color : #FFFFFF;
}
div.ocn {
- width: 5%;
- float: right;
- top: 0;
- background-color: #FFFFFF;
+ width : 5%%;
+ float : right;
+ top : 0;
+ background-color : #FFFFFF;
}
div.endnote {
- width: 95%;
- background-color: #FFFFFFf;
+ 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;
+ 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;
+ 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;
+ 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%;
+ margin : 0;
+ padding : 0;
+ border-left : 0%% solid #FFFFFF;
+ padding-left : 5%%;
}
div.scroll {
- margin: 0;
- padding: 0;
- padding-left: 1em;
- padding-right: 1em;
+ margin : 0;
+ padding : 0;
+ padding-left : 1em;
+ padding-right : 1em;
}
div.content:after {
- content:' ';
- clear:both;
- display:block;
- height:0;
- overflow:hidden
+ content : ' ';
+ clear : both;
+ display : block;
+ height : 0;
+ overflow : hidden;
}
div.footer {
- clear:left;
- padding: 0.5em;
- font-size: 80%;
- margin: 0;
+ clear : left;
+ padding : 0.5em;
+ font-size : 80%%;
+ margin : 0;
}
div.toc ul {
- list-style: none;
- padding: 0;
- margin: 0;
+ 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;
+ 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;
+ 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;
+ width : 90%%;
+ margin-left : 5%%;
+ margin-right : 2em;
+ margin-top : 1.8em;
+ margin-bottom : 1.8em;
}
span.currentlink {
- text-decoration: none;
- background-color: #AAAAAA;
+ text-decoration : none;
+ background-color : #AAAAAA;
}
div.toc a:visited {
- color: #0000aa;
+ color : #0000aa;
}
div.toc a:hover {
- color: #000000;
- background-color: #F9F9AA;
+ color : #000000;
+ background-color : #F9F9AA;
}
nav#toc ol {
- list-style-type: none;
+ list-style-type : none;
}
#+END_SRC
@@ -270,32 +279,35 @@ template DocReformCss() {
#+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;
+ 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;
+ 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;
+ 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; }
+ img {
+ max-width : 100%%;
+ height : auto;
+ }
#+END_SRC
***** code block
@@ -303,28 +315,28 @@ template DocReformCss() {
#+name: css_light_shared
#+BEGIN_SRC css
pre {
- width: auto;
- display: block;
- clear: both;
- color: #555555;
+ width : auto;
+ display : block;
+ clear : both;
+ color : #555555;
}
p.code {
- 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%;
+ 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%%;
}
#+END_SRC
@@ -332,120 +344,120 @@ template DocReformCss() {
#+name: css_light_shared
#+BEGIN_SRC css
- p.spaced { white-space: pre; }
+ p.spaced { white-space: pre; }
p.block {
- white-space: pre;
+ white-space : pre;
}
p.group { }
p.alt { }
p.verse {
- white-space: pre;
- margin-bottom: 6px;
+ white-space : pre;
+ margin-bottom : 6px;
}
p.caption {
- text-align: left;
- font-size: 80%;
- display: inline;
+ text-align : left;
+ font-size : 80%%;
+ display : inline;
}
p.endnote {
- font-size: 96%;
- line-height: 120%;
- text-align: left;
- margin-right: 15mm;
+ 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;
+ font-size : 96%%;
+ line-height : 120%%;
+ text-align : left;
+ margin-left : 2em;
+ margin-right : 15mm;
}
p.center {
- text-align: center;
+ text-align : center;
}
p.bold {
- font-weight: bold;
+ font-weight : bold;
}
p.bold_left {
- font-weight: bold;
- text-align: left;
+ font-weight : bold;
+ text-align : left;
}
p.centerbold {
- text-align: center;
- font-weight: bold;
+ text-align : center;
+ font-weight : bold;
}
p.em {
- font-weight: bold;
- font-style: normal;
- background: #FFF3b6;
+ 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;
+ 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;
+ 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;
+ margin-left : 0px;
+ margin-right : 0px;
+ text-align : left;
}
p.tiny_right {
- margin-right: 1em;
- text-align: right;
+ margin-right : 1em;
+ text-align : right;
}
p.tiny_center {
- margin-left: 0px;
- margin-right: 0px;
- text-align: 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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
@@ -453,418 +465,7 @@ template DocReformCss() {
#+name: css_light_shared
#+BEGIN_SRC css
- /* 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;
- }
+%s
#+END_SRC
***** misc including tables & lists
@@ -873,60 +474,59 @@ template DocReformCss() {
#+BEGIN_SRC css
note { white-space: pre; }
label.ocn {
- width: 2%;
- float: right;
- top: 0;
- font-size: 10px;
- margin-top: 0px;
- margin-bottom: 5px;
- color: #777777;
- margin-right: 5px;
- text-align: right;
- background-color: #FFFFFF;
+ width : 2%%;
+ float : right;
+ top : 0;
+ font-size : 10px;
+ margin-top : 0px;
+ margin-bottom : 5px;
+ margin-right : 5px;
+ text-align : right;
+ color : %s;
}
table {
- display: block;
- margin-left: 5%;
- margin-right: 2em;
- background-color: #FFFFFF;
+ display : block;
+ margin-left : 5%%;
+ margin-right : 2em;
+ background-color : inherit;
}
tr { }
th,td {
- vertical-align: top;
- text-align: left;
+ vertical-align : top;
+ text-align : left;
}
th {
- font-weight: bold;
+ font-weight : bold;
}
em {
- font-weight: bold;
- font-style: italic;
+ font-weight : bold;
+ font-style : italic;
}
p.left,th.left,td.left {
- text-align: left;
+ text-align : left;
}
p.small_left,th.small_left,td.small_left {
- text-align: left;
- font-size: 80%;
+ text-align : left;
+ font-size : 80%%;
}
p.right,th.right,td.right {
- text-align: 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;
+ 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;
+ background: url(../image_sys/bullet_09.png) no-repeat 0px 6px;
}
ul {
}
@@ -937,100 +537,100 @@ template DocReformCss() {
#+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;
+ 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%; }
+ 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; }
+ 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;
+ font-weight : normal;
+ margin-top : 6px;
+ margin-bottom : 6px;
}
h0.toc {
- margin-left: 1em;
- font-size: 120%;
- line-height: 150%;
+ margin-left : 1em;
+ font-size : 120%%;
+ line-height : 150%%;
}
h1.toc {
- margin-left: 1em;
- font-size: 115%;
- line-height: 150%;
+ margin-left : 1em;
+ font-size : 115%%;
+ line-height : 150%%;
}
h2.toc {
- margin-left: 2em;
- font-size: 110%;
- line-height: 140%;
+ margin-left : 2em;
+ font-size : 110%%;
+ line-height : 140%%;
}
h3.toc {
- margin-left: 3em;
- font-size: 105%;
- line-height: 120%;
+ margin-left : 3em;
+ font-size : 105%%;
+ line-height : 120%%;
}
h4.toc {
- margin-left: 4em;
- font-size: 100%;
- line-height: 120%;
+ margin-left : 4em;
+ font-size : 100%%;
+ line-height : 120%%;
}
h5.toc {
- margin-left: 5em;
- font-size: 95%;
- line-height: 110%;
+ margin-left : 5em;
+ font-size : 95%%;
+ line-height : 110%%;
}
h6.toc {
- margin-left: 6em;
- font-size: 90%;
- line-height: 110%;
+ margin-left : 6em;
+ font-size : 90%%;
+ line-height : 110%%;
}
h7.toc {
- margin-left: 7em;
- font-size: 85%;
- line-height: 100%;
+ margin-left : 7em;
+ font-size : 85%%;
+ line-height : 100%%;
}
.subtoc {
- margin-right: 34%;
- font-weight: normal;
+ margin-right : 34%%;
+ font-weight : normal;
}
h5.subtoc {
- margin-left: 2em;
- font-size: 80%;
- margin-top: 2px;
- margin-bottom: 2px;
+ 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;
+ 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;
+ margin-left : 4em;
+ font-size : 70%%;
+ margin-top : 0px;
+ margin-bottom : 0px;
}
#+END_SRC
@@ -1040,70 +640,70 @@ template DocReformCss() {
#+name: css_light_html_seg
#+BEGIN_SRC css
.icon-bar {
- width: 100%;
- overflow: auto;
- margin: 0em 0em 0em;
+ width : 100%%;
+ overflow : auto;
+ margin : 0em 0em 0em;
}
.left-bar {
- width: 85%;
- float: left;
- display: inline;
- overflow: auto;
+ 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;
+ 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%;
+ position : relative;
+ left : 25%%;
+ top : 25%%;
+ width : 150%%;
+ height : 150%%;
}
.toc-button p {
- vertical-align: center;
- font-size: 120%;
+ 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;
+ 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%;
+ position : relative;
+ left : 20%%;
+ top : 20%%;
+ width : 60%%;
+ height : 60%%;
}
.menu {
- right: 6em;
+ right : 6em;
}
.previous {
- right: 3em;
+ right : 3em;
}
.next {
- right: 0em;
+ right : 0em;
}
- .arrow { fill: #333333; }
+ .arrow { fill : #333333; }
.minitoc {
- line-height: 100%;
- font-size: 90%;
- margin-top: 6px;
- margin-bottom: 0px;
- padding-left: 0em;
- text-indent: 0em;
+ line-height : 100%%;
+ font-size : 90%%;
+ margin-top : 6px;
+ margin-bottom : 0px;
+ padding-left : 0em;
+ text-indent : 0em;
}
#+END_SRC
@@ -1113,32 +713,32 @@ template DocReformCss() {
#+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;
+ 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;
+ 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;
+ 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;
+ background-color : #FFFFFF;
+ margin : 4px;
}
#+END_SRC
@@ -1150,85 +750,85 @@ Consider what if anything should be used here
#+BEGIN_SRC css
/* grid */
.wrapper {
- display: grid;
- grid-template-columns: 100%;
+ 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;
+ "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;
+ border-style : none;
+ border-color : #FFFFFF;
+ padding : 10px;
}
.headband {
- grid-area: headband;
- background-color: #FFFFFF;
+ grid-area : headband;
+ background-color : #FFFFFF;
}
.doc_header {
- grid-area: doc_header;
+ grid-area : doc_header;
}
.doc_title {
- grid-area: doc_title;
+ grid-area : doc_title;
}
.doc_toc {
- grid-area: doc_toc;
+ grid-area : doc_toc;
}
.doc_prefix {
- grid-area: doc_prefix;
+ grid-area : doc_prefix;
}
.doc_intro {
- grid-area: doc_intro;
+ grid-area : doc_intro;
}
.doc_body {
- grid-area: doc_body;
+ grid-area : doc_body;
}
.doc_endnotes {
- grid-area: doc_endnotes;
+ grid-area : doc_endnotes;
}
.doc_glossary {
- grid-area: doc_glossary;
+ grid-area : doc_glossary;
}
.doc_biblio {
- grid-area: doc_biblio;
+ grid-area : doc_biblio;
}
.doc_bookindex {
- grid-area: doc_bookindex;
+ grid-area : doc_bookindex;
}
.doc_blurb {
- grid-area: doc_blurb;
+ grid-area : doc_blurb;
}
.doc_suffix {
- grid-area: doc_suffix;
+ grid-area : doc_suffix;
}
.nav-ul {
- list-style: none;
- float: left;
+ list-style : none;
+ float : left;
}
.nav-li {
- float: left;
- padding-right: 0.7em;
+ float : left;
+ padding-right : 0.7em;
}
.nav-li a {
- text-decoration: none;
- color:#FFFFFF;
+ text-decoration : none;
+ color : #FFFFFF;
}
footer {
- background-color: #00704E;
+ background-color : #00704E;
}
#+END_SRC
@@ -1239,32 +839,32 @@ Consider what if anything should be used here
#+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;
+ 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;
+ 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;
+ 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;
+ background-color : #FFFFFF;
+ margin : 4px;
}
#+END_SRC
@@ -1274,85 +874,85 @@ Consider what if anything should be used here
#+BEGIN_SRC css
/* grid */
.wrapper {
- display: grid;
- grid-template-columns: 100%;
+ 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;
+ "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;
+ border-style : none;
+ border-color : #FFFFFF;
+ padding : 10px;
}
.headband {
- grid-area: headband;
- background-color: #FFFFFF;
+ grid-area : headband;
+ background-color : #FFFFFF;
}
.doc_header {
- grid-area: doc_header;
+ grid-area : doc_header;
}
.doc_title {
- grid-area: doc_title;
+ grid-area : doc_title;
}
.doc_toc {
- grid-area: doc_toc;
+ grid-area : doc_toc;
}
.doc_prefix {
- grid-area: doc_prefix;
+ grid-area : doc_prefix;
}
.doc_intro {
- grid-area: doc_intro;
+ grid-area : doc_intro;
}
.doc_body {
- grid-area: doc_body;
+ grid-area : doc_body;
}
.doc_endnotes {
- grid-area: doc_endnotes;
+ grid-area : doc_endnotes;
}
.doc_glossary {
- grid-area: doc_glossary;
+ grid-area : doc_glossary;
}
.doc_biblio {
- grid-area: doc_biblio;
+ grid-area : doc_biblio;
}
.doc_bookindex {
- grid-area: doc_bookindex;
+ grid-area : doc_bookindex;
}
.doc_blurb {
- grid-area: doc_blurb;
+ grid-area : doc_blurb;
}
.doc_suffix {
- grid-area: doc_suffix;
+ grid-area : doc_suffix;
}
.nav-ul {
- list-style: none;
- float: left;
+ list-style : none;
+ float : left;
}
.nav-li {
- float: left;
- padding-right: 0.7em;
+ float : left;
+ padding-right : 0.7em;
}
.nav-li a {
- text-decoration: none;
- color:#FFFFFF;
+ text-decoration : none;
+ color : #FFFFFF;
}
footer {
- background-color: #00704E;
+ background-color : #00704E;
}
#+END_SRC
@@ -1369,17 +969,17 @@ Consider what if anything should be used here
#+name: css_dark_shared
#+BEGIN_SRC css
*{
- padding: 0px;
- margin: 0px;
+ padding : 0px;
+ margin : 0px;
}
body {
- height: 100vh;
- background-color: #000000;
+ height : 100vh;
+ background-color : #000000;
}
body {
- color: #CCCCCC;
- background: #000000;
- background-color: #000000;
+ color : #CCCCCC;
+ background : #000000;
+ background-color : #000000;
}
#+END_SRC
@@ -1388,31 +988,31 @@ Consider what if anything should be used here
#+name: css_dark_shared
#+BEGIN_SRC css
a:link {
- color: #FFFFFF;
- text-decoration: none;
+ color : #FFFFFF;
+ text-decoration : none;
}
a:visited {
- color: #999999;
- text-decoration: none;
+ color : #999999;
+ text-decoration : none;
}
a:hover {
- color: #000000;
- background-color: #555555;
+ color : #000000;
+ background-color : #555555;
}
a.lnkocn:link {
- color: #BBBBBB;
- text-decoration: none;
+ color : %s;
+ text-decoration : none;
}
a.lnkocn:visited {
- color: #FFFFFF;
- text-decoration: none;
+ color : #FFFFFF;
+ text-decoration : none;
}
a:hover img {
- background-color: #000000;
+ background-color : #000000;
}
a:active {
- color: #888888;
- text-decoration: underline;
+ color : #888888;
+ text-decoration : underline;
}
#+END_SRC
@@ -1421,115 +1021,115 @@ Consider what if anything should be used here
#+name: css_dark_shared
#+BEGIN_SRC css
div {
- margin-left: 0;
- margin-right: 0;
+ margin-left : 0;
+ margin-right : 0;
}
div.p {
- margin-left: 5%;
- margin-right: 1%;
+ margin-left : 5%%;
+ margin-right : 1%%;
}
div.substance {
- width: 100%;
- background-color: #000000;
+ width : 100%%;
+ background-color : #000000;
}
div.ocn {
- width: 5%;
- float: right;
- top: 0;
- background-color: #000000;
+ width : 5%%;
+ float : right;
+ top : 0;
+ background-color : #000000;
}
div.endnote {
- width: 95%;
- background-color: #0000000;
+ 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;
+ 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;
+ 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;
+ 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%;
+ margin : 0;
+ padding : 0;
+ border-left : 0%% solid #000000;
+ padding-left : 5%%;
}
div.scroll {
- margin: 0;
- padding: 0;
- padding-left: 1em;
- padding-right: 1em;
+ margin : 0;
+ padding : 0;
+ padding-left : 1em;
+ padding-right : 1em;
}
div.content:after {
- content:' ';
- clear:both;
- display:block;
- height:0;
- overflow:hidden
+ content : ' ';
+ clear : both;
+ display : block;
+ height : 0;
+ overflow : hidden;
}
div.footer {
- clear:left;
- padding: 0.5em;
- font-size: 80%;
- margin: 0;
+ clear : left;
+ padding : 0.5em;
+ font-size : 80%%;
+ margin : 0;
}
div.toc ul {
- list-style: none;
- padding: 0;
- margin: 0;
+ 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;
+ 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;
+ 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;
+ width : 90%%;
+ margin-left : 5%%;
+ margin-right : 2em;
+ margin-top : 1.8em;
+ margin-bottom : 1.8em;
}
span.currentlink {
- text-decoration: none;
- background-color: #AAAAF9;
+ text-decoration : none;
+ background-color : #AAAAF9;
}
div.toc a:visited {
- color: #FF00AA;
+ color : #FF00AA;
}
div.toc a:hover {
- color: #CCCCCC;
- background-color: #F9F9AA;
+ color : #CCCCCC;
+ background-color : #F9F9AA;
}
nav#toc ol {
- list-style-type: none;
+ list-style-type : none;
}
#+END_SRC
@@ -1539,32 +1139,32 @@ Consider what if anything should be used here
#+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;
+ 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;
+ 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;
+ 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; }
+ img { max-width: 100%%; height: auto; }
#+END_SRC
***** code block
@@ -1572,28 +1172,28 @@ Consider what if anything should be used here
#+name: css_dark_shared
#+BEGIN_SRC css
pre {
- width: auto;
- display: block;
- clear: both;
- color: #555555;
+ width : auto;
+ display : block;
+ clear : both;
+ color : #555555;
}
p.code {
- 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%;
+ 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%%;
}
#+END_SRC
@@ -1601,120 +1201,120 @@ Consider what if anything should be used here
#+name: css_dark_shared
#+BEGIN_SRC css
- p.spaced { white-space: pre; }
+ p.spaced { white-space: pre; }
p.block {
- white-space: pre;
+ white-space : pre;
}
p.group { }
p.alt { }
p.verse {
- white-space: pre;
- margin-bottom: 6px;
+ white-space : pre;
+ margin-bottom : 6px;
}
p.caption {
- text-align: left;
- font-size: 80%;
- display: inline;
+ text-align : left;
+ font-size : 80%%;
+ display : inline;
}
p.endnote {
- font-size: 96%;
- line-height: 120%;
- text-align: left;
- margin-right: 15mm;
+ 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;
+ font-size : 96%%;
+ line-height : 120%%;
+ text-align : left;
+ margin-left : 2em;
+ margin-right : 15mm;
}
p.center {
- text-align: center;
+ text-align : center;
}
p.bold {
- font-weight: bold;
+ font-weight : bold;
}
p.bold_left {
- font-weight: bold;
- text-align: left;
+ font-weight : bold;
+ text-align : left;
}
p.centerbold {
- text-align: center;
- font-weight: bold;
+ text-align : center;
+ font-weight : bold;
}
p.em {
- font-weight: bold;
- font-style: normal;
- background: #FFF3B6;
+ 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;
+ 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;
+ 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;
+ margin-left : 0px;
+ margin-right : 0px;
+ text-align : left;
}
p.tiny_right {
- margin-right: 1em;
- text-align: right;
+ margin-right : 1em;
+ text-align : right;
}
p.tiny_center {
- margin-left: 0px;
- margin-right: 0px;
- text-align: 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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
@@ -1722,418 +1322,7 @@ Consider what if anything should be used here
#+name: css_dark_shared
#+BEGIN_SRC css
- /* 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;
- }
+%s
#+END_SRC
***** misc including tables & lists
@@ -2142,63 +1331,61 @@ Consider what if anything should be used here
#+BEGIN_SRC css
note { white-space: pre; }
label.ocn {
- width: 2%;
- float: right;
- top: 0;
- font-size: 10px;
- margin-top: 0px;
- margin-bottom: 5px;
- color: #CCCCCC;
- margin-right: 5px;
- text-align: right;
- background-color: #000000;
+ width : 2%%;
+ float : right;
+ top : 0;
+ font-size : 10px;
+ margin-top : 0px;
+ margin-bottom : 5px;
+ margin-right : 5px;
+ text-align : right;
+ color : %s;
}
table {
- display: block;
- margin-left: 5%;
- margin-right: 2em;
- background-color: #000000;
+ display : block;
+ margin-left : 5%%;
+ margin-right : 2em;
+ background-color : inherit;
}
tr { }
th,td {
- vertical-align: top;
- text-align: left;
+ vertical-align : top;
+ text-align : left;
}
th {
- font-weight: bold;
+ font-weight : bold;
}
em {
- font-weight: bold;
- font-style: italic;
+ font-weight : bold;
+ font-style : italic;
}
p.left,th.left,td.left {
- text-align: left;
+ text-align : left;
}
p.small_left,th.small_left,td.small_left {
- text-align: left;
- font-size: 80%;
+ text-align : left;
+ font-size : 80%%;
}
p.right,th.right,td.right {
- text-align: 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;
+ 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 {
+ background : (../image_sys/bullet_09.png) no-repeat 0px 6px;
}
+ ul { }
#+END_SRC
***** headings
@@ -2206,100 +1393,100 @@ Consider what if anything should be used here
#+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;
+ 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%; }
+ 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; }
+ 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;
+ font-weight : normal;
+ margin-top : 6px;
+ margin-bottom : 6px;
}
h0.toc {
- margin-left: 1em;
- font-size: 120%;
- line-height: 150%;
+ margin-left : 1em;
+ font-size : 120%%;
+ line-height : 150%%;
}
h1.toc {
- margin-left: 1em;
- font-size: 115%;
- line-height: 150%;
+ margin-left : 1em;
+ font-size : 115%%;
+ line-height : 150%%;
}
h2.toc {
- margin-left: 2em;
- font-size: 110%;
- line-height: 140%;
+ margin-left : 2em;
+ font-size : 110%%;
+ line-height : 140%%;
}
h3.toc {
- margin-left: 3em;
- font-size: 105%;
- line-height: 120%;
+ margin-left : 3em;
+ font-size : 105%%;
+ line-height : 120%%;
}
h4.toc {
- margin-left: 4em;
- font-size: 100%;
- line-height: 120%;
+ margin-left : 4em;
+ font-size : 100%%;
+ line-height : 120%%;
}
h5.toc {
- margin-left: 5em;
- font-size: 95%;
- line-height: 110%;
+ margin-left : 5em;
+ font-size : 95%%;
+ line-height : 110%%;
}
h6.toc {
- margin-left: 6em;
- font-size: 90%;
- line-height: 110%;
+ margin-left : 6em;
+ font-size : 90%%;
+ line-height : 110%%;
}
h7.toc {
- margin-left: 7em;
- font-size: 85%;
- line-height: 100%;
+ margin-left : 7em;
+ font-size : 85%%;
+ line-height : 100%%;
}
.subtoc {
- margin-right: 34%;
- font-weight: normal;
+ margin-right : 34%%;
+ font-weight : normal;
}
h5.subtoc {
- margin-left: 2em;
- font-size: 80%;
- margin-top: 2px;
- margin-bottom: 2px;
+ 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;
+ 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;
+ margin-left : 4em;
+ font-size : 70%%;
+ margin-top : 0px;
+ margin-bottom : 0px;
}
#+END_SRC
@@ -2309,70 +1496,72 @@ Consider what if anything should be used here
#+name: css_dark_html_seg
#+BEGIN_SRC css
.icon-bar {
- width: 100%;
- overflow: auto;
- margin: 0em 0em 0em;
+ width : 100%%;
+ overflow : auto;
+ margin : 0em 0em 0em;
}
.left-bar {
- width: 85%;
- float: left;
- display: inline;
- overflow: auto;
+ 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;
+ 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%;
+ position : relative;
+ left : 25%%;
+ top : 25%%;
+ width : 150%%;
+ height : 150%%;
}
.toc-button p {
- vertical-align: center;
- font-size: 120%;
+ 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;
+ 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%;
+ position : relative;
+ left : 20%%;
+ top : 20%%;
+ width : 60%%;
+ height : 60%%;
}
.menu {
- right: 6em;
+ right : 6em;
}
.previous {
- right: 3em;
+ right : 3em;
}
.next {
- right: 0em;
+ right : 0em;
}
- .arrow { fill: #DDDDDD; }
+ .arrow {
+ fill : #DDDDDD;
+ }
.minitoc {
- line-height: 100%;
- font-size: 90%;
- margin-top: 6px;
- margin-bottom: 0px;
- padding-left: 0em;
- text-indent: 0em;
+ line-height : 100%%;
+ font-size : 90%%;
+ margin-top : 6px;
+ margin-bottom : 0px;
+ padding-left : 0em;
+ text-indent : 0em;
}
#+END_SRC
@@ -2382,32 +1571,32 @@ Consider what if anything should be used here
#+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;
+ 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;
+ 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;
+ 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;
+ background-color : #000000;
+ margin : 4px;
}
#+END_SRC
@@ -2419,85 +1608,85 @@ Consider what if anything should be used here
#+BEGIN_SRC css
/* grid */
.wrapper {
- display: grid;
- grid-template-columns: 100%;
+ 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;
+ "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;
+ border-style : none;
+ border-color : #000000;
+ padding : 10px;
}
.headband {
- grid-area: headband;
- background-color: #000000;
+ grid-area : headband;
+ background-color : #000000;
}
.doc_header {
- grid-area: doc_header;
+ grid-area : doc_header;
}
.doc_title {
- grid-area: doc_title;
+ grid-area : doc_title;
}
.doc_toc {
- grid-area: doc_toc;
+ grid-area : doc_toc;
}
.doc_prefix {
- grid-area: doc_prefix;
+ grid-area : doc_prefix;
}
.doc_intro {
- grid-area: doc_intro;
+ grid-area : doc_intro;
}
.doc_body {
- grid-area: doc_body;
+ grid-area : doc_body;
}
.doc_endnotes {
- grid-area: doc_endnotes;
+ grid-area : doc_endnotes;
}
.doc_glossary {
- grid-area: doc_glossary;
+ grid-area : doc_glossary;
}
.doc_biblio {
- grid-area: doc_biblio;
+ grid-area : doc_biblio;
}
.doc_bookindex {
- grid-area: doc_bookindex;
+ grid-area : doc_bookindex;
}
.doc_blurb {
- grid-area: doc_blurb;
+ grid-area : doc_blurb;
}
.doc_suffix {
- grid-area: doc_suffix;
+ grid-area : doc_suffix;
}
.nav-ul {
- list-style: none;
- float: left;
+ list-style : none;
+ float : left;
}
.nav-li {
- float: left;
- padding-right: 0.7em;
+ float : left;
+ padding-right : 0.7em;
}
.nav-li a {
- text-decoration: none;
- color: #000000;
+ text-decoration : none;
+ color : #000000;
}
footer {
- background-color: #FF704E;
+ background-color : #FF704E;
}
#+END_SRC
@@ -2508,32 +1697,32 @@ Consider what if anything should be used here
#+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;
+ 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;
+ 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;
+ 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;
+ background-color : #000000;
+ margin : 4px;
}
#+END_SRC
@@ -2543,85 +1732,85 @@ Consider what if anything should be used here
#+BEGIN_SRC css
/* grid */
.wrapper {
- display: grid;
- grid-template-columns: 100%;
+ 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;
+ "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;
+ border-style : none;
+ border-color : #000000;
+ padding : 10px;
}
.headband {
- grid-area: headband;
- background-color: #000000;
+ grid-area : headband;
+ background-color : #000000;
}
.doc_header {
- grid-area: doc_header;
+ grid-area : doc_header;
}
.doc_title {
- grid-area: doc_title;
+ grid-area : doc_title;
}
.doc_toc {
- grid-area: doc_toc;
+ grid-area : doc_toc;
}
.doc_prefix {
- grid-area: doc_prefix;
+ grid-area : doc_prefix;
}
.doc_intro {
- grid-area: doc_intro;
+ grid-area : doc_intro;
}
.doc_body {
- grid-area: doc_body;
+ grid-area : doc_body;
}
.doc_endnotes {
- grid-area: doc_endnotes;
+ grid-area : doc_endnotes;
}
.doc_glossary {
- grid-area: doc_glossary;
+ grid-area : doc_glossary;
}
.doc_biblio {
- grid-area: doc_biblio;
+ grid-area : doc_biblio;
}
.doc_bookindex {
- grid-area: doc_bookindex;
+ grid-area : doc_bookindex;
}
.doc_blurb {
- grid-area: doc_blurb;
+ grid-area : doc_blurb;
}
.doc_suffix {
- grid-area: doc_suffix;
+ grid-area : doc_suffix;
}
.nav-ul {
- list-style: none;
- float: left;
+ list-style : none;
+ float : left;
}
.nav-li {
- float: left;
- padding-right: 0.7em;
+ float : left;
+ padding-right : 0.7em;
}
.nav-li a {
- text-decoration: none;
- color: #000000;
+ text-decoration : none;
+ color : #000000;
}
footer {
- background-color: #FF704E;
+ background-color : #FF704E;
}
#+END_SRC
@@ -2631,4 +1820,432 @@ Consider what if anything should be used here
#+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__