diff options
Diffstat (limited to 'src')
| -rwxr-xr-x | src/doc_reform/doc_reform.d | 13 | ||||
| -rw-r--r-- | src/doc_reform/meta/metadoc_harvests_authors.d | 212 | ||||
| -rw-r--r-- | src/doc_reform/meta/metadoc_harvests_topics.d | 212 | ||||
| -rw-r--r-- | src/doc_reform/output/epub3.d | 20 | ||||
| -rw-r--r-- | src/doc_reform/output/html.d | 34 | ||||
| -rw-r--r-- | src/doc_reform/output/xmls.d | 96 | ||||
| -rw-r--r-- | src/doc_reform/output/xmls_css.d | 7213 | 
7 files changed, 2881 insertions, 4919 deletions
| diff --git a/src/doc_reform/doc_reform.d b/src/doc_reform/doc_reform.d index 0fa326d..4c7f0bc 100755 --- a/src/doc_reform/doc_reform.d +++ b/src/doc_reform/doc_reform.d @@ -131,7 +131,8 @@ void main(string[] args) {      "latex"              : false,      "light"              : false,      "manifest"           : false, -    "ocn"                : true, +    "hide-ocn"           : false, +    "ocn-off"            : false,      "odf"                : false,      "odt"                : false,      "parallel"           : false, @@ -189,7 +190,8 @@ void main(string[] 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"], @@ -323,8 +325,11 @@ void main(string[] args) {      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/src/doc_reform/meta/metadoc_harvests_authors.d b/src/doc_reform/meta/metadoc_harvests_authors.d index 950d1ff..510d375 100644 --- a/src/doc_reform/meta/metadoc_harvests_authors.d +++ b/src/doc_reform/meta/metadoc_harvests_authors.d @@ -21,110 +21,110 @@ template DocReformMetaDocHarvestsAuthors() {    ) {  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;    }  ┃");  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 {    } @@ -145,91 +145,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/src/doc_reform/meta/metadoc_harvests_topics.d b/src/doc_reform/meta/metadoc_harvests_topics.d index a5a481c..9f73552 100644 --- a/src/doc_reform/meta/metadoc_harvests_topics.d +++ b/src/doc_reform/meta/metadoc_harvests_topics.d @@ -64,110 +64,110 @@ template DocReformMetaDocHarvestsTopics() {        }  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;    }  ┃");  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 {    } @@ -186,91 +186,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/src/doc_reform/output/epub3.d b/src/doc_reform/output/epub3.d index 09dea3d..e741a5e 100644 --- a/src/doc_reform/output/epub3.d +++ b/src/doc_reform/output/epub3.d @@ -464,10 +464,10 @@ template outputEPub3() {                  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: @@ -606,9 +606,9 @@ template outputEPub3() {      epubWrite.oebps_content_opf =      doc_abstraction.epub3_oebps_content(doc_matters, oepbs_content_parts);      epubWrite.epub3_write_output_files(doc_matters);    } -  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])); @@ -774,22 +774,18 @@ template outputEPub3() {          }        }        { /+ 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/src/doc_reform/output/html.d b/src/doc_reform/output/html.d index 820b9a7..85ec9ba 100644 --- a/src/doc_reform/output/html.d +++ b/src/doc_reform/output/html.d @@ -97,10 +97,10 @@ template outputHTML() {                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 +/ @@ -181,11 +181,11 @@ template outputHTML() {        }      }      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);    } -  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[])); @@ -368,10 +368,10 @@ template outputHTML() {                  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: @@ -457,12 +457,12 @@ template outputHTML() {          }        }      } -    seg_write_output(doc_matters, doc_html, doc_html_endnotes); +    seg_write_output(doc_html, doc_html_endnotes, doc_matters);    } -  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])); @@ -493,23 +493,17 @@ template outputHTML() {        writeln(" ", pth_html.fn_seg(doc_matters.src.filename, "toc"));      }    } -  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      } diff --git a/src/doc_reform/output/xmls.d b/src/doc_reform/output/xmls.d index 25733b1..de68d05 100644 --- a/src/doc_reform/output/xmls.d +++ b/src/doc_reform/output/xmls.d @@ -641,9 +641,10 @@ template outputXHTMLs() {        }        return bar();      } -    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"); @@ -677,7 +678,7 @@ template outputXHTMLs() {        </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, @@ -712,7 +713,7 @@ template outputXHTMLs() {        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;      }      auto heading_seg(O,M)( @@ -725,16 +726,17 @@ template outputXHTMLs() {        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,        );        return u;      } -    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"); @@ -754,7 +756,7 @@ template outputXHTMLs() {        </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, @@ -784,7 +786,7 @@ template outputXHTMLs() {        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;      }      auto para_seg(O,M)( @@ -797,16 +799,17 @@ template outputXHTMLs() {        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,        );        return u;      } -    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"); @@ -822,7 +825,7 @@ template outputXHTMLs() {        </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 @@ -846,7 +849,7 @@ template outputXHTMLs() {        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;      }      auto quote_seg(O,M)( @@ -859,16 +862,17 @@ template outputXHTMLs() {        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,        );        return u;      } -    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"); @@ -884,7 +888,7 @@ template outputXHTMLs() {        </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 @@ -909,7 +913,7 @@ template outputXHTMLs() {        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;      }      auto group_seg(O,M)( @@ -922,16 +926,17 @@ template outputXHTMLs() {        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,        );        return u;      } -    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"); @@ -945,7 +950,7 @@ template outputXHTMLs() {        <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 @@ -968,7 +973,7 @@ template outputXHTMLs() {        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;      }      auto block_seg(O,M)( @@ -981,16 +986,17 @@ template outputXHTMLs() {        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,        );        return u;      } -    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"); @@ -1004,7 +1010,7 @@ template outputXHTMLs() {            <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 @@ -1027,7 +1033,7 @@ template outputXHTMLs() {        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;      }      auto verse_seg(O,M)( @@ -1040,7 +1046,7 @@ template outputXHTMLs() {        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, @@ -1080,9 +1086,10 @@ template outputXHTMLs() {        );        return t;      } -    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"); @@ -1104,7 +1111,7 @@ template outputXHTMLs() {        </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, @@ -1113,9 +1120,10 @@ template outputXHTMLs() {        );        return o;      } -    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"); @@ -1128,7 +1136,7 @@ template outputXHTMLs() {        <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 diff --git a/src/doc_reform/output/xmls_css.d b/src/doc_reform/output/xmls_css.d index 15af934..a60ba5f 100644 --- a/src/doc_reform/output/xmls_css.d +++ b/src/doc_reform/output/xmls_css.d @@ -3,5913 +3,3872 @@  +/  module doc_reform.output.xmls_css;  template DocReformCss() { -  auto DocReformCss() { -    string _css_light_html_seg=" -  *{ -    padding: 0px; -    margin: 0px; +  import std.format; +  auto DocReformCss(M)(M doc_matters) { +    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;    } -  body { -    height: 100vh; -    background-color: #FFFFFF; +  p[indent="h0i1"] { +    padding-left             : 1em; +    text-indent              : -1em;    } -  body { -    color:#000000; -    background: #FFFFFF; -    background-color: #FFFFFF; +  p[indent="h0i2"] { +    padding-left             : 2em; +    text-indent              : -2em;    } -  a:link { -    color: #003399; -    text-decoration: none; +  p[indent="h0i3"] { +    padding-left             : 3em; +    text-indent              : -3em;    } -  a:visited { -    color: #003399; -    text-decoration: none; +  p[indent="h0i4"] { +    padding-left             : 4em; +    text-indent              : -4em;    } -  a:hover { -    color: #000000; -    background-color: #F9F9AA; +  p[indent="h0i5"] { +    padding-left             : 5em; +    text-indent              : -5em;    } -  a.lnkocn:link { -    color: #777777; -    text-decoration: none; +  p[indent="h0i6"] { +    padding-left             : 6em; +    text-indent              : -6em;    } -  a.lnkocn:visited { -    color: #003399; -    text-decoration: none; +  p[indent="h0i7"] { +    padding-left             : 7em; +    text-indent              : -7em;    } -  a:hover img { -    background-color: #FFFFFF; +  p[indent="h0i8"] { +    padding-left             : 8em; +    text-indent              : -8em;    } -  a:active { -    color: #003399; -    text-decoration: underline; +  p[indent="h0i9"] { +    padding-left             : 9em; +    text-indent              : -9em;    } -  div { -    margin-left: 0; -    margin-right: 0; +  p[indent="h1i0"] { +    padding-left             : 0em; +    text-indent              : 1em;    } -  div.p { -    margin-left: 5%; -    margin-right: 1%; +  p[indent="h1i1"] { +    padding-left             : 1em; +    text-indent              : 0em;    } -  div.substance { -    width: 100%; -    background-color: #FFFFFF; +  p[indent="h1i2"] { +    padding-left             : 2em; +    text-indent              : -1em;    } -  div.ocn { -    width: 5%; -    float: right; -    top: 0; -    background-color: #FFFFFF; +  p[indent="h1i3"] { +    padding-left             : 3em; +    text-indent              : -2em;    } -  div.endnote { -    width: 95%; -    background-color: #FFFFFFf; +  p[indent="h1i4"] { +    padding-left             : 4em; +    text-indent              : -3em;    } -  div.toc { -    position: absolute; -    float: left; -    margin: 0; -    padding: 0; -    padding-top: 0.5em; -    border: 0; -    width: 13em; -    background-color: #EEEEEE; -    margin-right:1em; +  p[indent="h1i5"] { +    padding-left             : 5em; +    text-indent              : -4em;    } -  div.summary { -    margin: 0; -    padding: 0; -    border-left: 13em solid #EEEEEE; -    padding-left: 1em; -    background-color: #EEEEEE; +  p[indent="h1i6"] { +    padding-left             : 6em; +    text-indent              : -5em;    } -  div.content, div.main_column { -    margin: 0; -    padding: 0; -    border-left: 13em solid #FFFFFF; -    padding-left: 1em; -    padding-right: 1em; +  p[indent="h1i7"] { +    padding-left             : 7em; +    text-indent              : -6em;    } -  div.content0, div.main_column0 { -    margin: 0; -    padding: 0; -    border-left: 0% solid #FFFFFF; -    padding-left: 5%; +  p[indent="h1i8"] { +    padding-left             : 8em; +    text-indent              : -7em;    } -  div.scroll { -    margin: 0; -    padding: 0; -    padding-left: 1em; -    padding-right: 1em; +  p[indent="h1i9"] { +    padding-left             : 9em; +    text-indent              : -8em;    } -  div.content:after { -    content:' '; -    clear:both; -    display:block; -    height:0; -    overflow:hidden +  p[indent="h2i0"] { +    padding-left             : 0em; +    text-indent              : 2em;    } -  div.footer { -    clear:left; -    padding: 0.5em; -    font-size: 80%; -    margin: 0; +  p[indent="h2i1"] { +    padding-left             : 1em; +    text-indent              : 1em;    } -  div.toc ul { -    list-style: none; -    padding: 0; -    margin: 0; +  p[indent="h2i2"] { +    padding-left             : 2em; +    text-indent              : 0em;    } -  div.toc li ul a, li ul span.currentlink -  { -    font-weight: normal; -    font-size: 90%; -    padding-left: 2em; -    background-color: #EEEEEE; +  p[indent="h2i3"] { +    padding-left             : 3em; +    text-indent              : -1em;    } -  div.toc a, span.currentlink{ -    display:block; -    text-decoration: none; -    padding-left: 0.5em; -    color: #0000aa; +  p[indent="h2i4"] { +    padding-left             : 4em; +    text-indent              : -2em;    } -  hr { -    width: 90%; -    margin-left: 5%; -    margin-right: 2em; -    margin-top: 1.8em; -    margin-bottom: 1.8em; +  p[indent="h2i5"] { +    padding-left             : 5em; +    text-indent              : -3em;    } -  span.currentlink { -    text-decoration: none; -    background-color: #AAAAAA; +  p[indent="h2i6"] { +    padding-left             : 6em; +    text-indent              : -4em;    } -  div.toc a:visited { -    color: #0000aa; +  p[indent="h2i7"] { +    padding-left             : 7em; +    text-indent              : -5em;    } -  div.toc a:hover { -    color: #000000; -    background-color: #F9F9AA; +  p[indent="h2i8"] { +    padding-left             : 8em; +    text-indent              : -6em;    } -  nav#toc ol { -    list-style-type: none; +  p[indent="h2i9"] { +    padding-left             : 9em; +    text-indent              : -7em;    } -  .norm, .bold, .verse, .group, .block, .alt { -    line-height: 133%; -    margin-top: 12px; -    margin-bottom: 0px; -    padding-left: 0em; -    text-indent: 0em; +  p[indent="h3i0"] { +    padding-left             : 0em; +    text-indent              : 3em;    } -  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { -    display: block; -    font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; -    margin-left: 5%; -    margin-right: 2em; +  p[indent="h3i1"] { +    padding-left             : 1em; +    text-indent              : 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; -  } -  img { max-width: 100%; height: auto; } -  pre { -    width: auto; -    display: block; -    clear: both; -    color: #555555; +  p[indent="h3i2"] { +    padding-left             : 2em; +    text-indent              : 1em;    } -  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%; -  } -  p.spaced { white-space: pre; } -  p.block { -    white-space: pre; +  p[indent="h3i3"] { +    padding-left             : 3em; +    text-indent              : 0em;    } -  p.group { } -  p.alt { } -  p.verse { -    white-space: pre; -    margin-bottom: 6px; +  p[indent="h3i4"] { +    padding-left             : 4em; +    text-indent              : -1em;    } -  p.caption { -    text-align: left; -    font-size: 80%; -    display: inline; +  p[indent="h3i5"] { +    padding-left             : 5em; +    text-indent              : -2em;    } -  p.endnote { -    font-size: 96%; -    line-height: 120%; -    text-align: left; -    margin-right: 15mm; +  p[indent="h3i6"] { +    padding-left             : 6em; +    text-indent              : -3em;    } -  p.endnote_indent { -    font-size: 96%; -    line-height: 120%; -    text-align: left; -    margin-left: 2em; -    margin-right: 15mm; +  p[indent="h3i7"] { +    padding-left             : 7em; +    text-indent              : -4em;    } -  p.center { -    text-align: center; +  p[indent="h3i8"] { +    padding-left             : 8em; +    text-indent              : -5em;    } -  p.bold { -    font-weight: bold; +  p[indent="h3i9"] { +    padding-left             : 9em; +    text-indent              : -6em;    } -  p.bold_left { -    font-weight: bold; -    text-align: left; +  p[indent="h4i0"] { +    padding-left             : 0em; +    text-indent              : 4em;    } -  p.centerbold { -    text-align: center; -    font-weight: bold; +  p[indent="h4i1"] { +    padding-left             : 1em; +    text-indent              : 3em;    } -  p.em { -    font-weight: bold; -    font-style: normal; -    background: #FFF3b6; +  p[indent="h4i2"] { +    padding-left             : 2em; +    text-indent              : 2em;    } -  p.small { -    font-size: 80%; -    margin-top: 0px; -    margin-bottom: 0px; -    margin-right: 6px; -    text-align: left; +  p[indent="h4i3"] { +    padding-left             : 3em; +    text-indent              : 1em;    } -  .tiny, .tiny_left, .tiny_right, .tiny_center { -    font-size: 10px; -    margin-top: 0px; -    margin-bottom: 0px; -    color: #777777; -    margin-right: 6px; -    text-align: left; +  p[indent="h4i4"] { +    padding-left             : 4em; +    text-indent              : 0em;    } -  p.tiny { } -  p.tiny_left { -    margin-left: 0px; -    margin-right: 0px; -    text-align: left; +  p[indent="h4i5"] { +    padding-left             : 5em; +    text-indent              : -1em;    } -  p.tiny_right { -    margin-right: 1em; -    text-align: right; +  p[indent="h4i6"] { +    padding-left             : 6em; +    text-indent              : -2em;    } -  p.tiny_center { -    margin-left: 0px; -    margin-right: 0px; -    text-align: center; +  p[indent="h4i7"] { +    padding-left             : 7em; +    text-indent              : -3em;    } -  p.concordance_word { -    line-height: 150%; -    font-weight: bold; -    display: inline; -    margin-top: 4px; -    margin-bottom: 1px; +  p[indent="h4i8"] { +    padding-left             : 8em; +    text-indent              : -4em;    } -  p.concordance_count { -    font-size: 80%; -    color: #777777; -    display: inline; -    margin-left: 0em; +  p[indent="h4i9"] { +    padding-left             : 9em; +    text-indent              : -5em;    } -  p.concordance_object { -    font-size: 80%; -    line-height: 120%; -    text-align: left; -    margin-left: 3em; -    margin-top: 1px; -    margin-bottom: 3px; +  p[indent="h5i0"] { +    padding-left             : 0em; +    text-indent              : 5em;    } -  p.book_index_lev1 { -    line-height: 100%; -    margin-top: 4px; -    margin-bottom: 1px; +  p[indent="h5i1"] { +    padding-left             : 1em; +    text-indent              : 4em;    } -  p.book_index_lev2 { -    line-height: 100%; -    text-align: left; -    margin-left: 3em; -    margin-top: 1px; -    margin-bottom: 3px; +  p[indent="h5i2"] { +    padding-left             : 2em; +    text-indent              : 3em;    } -  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; +  p[indent="h5i3"] { +    padding-left             : 3em; +    text-indent              : 2em;    } -  /* 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="h5i4"] { +    padding-left             : 4em; +    text-indent              : 1em;    } -  p[indent=\"h0i1\"] { -    padding-left: 1em; -    text-indent: -1em; +  p[indent="h5i5"] { +    padding-left             : 5em; +    text-indent              : 0em;    } -  p[indent=\"h0i2\"] { -    padding-left: 2em; -    text-indent: -2em; +  p[indent="h5i6"] { +    padding-left             : 6em; +    text-indent              : -1em;    } -  p[indent=\"h0i3\"] { -    padding-left: 3em; -    text-indent: -3em; +  p[indent="h5i7"] { +    padding-left             : 7em; +    text-indent              : -2em;    } -  p[indent=\"h0i4\"] { -    padding-left: 4em; -    text-indent: -4em; +  p[indent="h5i8"] { +    padding-left             : 8em; +    text-indent              : -3em;    } -  p[indent=\"h0i5\"] { -    padding-left: 5em; -    text-indent: -5em; +  p[indent="h5i9"] { +    padding-left             : 9em; +    text-indent              : -4em;    } -  p[indent=\"h0i6\"] { -    padding-left: 6em; -    text-indent: -6em; +  p[indent="h6i0"] { +    padding-left             : 0em; +    text-indent              : 6em;    } -  p[indent=\"h0i7\"] { -    padding-left: 7em; -    text-indent: -7em; +  p[indent="h6i1"] { +    padding-left             : 1em; +    text-indent              : 5em;    } -  p[indent=\"h0i8\"] { -    padding-left: 8em; -    text-indent: -8em; +  p[indent="h6i2"] { +    padding-left             : 2em; +    text-indent              : 4em;    } -  p[indent=\"h0i9\"] { -    padding-left: 9em; -    text-indent: -9em; +  p[indent="h6i3"] { +    padding-left             : 3em; +    text-indent              : 3em;    } -  p[indent=\"h1i0\"] { -    padding-left: 0em; -    text-indent:  1em; +  p[indent="h6i4"] { +    padding-left             : 4em; +    text-indent              : 2em;    } -  p[indent=\"h1i1\"] { -    padding-left: 1em; -    text-indent:  0em; +  p[indent="h6i5"] { +    padding-left             : 5em; +    text-indent              : 1em;    } -  p[indent=\"h1i2\"] { -    padding-left: 2em; -    text-indent: -1em; +  p[indent="h6i6"] { +    padding-left             : 6em; +    text-indent              : 0em;    } -  p[indent=\"h1i3\"] { -    padding-left: 3em; -    text-indent: -2em; +  p[indent="h6i7"] { +    padding-left             : 7em; +    text-indent              : -1em;    } -  p[indent=\"h1i4\"] { -    padding-left: 4em; -    text-indent: -3em; +  p[indent="h6i8"] { +    padding-left             : 8em; +    text-indent              : -2em;    } -  p[indent=\"h1i5\"] { -    padding-left: 5em; -    text-indent: -4em; +  p[indent="h6i9"] { +    padding-left             : 9em; +    text-indent              : -3em;    } -  p[indent=\"h1i6\"] { -    padding-left: 6em; -    text-indent: -5em; +  p[indent="h7i0"] { +    padding-left             : 0em; +    text-indent              : 7em;    } -  p[indent=\"h1i7\"] { -    padding-left: 7em; -    text-indent: -6em; +  p[indent="h7i1"] { +    padding-left             : 1em; +    text-indent              : 6em;    } -  p[indent=\"h1i8\"] { -    padding-left: 8em; -    text-indent: -7em; +  p[indent="h7i2"] { +    padding-left             : 2em; +    text-indent              : 5em;    } -  p[indent=\"h1i9\"] { -    padding-left: 9em; -    text-indent: -8em; +  p[indent="h7i3"] { +    padding-left             : 3em; +    text-indent              : 4em;    } -  p[indent=\"h2i0\"] { -    padding-left: 0em; -    text-indent:  2em; +  p[indent="h7i4"] { +    padding-left             : 4em; +    text-indent              : 3em;    } -  p[indent=\"h2i1\"] { -    padding-left: 1em; -    text-indent:  1em; +  p[indent="h7i5"] { +    padding-left             : 5em; +    text-indent              : 2em;    } -  p[indent=\"h2i2\"] { -    padding-left: 2em; -    text-indent:  0em; +  p[indent="h7i6"] { +    padding-left             : 6em; +    text-indent              : 1em;    } -  p[indent=\"h2i3\"] { -    padding-left: 3em; -    text-indent: -1em; +  p[indent="h7i7"] { +    padding-left             : 7em; +    text-indent              : 0em;    } -  p[indent=\"h2i4\"] { -    padding-left: 4em; -    text-indent: -2em; +  p[indent="h7i8"] { +    padding-left             : 8em; +    text-indent              : -1em;    } -  p[indent=\"h2i5\"] { -    padding-left: 5em; -    text-indent: -3em; +  p[indent="h7i9"] { +    padding-left             : 9em; +    text-indent              : -2em;    } -  p[indent=\"h2i6\"] { -    padding-left: 6em; -    text-indent: -4em; +  p[indent="h8i0"] { +    padding-left             : 0em; +    text-indent              : 8em;    } -  p[indent=\"h2i7\"] { -    padding-left: 7em; -    text-indent: -5em; +  p[indent="h8i1"] { +    padding-left             : 1em; +    text-indent              : 7em;    } -  p[indent=\"h2i8\"] { -    padding-left: 8em; -    text-indent: -6em; +  p[indent="h8i2"] { +    padding-left             : 2em; +    text-indent              : 6em;    } -  p[indent=\"h2i9\"] { -    padding-left: 9em; -    text-indent: -7em; +  p[indent="h8i3"] { +    padding-left             : 3em; +    text-indent              : 5em;    } -  p[indent=\"h3i0\"] { -    padding-left: 0em; -    text-indent:  3em; +  p[indent="h8i4"] { +    padding-left             : 4em; +    text-indent              : 4em;    } -  p[indent=\"h3i1\"] { -    padding-left: 1em; -    text-indent:  2em; +  p[indent="h8i5"] { +    padding-left             : 5em; +    text-indent              : 3em;    } -  p[indent=\"h3i2\"] { -    padding-left: 2em; -    text-indent:  1em; +  p[indent="h8i6"] { +    padding-left             : 6em; +    text-indent              : 2em;    } -  p[indent=\"h3i3\"] { -    padding-left: 3em; -    text-indent:  0em; +  p[indent="h8i7"] { +    padding-left             : 7em; +    text-indent              : 1em;    } -  p[indent=\"h3i4\"] { -    padding-left: 4em; -    text-indent: -1em; +  p[indent="h8i8"] { +    padding-left             : 8em; +    text-indent              : 0em;    } -  p[indent=\"h3i5\"] { -    padding-left: 5em; -    text-indent: -2em; +  p[indent="h8i9"] { +    padding-left             : 9em; +    text-indent              : -1em;    } -  p[indent=\"h3i6\"] { -    padding-left: 6em; -    text-indent: -3em; +  p[indent="h9i0"] { +    padding-left             : 0em; +    text-indent              : 9em;    } -  p[indent=\"h3i7\"] { -    padding-left: 7em; -    text-indent: -4em; +  p[indent="h9i1"] { +    padding-left             : 1em; +    text-indent              : 8em;    } -  p[indent=\"h3i8\"] { -    padding-left: 8em; -    text-indent: -5em; +  p[indent="h9i2"] { +    padding-left             : 2em; +    text-indent              : 7em;    } -  p[indent=\"h3i9\"] { -    padding-left: 9em; -    text-indent: -6em; +  p[indent="h9i3"] { +    padding-left             : 3em; +    text-indent              : 6em;    } -  p[indent=\"h4i0\"] { -    padding-left: 0em; -    text-indent:  4em; +  p[indent="h9i4"] { +    padding-left             : 4em; +    text-indent              : 5em;    } -  p[indent=\"h4i1\"] { -    padding-left: 1em; -    text-indent:  3em; +  p[indent="h9i5"] { +    padding-left             : 5em; +    text-indent              : 4em;    } -  p[indent=\"h4i2\"] { -    padding-left: 2em; -    text-indent:  2em; +  p[indent="h9i6"] { +    padding-left             : 6em; +    text-indent              : 3em;    } -  p[indent=\"h4i3\"] { -    padding-left: 3em; -    text-indent:  1em; +  p[indent="h9i7"] { +    padding-left             : 7em; +    text-indent              : 2em;    } -  p[indent=\"h4i4\"] { -    padding-left: 4em; -    text-indent:  0em; +  p[indent="h9i8"] { +    padding-left             : 8em; +    text-indent              : 1em;    } -  p[indent=\"h4i5\"] { -    padding-left: 5em; -    text-indent: -1em; +  p[indent="h9i9"] { +    padding-left             : 9em; +    text-indent              : 0em;    } -  p[indent=\"h4i6\"] { -    padding-left: 6em; -    text-indent: -2em; +┃"); +    string _color_ocn_light  = (doc_matters.opt.action.ocn_hidden) ? "#FFFFFF" : "#777777"; +    string _color_ocn_dark   = (doc_matters.opt.action.ocn_hidden) ? "#000000" : "#BBBBBB"; +    string _css_light_html_seg = format(q"┃ +  *{ +    padding                  : 0px; +    margin                   : 0px;    } -  p[indent=\"h4i7\"] { -    padding-left: 7em; -    text-indent: -3em; +  body { +    height                   : 100vh; +    background-color         : #FFFFFF;    } -  p[indent=\"h4i8\"] { -    padding-left: 8em; -    text-indent: -4em; +  body { +    color                    : #000000; +    background               : #FFFFFF; +    background-color         : #FFFFFF;    } -  p[indent=\"h4i9\"] { -    padding-left: 9em; -    text-indent: -5em; +  a:link { +    color                    : #003399; +    text-decoration          : none;    } -  p[indent=\"h5i0\"] { -    padding-left: 0em; -    text-indent:  5em; +  a:visited { +    color                    : #003399; +    text-decoration          : none;    } -  p[indent=\"h5i1\"] { -    padding-left: 1em; -    text-indent:  4em; +  a:hover { +    color                    : #000000; +    background-color         : #F9F9AA;    } -  p[indent=\"h5i2\"] { -    padding-left: 2em; -    text-indent:  3em; +  a.lnkocn:link { +    color                    : %s; +    text-decoration          : none;    } -  p[indent=\"h5i3\"] { -    padding-left: 3em; -    text-indent:  2em; +  a.lnkocn:visited { +    color                    : #003399; +    text-decoration          : none;    } -  p[indent=\"h5i4\"] { -    padding-left: 4em; -    text-indent:  1em; +  a:hover img { +    background-color         : #FFFFFF;    } -  p[indent=\"h5i5\"] { -    padding-left: 5em; -    text-indent:  0em; +  a:active { +    color                    : #003399; +    text-decoration          : underline;    } -  p[indent=\"h5i6\"] { -    padding-left: 6em; -    text-indent: -1em; +  div { +    margin-left              : 0; +    margin-right             : 0;    } -  p[indent=\"h5i7\"] { -    padding-left: 7em; -    text-indent: -2em; +  div.p { +    margin-left              : 5%%; +    margin-right             : 1%%;    } -  p[indent=\"h5i8\"] { -    padding-left: 8em; -    text-indent: -3em; +  div.substance { +    width                    : 100%%; +    background-color         : #FFFFFF;    } -  p[indent=\"h5i9\"] { -    padding-left: 9em; -    text-indent: -4em; +  div.ocn { +    width                    : 5%%; +    float                    : right; +    top                      : 0; +    background-color         : #FFFFFF;    } -  p[indent=\"h6i0\"] { -    padding-left: 0em; -    text-indent:  6em; +  div.endnote { +    width                    : 95%%; +    background-color         : #FFFFFF;    } -  p[indent=\"h6i1\"] { -    padding-left: 1em; -    text-indent:  5em; +  div.toc { +    position                 : absolute; +    float                    : left; +    margin                   : 0; +    padding                  : 0; +    padding-top              : 0.5em; +    border                   : 0; +    width                    : 13em; +    background-color         : #EEEEEE; +    margin-right             : 1em;    } -  p[indent=\"h6i2\"] { -    padding-left: 2em; -    text-indent:  4em; +  div.summary { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #EEEEEE; +    padding-left             : 1em; +    background-color         : #EEEEEE;    } -  p[indent=\"h6i3\"] { -    padding-left: 3em; -    text-indent:  3em; +  div.content, div.main_column { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #FFFFFF; +    padding-left             : 1em; +    padding-right            : 1em;    } -  p[indent=\"h6i4\"] { -    padding-left: 4em; -    text-indent:  2em; +  div.content0, div.main_column0 { +    margin                   : 0; +    padding                  : 0; +    border-left              : 0%% solid #FFFFFF; +    padding-left             : 5%%;    } -  p[indent=\"h6i5\"] { -    padding-left: 5em; -    text-indent:  1em; +  div.scroll { +    margin                   : 0; +    padding                  : 0; +    padding-left             : 1em; +    padding-right            : 1em;    } -  p[indent=\"h6i6\"] { -    padding-left: 6em; -    text-indent:  0em; +  div.content:after { +    content                  : ' '; +    clear                    : both; +    display                  : block; +    height                   : 0; +    overflow                 : hidden;    } -  p[indent=\"h6i7\"] { -    padding-left: 7em; -    text-indent: -1em; +  div.footer { +    clear                    : left; +    padding                  : 0.5em; +    font-size                : 80%%; +    margin                   : 0;    } -  p[indent=\"h6i8\"] { -    padding-left: 8em; -    text-indent: -2em; +  div.toc ul { +    list-style               : none; +    padding                  : 0; +    margin                   : 0;    } -  p[indent=\"h6i9\"] { -    padding-left: 9em; -    text-indent: -3em; +  div.toc li ul a, li ul span.currentlink +  { +    font-weight              : normal; +    font-size                : 90%%; +    padding-left             : 2em; +    background-color         : #EEEEEE;    } -  p[indent=\"h7i0\"] { -    padding-left: 0em; -    text-indent:  7em; +  div.toc a, span.currentlink{ +    display                  : block; +    text-decoration          : none; +    padding-left             : 0.5em; +    color                    : #0000aa;    } -  p[indent=\"h7i1\"] { -    padding-left: 1em; -    text-indent:  6em; +  hr { +    width                    : 90%%; +    margin-left              : 5%%; +    margin-right             : 2em; +    margin-top               : 1.8em; +    margin-bottom            : 1.8em;    } -  p[indent=\"h7i2\"] { -    padding-left: 2em; -    text-indent:  5em; +  span.currentlink { +    text-decoration          : none; +    background-color         : #AAAAAA;    } -  p[indent=\"h7i3\"] { -    padding-left: 3em; -    text-indent:  4em; +  div.toc a:visited { +    color                    : #0000aa;    } -  p[indent=\"h7i4\"] { -    padding-left: 4em; -    text-indent:  3em; +  div.toc a:hover { +    color                    : #000000; +    background-color         : #F9F9AA;    } -  p[indent=\"h7i5\"] { -    padding-left: 5em; -    text-indent:  2em; +  nav#toc ol { +    list-style-type          : none;    } -  p[indent=\"h7i6\"] { -    padding-left: 6em; -    text-indent:  1em; +  .norm, .bold, .verse, .group, .block, .alt { +    line-height              : 133%%; +    margin-top               : 12px; +    margin-bottom            : 0px; +    padding-left             : 0em; +    text-indent              : 0em;    } -  p[indent=\"h7i7\"] { -    padding-left: 7em; -    text-indent:  0em; +  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { +    display                  : block; +    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; +    margin-left              : 5%%; +    margin-right             : 2em;    } -  p[indent=\"h7i8\"] { -    padding-left: 8em; -    text-indent: -1em; +  p { +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { +    max-width                : 100%%; +    height                   : auto;    } -  p[indent=\"h7i9\"] { -    padding-left: 9em; -    text-indent: -2em; +  pre { +    width                    : auto; +    display                  : block; +    clear                    : both; +    color                    : #555555;    } -  p[indent=\"h8i0\"] { -    padding-left: 0em; -    text-indent:  8em; +  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%%; +  } +  p.spaced { white-space:    pre; } +  p.block { +    white-space              : pre;    } -  p[indent=\"h8i1\"] { -    padding-left: 1em; -    text-indent:  7em; +  p.group { } +  p.alt { } +  p.verse { +    white-space              : pre; +    margin-bottom            : 6px;    } -  p[indent=\"h8i2\"] { -    padding-left: 2em; -    text-indent:  6em; +  p.caption { +    text-align               : left; +    font-size                : 80%%; +    display                  : inline; +  } +  p.endnote { +    font-size                : 96%%; +    line-height              : 120%%; +    text-align               : left; +    margin-right             : 15mm;    } -  p[indent=\"h8i3\"] { -    padding-left: 3em; -    text-indent:  5em; +  p.endnote_indent { +    font-size                : 96%%; +    line-height              : 120%%; +    text-align               : left; +    margin-left              : 2em; +    margin-right             : 15mm;    } -  p[indent=\"h8i4\"] { -    padding-left: 4em; -    text-indent:  4em; +  p.center { +    text-align               : center;    } -  p[indent=\"h8i5\"] { -    padding-left: 5em; -    text-indent:  3em; +  p.bold { +    font-weight              : bold;    } -  p[indent=\"h8i6\"] { -    padding-left: 6em; -    text-indent:  2em; +  p.bold_left { +    font-weight              : bold; +    text-align               : left;    } -  p[indent=\"h8i7\"] { -    padding-left: 7em; -    text-indent:  1em; +  p.centerbold { +    text-align               : center; +    font-weight              : bold;    } -  p[indent=\"h8i8\"] { -    padding-left: 8em; -    text-indent:  0em; +  p.em { +    font-weight              : bold; +    font-style               : normal; +    background               : #FFF3B6;    } -  p[indent=\"h8i9\"] { -    padding-left: 9em; -    text-indent: -1em; +  p.small { +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    margin-right             : 6px; +    text-align               : left;    } -  p[indent=\"h9i0\"] { -    padding-left: 0em; -    text-indent:  9em; +  .tiny, .tiny_left, .tiny_right, .tiny_center { +    font-size                : 10px; +    margin-top               : 0px; +    margin-bottom            : 0px; +    color                    : #777777; +    margin-right             : 6px; +    text-align               : left;    } -  p[indent=\"h9i1\"] { -    padding-left: 1em; -    text-indent:  8em; +  p.tiny { } +  p.tiny_left { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : left;    } -  p[indent=\"h9i2\"] { -    padding-left: 2em; -    text-indent:  7em; +  p.tiny_right { +    margin-right             : 1em; +    text-align               : right;    } -  p[indent=\"h9i3\"] { -    padding-left: 3em; -    text-indent:  6em; +  p.tiny_center { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : center;    } -  p[indent=\"h9i4\"] { -    padding-left: 4em; -    text-indent:  5em; +  p.concordance_word { +    line-height              : 150%%; +    font-weight              : bold; +    display                  : inline; +    margin-top               : 4px; +    margin-bottom            : 1px;    } -  p[indent=\"h9i5\"] { -    padding-left: 5em; -    text-indent:  4em; +  p.concordance_count { +    font-size                : 80%%; +    color                    : #777777; +    display                  : inline; +    margin-left              : 0em;    } -  p[indent=\"h9i6\"] { -    padding-left: 6em; -    text-indent:  3em; +  p.concordance_object { +    font-size                : 80%%; +    line-height              : 120%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px;    } -  p[indent=\"h9i7\"] { -    padding-left: 7em; -    text-indent:  2em; +  p.book_index_lev1 { +    line-height              : 100%%; +    margin-top               : 4px; +    margin-bottom            : 1px;    } -  p[indent=\"h9i8\"] { -    padding-left: 8em; -    text-indent:  1em; +  p.book_index_lev2 { +    line-height              : 100%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px;    } -  p[indent=\"h9i9\"] { -    padding-left: 9em; -    text-indent:  0em; +  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;    } +%s    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 {    }    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;    }    .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;    }    /* 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;    }    /* 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; -  } -"; -    string _css_dark_html_seg=" +    background-color         : #00704E; +  } +┃", +    _color_ocn_light, +    _css_indent, +    _color_ocn_light, +); +    string _css_dark_html_seg = format(q"┃    *{ -    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;    }    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;    }    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;    }    .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; -  } -  img { max-width: 100%; height: auto; } +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { max-width:           100%%; height: auto; }    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%; -  } -  p.spaced { white-space: pre; } +    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%%; +  } +  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; -  } -  /* 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; +    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;    } +%s    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 { }    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;    }    .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;    }    /* 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;    }    /* 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; -  } -"; -    string _css_light_html_scroll=" +    background-color         : #FF704E; +  } +┃", +    _color_ocn_dark, +    _css_indent, +    _color_ocn_dark, +); +    string _css_light_html_scroll = format(q"┃    *{ -    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;    }    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;    }    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;    }    .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; -  } -  img { max-width: 100%; height: auto; } +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { +    max-width                : 100%%; +    height                   : auto; +  }    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%; -  } -  p.spaced { white-space: pre; } +    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%%; +  } +  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; -  } -  /* 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; +    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;    } +%s    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 {    }    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;    }    /* 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;    }    /* 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; -  } -"; -    string _css_dark_html_scroll=" +    background-color         : #00704E; +  } +┃", +    _color_ocn_light, +    _css_indent, +    _color_ocn_light, +); +    string _css_dark_html_scroll = format(q"┃    *{ -    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;    }    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;    }    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;    }    .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; -  } -  img { max-width: 100%; height: auto; } +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { max-width:           100%%; height: auto; }    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%; -  } -  p.spaced { white-space: pre; } +    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%%; +  } +  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; -  } -  /* 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; +    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;    } +%s    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 { }    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;    }    /* 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;    }    /* 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; -  } -"; -    string _css_light_epub=" +    background-color         : #FF704E; +  } +┃", +    _color_ocn_dark, +    _css_indent, +    _color_ocn_dark, +); +    string _css_light_epub = format(q"┃    *{ -    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;    }    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;    }    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;    }    .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; -  } -  img { max-width: 100%; height: auto; } +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { +    max-width                : 100%%; +    height                   : auto; +  }    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%; -  } -  p.spaced { white-space: pre; } +    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%%; +  } +  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; -  } -  /* 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; +    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;    } +%s    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 {    }    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;    } -"; -    string _css_dark_epub=" +┃", +    _color_ocn_light, +    _css_indent, +    _color_ocn_light, +); +    string _css_dark_epub = format(q"┃    *{ -    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;    }    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;    }    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;    }    .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; -  } -  img { max-width: 100%; height: auto; } +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { max-width:           100%%; height: auto; }    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%; -  } -  p.spaced { white-space: pre; } +    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%%; +  } +  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; -  } -  /* 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; +    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;    } +%s    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 { }    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;    } -"; -    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(); -      } -      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(); -      } +┃", +    _color_ocn_dark, +    _css_indent, +    _color_ocn_dark, +); +    auto css_() { +      struct _CSS { +        string html_seg    = "/* DocReform css html seg stylesheet */\n"; +        string html_scroll = "/* DocReform css html scroll stylesheet */\n"; +        string epub        = "/* DocReform css epub stylesheet */\n";        } -    return _CSS(); +      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;    }  } | 
