diff options
Diffstat (limited to 'org')
| -rw-r--r-- | org/doc_reform.org | 15 | ||||
| -rw-r--r-- | org/output_harvest_metadata.org | 212 | ||||
| -rw-r--r-- | org/output_xmls.org | 150 | ||||
| -rw-r--r-- | org/output_xmls_css.org | 3231 |
4 files changed, 1614 insertions, 1994 deletions
diff --git a/org/doc_reform.org b/org/doc_reform.org index 747b075..7a85e20 100644 --- a/org/doc_reform.org +++ b/org/doc_reform.org @@ -28,7 +28,7 @@ struct Version { int minor; int patch; } -enum _ver = Version(0, 7, 4); +enum _ver = Version(0, 7, 5); #+END_SRC ** compilation restrictions (supported compilers) @@ -338,7 +338,8 @@ bool[string] opts = [ "latex" : false, "light" : false, "manifest" : false, - "ocn" : true, + "hide-ocn" : false, + "ocn-off" : false, "odf" : false, "odt" : false, "parallel" : false, @@ -396,7 +397,8 @@ auto helpInfo = getopt(args, "latex", "--latex output for pdfs", &opts["latex"], "light", "--light default light theme", &opts["light"], "manifest", "--manifest process manifest output", &opts["manifest"], - "ocn", "--ocn object cite numbers (default)", &opts["ocn"], + "hide-ocn", "--hide-ocn object cite numbers", &opts["hide-ocn"], + "ocn-off", "--ocn-off object cite numbers", &opts["ocn-off"], "odf", "--odf open document format text (--odt)", &opts["odf"], "odt", "--odt open document format text", &opts["odt"], "parallel", "--parallel parallelisation", &opts["parallel"], @@ -537,8 +539,11 @@ struct OptActions { bool manifest() { return opts["manifest"]; } - bool ocn() { - return opts["ocn"]; + bool ocn_hidden() { + return opts["hide-ocn"]; + } + bool ocn_off() { + return opts["ocn-off"]; } bool quiet() { return opts["quiet"]; diff --git a/org/output_harvest_metadata.org b/org/output_harvest_metadata.org index 54edacd..1b57082 100644 --- a/org/output_harvest_metadata.org +++ b/org/output_harvest_metadata.org @@ -734,54 +734,54 @@ if (_opt_action.verbose #+BEGIN_SRC d string theme_dark_0 = format(q"┃ body { - color: #CCCCCC; - background: #000000; - background-color: #000000; + color : #CCCCCC; + background : #000000; + background-color : #000000; } 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:hover img { - background-color: #000000; + background-color : #000000; } a:active { - color: #888888; - text-decoration: underline; + color : #888888; + text-decoration : underline; } ┃"); string theme_light_0 = format(q"┃ body { - color: black; - background: #ffffff; - background-color: #ffffff; + color : #000000; + background : #FFFFFF; + background-color : #FFFFFF; } 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:hover img { - background-color: #ffffff; + background-color : #FFFFFF; } a:active { - color: #003399; - text-decoration: underline; + color : #003399; + text-decoration : underline; } ┃"); #+END_SRC @@ -792,58 +792,58 @@ string theme_light_0 = format(q"┃ #+BEGIN_SRC d string theme_dark_1 = format(q"┃ h1 { - color: white; - background: #000000; + color : #FFFFFF; + background : #000000; } p.letter { - color: white; - background: #333333; + color : #FFFFFF; + background : #333333; } p.lev0 { - color: white; - background: #000000; + color : #FFFFFF; + background : #000000; } p.lev1 { - color: white; - background: #333333; + color : #FFFFFF; + background : #333333; } p.lev2 { - background: #555555; + background : #555555; } p.lev3 { - background: #777777; + background : #777777; } p.lev4 { - background: #aaaaaa; + background : #AAAAAA; } p.lev5 { } ┃"); string theme_light_1 = format(q"┃ h1 { - color: white; - background: #000088; + color : #FFFFFF; + background : #000088; } p.letter { - color: white; - background: #880000; + color : #FFFFFF; + background : #880000; } p.lev0 { - color: white; - background: #000000; + color : #FFFFFF; + background : #000000; } p.lev1 { - color: white; - background: #444444; + color : #FFFFFF; + background : #444444; } p.lev2 { - background: #888888; + background : #888888; } p.lev3 { - background: #bbbbbb; + background : #BBBBBB; } p.lev4 { - background: #eeeeee; + background : #EEEEEE; } p.lev5 { } @@ -863,91 +863,91 @@ string theme_light_1 = format(q"┃ <style TYPE="text/css"> /* DocReform harvest css default stylesheet */%s .norm, .bold { - line-height: 150%%; - margin-left: 1em; - margin-right: 2em; - margin-top: 10px; - margin-bottom: 0px; - text-indent: 0mm; + line-height : 150%%; + margin-left : 1em; + margin-right : 2em; + margin-top : 10px; + margin-bottom : 0px; + text-indent : 0mm; } p, h0, h1, h2, h3, h4, h5, h6, h7 { - display: block; - font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; - font-size: 100%%; - font-weight: normal; - line-height: 150%%; - /* text-align: justify; */ - margin-left: 1em; - text-indent: 0mm; - margin-top: 2px; - margin-bottom: 2px; - margin-right: 6px; - text-align: left; + display : block; + font-family : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; + font-size : 100%%; + font-weight : normal; + line-height : 150%%; + /* text-align : justify; */ + margin-left : 1em; + text-indent : 0mm; + margin-top : 2px; + margin-bottom : 2px; + margin-right : 6px; + text-align : left; } h0, h1, h2, h3, h4, h5, h6, h7 { text-shadow: .2em .2em .3em #999999; } h1 { - font-size: 120%%; - font-weight: bold; - color: white; - background: #000088; - margin-left: 0em; + font-size : 120%%; + font-weight : bold; + color : #FFFFFF; + background : #000088; + margin-left : 0em; } p.work { - font-size: 80%%; - margin-left: 5em; - margin-top: 0px; - margin-bottom: 0px; - margin-right: 6px; - text-align: left; + font-size : 80%%; + margin-left : 5em; + margin-top : 0px; + margin-bottom : 0px; + margin-right : 6px; + text-align : left; } p.author { - font-size: 100%%; - margin-left: 2em; - margin-top: 0px; - margin-bottom: 0px; - margin-right: 6px; - text-align: left; + font-size : 100%%; + margin-left : 2em; + margin-top : 0px; + margin-bottom : 0px; + margin-right : 6px; + text-align : left; } p.publication { - font-size: 80%%; - margin-left: 4em; - margin-top: 0px; - margin-bottom: 0px; - margin-right: 6px; - text-align: left; + font-size : 80%%; + margin-left : 4em; + margin-top : 0px; + margin-bottom : 0px; + margin-right : 6px; + text-align : left; } p.letter { - font-weight: bold; - font-size: 60%%; - margin-left: 1em; - margin-top: 0px; - margin-bottom: 0px; - margin-right: 6px; - text-align: left; + font-weight : bold; + font-size : 60%%; + margin-left : 1em; + margin-top : 0px; + margin-bottom : 0px; + margin-right : 6px; + text-align : left; } p.lev0 { - font-size: 120%%; - margin-left: 1em; + font-size : 120%%; + margin-left : 1em; } p.lev1 { - font-size: 110%%; - margin-left: 2em; + font-size : 110%%; + margin-left : 2em; } p.lev2 { - font-size: 100%%; - margin-left: 3em; + font-size : 100%%; + margin-left : 3em; } p.lev3 { - font-size: 90%%; - margin-left: 4em; + font-size : 90%%; + margin-left : 4em; } p.lev4 { - font-size: 80%%; - margin-left: 5em; + font-size : 80%%; + margin-left : 5em; } p.lev5 { - font-size: 80%%; - margin-left: 6em; + font-size : 80%%; + margin-left : 6em; }%s </style> <link rel="shortcut icon" href="../_sisu/image/rb7.ico" /> diff --git a/org/output_xmls.org b/org/output_xmls.org index 6b3b3d1..0777b21 100644 --- a/org/output_xmls.org +++ b/org/output_xmls.org @@ -805,9 +805,10 @@ auto nav_pre_next_svg(O,M)( #+name: xhtml_format_objects #+BEGIN_SRC d -string heading(O)( - string _txt, - const O obj, +string heading(O,M)( + string _txt, + const O obj, + M doc_matters, string _xml_type = "html", ) { assert(obj.metainfo.is_of_part == "body" || "frontmatter" || "backmatter"); @@ -841,7 +842,7 @@ string heading(O)( </div>┃", _horizontal_rule, obj.metainfo.identifier, - (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier, + (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier), obj.metainfo.heading_lev_markup, obj.metainfo.is_a, obj.metainfo.identifier, @@ -882,7 +883,7 @@ string heading_scroll(O,M)( string _suffix = ".html", ) { _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix); - string o = heading(_txt, obj); + string o = heading(_txt, obj, doc_matters); return o; } #+END_SRC @@ -901,7 +902,7 @@ auto heading_seg(O,M)( auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type); _txt = t[0]; string[] _endnotes = t[1]; - string o = heading(_txt, obj, _xml_type); + string o = heading(_txt, obj, doc_matters, _xml_type); auto u = tuple( o, _endnotes, @@ -915,9 +916,10 @@ auto heading_seg(O,M)( #+name: xhtml_format_objects #+BEGIN_SRC d -string para(O)( - string _txt, - const O obj, +string para(O,M)( + string _txt, + const O obj, + M doc_matters, ) { assert(obj.metainfo.is_of_part == "body" || "frontmatter" || "backmatter"); assert(obj.metainfo.is_of_section == "body" || "toc" || "endnotes" || "glossary" || "bibliography" || "bookindex" || "blurb"); @@ -937,7 +939,7 @@ string para(O)( </p> </div>┃", obj.metainfo.identifier, - (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier, + (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier), obj.metainfo.is_a, obj.attrib.indent_hang, obj.attrib.indent_base, @@ -973,7 +975,7 @@ string para_scroll(O,M)( string _suffix = ".html", ) { _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix); - string o = para(_txt, obj); + string o = para(_txt, obj, doc_matters); return o; } #+END_SRC @@ -992,7 +994,7 @@ auto para_seg(O,M)( auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type); _txt = t[0].to!string; string[] _endnotes = t[1]; - string o = para(_txt, obj); + string o = para(_txt, obj, doc_matters); auto u = tuple( o, _endnotes, @@ -1006,9 +1008,10 @@ auto para_seg(O,M)( #+name: xhtml_format_objects #+BEGIN_SRC d -string quote(O)( - string _txt, - const O obj, +string quote(O,M)( + string _txt, + const O obj, + M doc_matters, ) { assert(obj.metainfo.is_of_part == "body"); assert(obj.metainfo.is_of_section == "body" || "glossary" || "bibliography" || "bookindex" || "blurb"); @@ -1024,7 +1027,7 @@ string quote(O)( </p> </div>┃", obj.metainfo.identifier, - (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier, + (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier), obj.metainfo.is_a, obj.metainfo.identifier, _txt @@ -1054,7 +1057,7 @@ string quote_scroll(O,M)( string _suffix = ".html", ) { _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix); - string o = quote(_txt, obj); + string o = quote(_txt, obj, doc_matters); return o; } #+END_SRC @@ -1073,7 +1076,7 @@ auto quote_seg(O,M)( auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type); _txt = t[0].to!string; string[] _endnotes = t[1]; - string o = quote(_txt, obj); + string o = quote(_txt, obj, doc_matters); auto u = tuple( o, _endnotes, @@ -1087,9 +1090,10 @@ auto quote_seg(O,M)( #+name: xhtml_format_objects #+BEGIN_SRC d -string group(O)( - string _txt, - const O obj, +string group(O,M)( + string _txt, + const O obj, + M doc_matters, ) { assert(obj.metainfo.is_of_part == "body"); assert(obj.metainfo.is_of_section == "body" || "glossary" || "bibliography" || "bookindex" || "blurb"); @@ -1105,7 +1109,7 @@ string group(O)( </p> </div>┃", obj.metainfo.identifier, - (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier, + (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier), obj.metainfo.is_a, obj.metainfo.identifier, _txt @@ -1136,7 +1140,7 @@ string group_scroll(O,M)( string _xml_type = "html", ) { _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix); - string o = group(_txt, obj); + string o = group(_txt, obj, doc_matters); return o; } #+END_SRC @@ -1155,7 +1159,7 @@ auto group_seg(O,M)( auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type); _txt = t[0].to!string; string[] _endnotes = t[1]; - string o = group(_txt, obj); + string o = group(_txt, obj, doc_matters); auto u = tuple( o, _endnotes, @@ -1169,9 +1173,10 @@ auto group_seg(O,M)( #+name: xhtml_format_objects #+BEGIN_SRC d -string block(O)( - string _txt, - const O obj, +string block(O,M)( + string _txt, + const O obj, + M doc_matters, ) { assert(obj.metainfo.is_of_part == "body"); assert(obj.metainfo.is_of_section == "body" || "glossary" || "bibliography" || "bookindex" || "blurb"); @@ -1185,7 +1190,7 @@ string block(O)( <p class="%s" id="%s">%s</p> </div>┃", obj.metainfo.identifier, - (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier, + (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier), obj.metainfo.is_a, obj.metainfo.identifier, _txt.stripRight @@ -1214,7 +1219,7 @@ string block_scroll(O,M)( string _xml_type = "html", ) { _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix); - string o = block(_txt, obj); + string o = block(_txt, obj, doc_matters); return o; } #+END_SRC @@ -1233,7 +1238,7 @@ auto block_seg(O,M)( auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type); _txt = t[0].to!string; string[] _endnotes = t[1]; - string o = block(_txt, obj); + string o = block(_txt, obj, doc_matters); auto u = tuple( o, _endnotes, @@ -1247,9 +1252,10 @@ auto block_seg(O,M)( #+name: xhtml_format_objects #+BEGIN_SRC d -string verse(O)( - string _txt, - const O obj, +string verse(O,M)( + string _txt, + const O obj, + M doc_matters, ) { assert(obj.metainfo.is_of_part == "body"); assert(obj.metainfo.is_of_section == "body" || "glossary" || "bibliography" || "bookindex" || "blurb"); @@ -1263,7 +1269,7 @@ string verse(O)( <p class="%s" id="%s">%s</p> </div>┃", obj.metainfo.identifier, - (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier, + (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier), obj.metainfo.is_a, obj.metainfo.identifier, _txt @@ -1292,7 +1298,7 @@ string verse_scroll(O,M)( string _xml_type = "html", ) { _txt = inline_markup_scroll(_txt, obj, doc_matters, _suffix); - string o = verse(_txt, obj); + string o = verse(_txt, obj, doc_matters); return o; } #+END_SRC @@ -1311,7 +1317,7 @@ auto verse_seg(O,M)( auto t = inline_markup_seg(_txt, obj, doc_matters, _suffix, _xml_type); _txt = t[0].to!string; string[] _endnotes = t[1]; - string o = verse(_txt, obj); + string o = verse(_txt, obj, doc_matters); auto u = tuple( o, _endnotes, @@ -1324,9 +1330,10 @@ auto verse_seg(O,M)( #+name: xhtml_format_objects_code #+BEGIN_SRC d -string code(O)( - string _txt, - const O obj, +string code(O,M)( + string _txt, + const O obj, + M doc_matters, ) { assert(obj.metainfo.is_of_part == "body"); assert(obj.metainfo.is_of_section == "body"); @@ -1339,7 +1346,7 @@ string code(O)( <pre><p class="%s" id="%s">%s</p></pre> </div>┃", obj.metainfo.identifier, - (obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier, + (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier), obj.metainfo.is_a, obj.metainfo.identifier, _txt @@ -1408,9 +1415,10 @@ auto tablarize(O)( #+name: xhtml_format_objects #+BEGIN_SRC d -string table(O)( - string _txt, - const O obj, +string table(O,M)( + string _txt, + const O obj, + M doc_matters, ) { assert(obj.metainfo.is_of_part == "body"); assert(obj.metainfo.is_of_section == "body"); @@ -1432,7 +1440,7 @@ string table(O)( </p> </div>┃", obj.metainfo.object_number, - obj.metainfo.object_number, + (doc_matters.opt.action.ocn_off) ? "" : ((obj.metainfo.object_number.empty) ? "" : obj.metainfo.identifier), obj.metainfo.is_a, obj.metainfo.object_number, tags, @@ -1565,10 +1573,10 @@ void scroll(D,M)( doc_html ~= xhtml_format.verse_scroll(_txt, obj, doc_matters, suffix); break; case "code": - doc_html ~= xhtml_format.code(_txt, obj); + doc_html ~= xhtml_format.code(_txt, obj, doc_matters); break; case "table": - doc_html ~= xhtml_format.table(_txt, obj); + doc_html ~= xhtml_format.table(_txt, obj, doc_matters); break; default: { /+ debug +/ @@ -1661,7 +1669,7 @@ void scroll(D,M)( } } doc = xhtml_format.html_head(doc_matters, "scroll") ~ doc_html ~ xhtml_format.tail; - scroll_write_output(doc_matters, doc); + scroll_write_output(doc, doc_matters); } #+END_SRC @@ -1669,9 +1677,9 @@ void scroll(D,M)( #+name: output_html_scroll #+BEGIN_SRC d -void scroll_write_output(M,C)( +void scroll_write_output(D,M)( + D doc, M doc_matters, - C doc, ) { debug(asserts) { static assert(is(typeof(doc) == string[])); @@ -1891,10 +1899,10 @@ void seg(D,M)( doc_html_endnotes[segment_filename] ~= t[1]; break; case "code": - doc_html[segment_filename] ~= xhtml_format.code(_txt, obj); + doc_html[segment_filename] ~= xhtml_format.code(_txt, obj, doc_matters); break; case "table": - doc_html[segment_filename] ~= xhtml_format.table(_txt, obj); + doc_html[segment_filename] ~= xhtml_format.table(_txt, obj, doc_matters); doc_html_endnotes[segment_filename] ~= ""; break; default: @@ -1992,7 +2000,7 @@ void seg(D,M)( } } } - seg_write_output(doc_matters, doc_html, doc_html_endnotes); + seg_write_output(doc_html, doc_html_endnotes, doc_matters); } #+END_SRC @@ -2000,10 +2008,10 @@ void seg(D,M)( #+name: output_html_seg #+BEGIN_SRC d -void seg_write_output(M,D,E)( - M doc_matters, +void seg_write_output(D,E,M)( D doc_html, E doc_html_endnotes, + M doc_matters, ) { debug(asserts) { static assert(is(typeof(doc_html) == string[][string])); @@ -2040,23 +2048,17 @@ void seg_write_output(M,D,E)( #+name: output_html_css #+BEGIN_SRC d -void css(M)( - M doc_matters, -) { - auto css = DocReformCss(); +void css(M)(M doc_matters) { + auto css = DocReformCss(doc_matters); auto pth_html = DocReformPathsHTML!()(doc_matters.output_path, doc_matters.src.language); try { if (!exists(pth_html.css)) { (pth_html.css).mkdirRecurse; } auto f = File(pth_html.fn_seg_css, "w"); - (doc_matters.opt.action.css_theme_default) - ? f.writeln(css.light.html_seg) - : f.writeln(css.dark.html_seg); + f.writeln(css.html_seg); f = File(pth_html.fn_scroll_css, "w"); - (doc_matters.opt.action.css_theme_default) - ? f.writeln(css.light.html_scroll) - : f.writeln(css.dark.html_scroll); + f.writeln(css.html_scroll); } catch (ErrnoException ex) { // Handle error } @@ -2658,10 +2660,10 @@ void outputEPub3(D,I)( epubWrite.doc_epub3_endnotes[segment_filename] ~= t[1]; break; case "code": - epubWrite.doc_epub3[segment_filename] ~= xhtml_format.code(_txt, obj); + epubWrite.doc_epub3[segment_filename] ~= xhtml_format.code(_txt, obj, doc_matters); break; case "table": - epubWrite.doc_epub3[segment_filename] ~= xhtml_format.table(_txt, obj); + epubWrite.doc_epub3[segment_filename] ~= xhtml_format.table(_txt, obj, doc_matters); epubWrite.doc_epub3_endnotes[segment_filename] ~= ""; break; default: @@ -2818,9 +2820,9 @@ void outputEPub3(D,I)( #+name: output_epub3_xhtml_seg #+BEGIN_SRC d -void epub3_write_output_files(W,I)( - W epub_write, - I doc_matters, +void epub3_write_output_files(W,M)( + W epub_write, + M doc_matters, ) { debug(asserts) { static assert(is(typeof(epub_write.doc_epub3) == string[][string])); @@ -2986,22 +2988,18 @@ void epub3_write_output_files(W,I)( } } { /+ OEBPS/epub.css +/ - auto css = DocReformCss(); + auto css = DocReformCss(doc_matters); { /+ debug +/ if (doc_matters.opt.action.debug_do) { fn_dbg = pth_epub3.dbg_fn_oebps_css(doc_matters.src.filename); - (doc_matters.opt.action.css_theme_default) - ? File(fn_dbg, "w").writeln(css.light.epub) - : File(fn_dbg, "w").writeln(css.dark.epub); + File(fn_dbg, "w").writeln(css.epub); } } fn = pth_epub3.fn_oebps_css; auto zip_arc_member_file = new ArchiveMember(); zip_arc_member_file.name = fn; auto zip_data = new OutBuffer(); - (doc_matters.opt.action.css_theme_default) - ? zip_data.write(css.light.epub.dup) - : zip_data.write(css.dark.epub.dup); + zip_data.write(css.epub.dup); zip_arc_member_file.expandedData = zip_data.toBytes(); zip.addMember(zip_arc_member_file); createZipFile!()(fn_epub, zip.build()); 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__ |