diff options
| -rw-r--r-- | org/cgi_spine_search.org | 30 | ||||
| -rw-r--r-- | org/out_curate_metadata.org | 6 | ||||
| -rw-r--r-- | org/out_xmls_css.org | 43 | ||||
| -rw-r--r-- | src/doc_reform/io_out/xmls_css.d | 7392 | ||||
| -rw-r--r-- | src/doc_reform/meta/metadoc_curate_authors.d | 6 | ||||
| -rw-r--r-- | src/doc_reform/meta/metadoc_curate_topics.d | 6 | ||||
| -rw-r--r-- | sundry/spine_search_cgi/src/spine_search.d | 32 | ||||
| -rwxr-xr-x | sundry/spine_search_cgi/src/spine_search.d_ | 30 | 
8 files changed, 3816 insertions, 3729 deletions
| diff --git a/org/cgi_spine_search.org b/org/cgi_spine_search.org index 674b2ef..6b43058 100644 --- a/org/cgi_spine_search.org +++ b/org/cgi_spine_search.org @@ -1346,6 +1346,19 @@ a:hover {    color                    : #000000;    background-color         : #F9F9AA;  } +a.matched_ocn:link { +  color                    : #003399; +  text-decoration          : none; +} +a.matched_ocn:visited { +  color                    : #003399; +  text-decoration          : none; +} +a.matched_ocn:hover { +  color                    : #000000; +  background-color         : #F9F9AA; +  font-size                : 100%%; +}  a.lnkocn:link {    color                    : #777777;    text-decoration          : none; @@ -1390,13 +1403,16 @@ span.match {    color                    : #000000;    background-color         : #FFFF48;  } +input, select, textarea { +  font-size                : 150%%; +}  input[type="text"] { -  font-size                : 120%%; -  line-height              : 120%%; +  font-size                : 150%%; +  line-height              : 150%%;  }  button[type="submit"] { -  font-size                : 120%%; -  line-height              : 120%%; +  font-size                : 150%%; +  line-height              : 150%%;  }  p.norm { }  p.center { text-align      : center; } @@ -1880,7 +1896,7 @@ p.small {    text-align               : left;  }  .tiny, .tiny_left, .tiny_right, .tiny_center { -  font-size                : 12px; +  font-size                : 75%%;    margin-top               : 0px;    margin-bottom            : 0px;    color                    : #EEEEEE; @@ -1947,8 +1963,8 @@ pre.codeline {    white-space              : -o-pre-wrap;    background-color         : #555555;    color                    : #DDDDDD; -  font-size                : 95%%; -  line-height              : 100%%; +  font-size                : 120%%; +  line-height              : 120%%;  }  pre.codeline::before {    counter-reset            : linenum; diff --git a/org/out_curate_metadata.org b/org/out_curate_metadata.org index cda8dfc..6c7169f 100644 --- a/org/out_curate_metadata.org +++ b/org/out_curate_metadata.org @@ -674,6 +674,9 @@ string theme_dark_0 = format(q"┃      color                    : #FFFFFF;      background               : #777777;    } +  input, select, textarea { +    font-size                : 150%%; +  }    input {      color                    : #FFFFFF;      background-color         : #777777; @@ -718,6 +721,9 @@ string theme_light_0 = format(q"┃    a.lev3:hover {      background               : #BBBBBB;    } +  input, select, textarea { +    font-size                : 150%%; +  }    input {      color                    : #000000;      background-color         : #FFFFFF; diff --git a/org/out_xmls_css.org b/org/out_xmls_css.org index c5934ce..d83d4c9 100644 --- a/org/out_xmls_css.org +++ b/org/out_xmls_css.org @@ -510,7 +510,7 @@ template spineCss() {      text-align               : left;    }    .tiny, .tiny_left, .tiny_right, .tiny_center { -    font-size                : 12px; +    font-size                : 75%%;      margin-top               : 0px;      margin-bottom            : 0px;      color                    : #777777; @@ -588,7 +588,7 @@ template spineCss() {      width                    : 2%%;      float                    : right;      top                      : 0; -    font-size                : 12px; +    font-size                : 80%%;      margin-top               : 0px;      margin-bottom            : 6px;      margin-right             : 6px; @@ -771,8 +771,8 @@ template spineCss() {    .toc-button {      position                 : absolute;      top                      : 8px; -    width                    : 2em; -    height                   : 2em; +    width                    : 3em; +    height                   : 3em;      border-radius            : 50%%;      background               : #CCCCCC;      fill                     : #333333; @@ -792,8 +792,8 @@ template spineCss() {    .prev-next-button {      position                 : absolute;      top                      : 8px; -    width                    : 2em; -    height                   : 2em; +    width                    : 3em; +    height                   : 3em;      border-radius            : 50%%;      background               : #CCCCCC;      box-shadow               : 0 2px 5px #AAAAAA inset; @@ -806,10 +806,10 @@ template spineCss() {      height                   : 60%%;    }    .menu { -    right                    : 6em; +    right                    : 8em;     }    .previous { -    right                    : 3em; +    right                    : 4em;     }    .next {      right                    : 0em; @@ -818,8 +818,8 @@ template spineCss() {      fill                     : #333333;    }    .minitoc { -    line-height              : 100%%; -    font-size                : 90%%; +    line-height              : 120%%; +    font-size                : 100%%;      margin-top               : 6px;      margin-bottom            : 0px;      padding-left             : 0em; @@ -1426,7 +1426,7 @@ Consider what if anything should be used here      text-align               : left;    }    .tiny, .tiny_left, .tiny_right, .tiny_center { -    font-size                : 12px; +    font-size                : 75%%;      margin-top               : 0px;      margin-bottom            : 0px;      color                    : #EEEEEE; @@ -1504,7 +1504,7 @@ Consider what if anything should be used here      width                    : 2%%;      float                    : right;      top                      : 0; -    font-size                : 12px; +    font-size                : 80%%;      margin-top               : 0px;      margin-bottom            : 6px;      margin-right             : 6px; @@ -1687,8 +1687,8 @@ Consider what if anything should be used here    .toc-button {      position                 : absolute;      top                      : 8px; -    width                    : 2em; -    height                   : 2em; +    width                    : 3em; +    height                   : 3em;      border-radius            : 50%%;      background               : #555555;      fill                     : #DDDDDD; @@ -1708,8 +1708,8 @@ Consider what if anything should be used here    .prev-next-button {      position                 : absolute;      top                      : 8px; -    width                    : 2em; -    height                   : 2em; +    width                    : 3em; +    height                   : 3em;      border-radius            : 50%%;      background               : #555555;      box-shadow               : 0 2px 5px #AAAAAA inset; @@ -1722,10 +1722,10 @@ Consider what if anything should be used here      height                   : 60%%;    }    .menu { -    right                    : 6em; +    right                    : 8em;     }    .previous { -    right                    : 3em; +    right                    : 4em;     }    .next {      right                    : 0em; @@ -1734,8 +1734,8 @@ Consider what if anything should be used here       fill                    : #DDDDDD;    }    .minitoc { -    line-height              : 100%%; -    font-size                : 90%%; +    line-height              : 120%%; +    font-size                : 100%%;      margin-top               : 6px;      margin-bottom            : 0px;      padding-left             : 0em; @@ -2002,6 +2002,9 @@ Consider what if anything should be used here  #+NAME: css_shared_search_form  #+BEGIN_SRC css +input, select, textarea { +  font-size                : 150%%; +}  input[type="text"] {    font-size:120%%;    line-height              : 120%%; diff --git a/src/doc_reform/io_out/xmls_css.d b/src/doc_reform/io_out/xmls_css.d index 90b295e..53246b3 100644 --- a/src/doc_reform/io_out/xmls_css.d +++ b/src/doc_reform/io_out/xmls_css.d @@ -469,526 +469,529 @@ template spineCss() {      text-indent              : 0em;    }  ┃"); -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 _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; -} -body { -  height                   : 100vh; -  background-color         : #FFFFFF; -} -body { -  color                    : #000000; -  background               : #FFFFFF; -  background-color         : #FFFFFF; -} -a:link { -  color                    : #003399; -  text-decoration          : none; -} -a:visited { -  color                    : #003399; -  text-decoration          : none; -} -a:hover { -  color                    : #000000; -  background-color         : #F9F9AA; -} -a.lnkocn:link { -  color                    : %s; -  text-decoration          : none; -} -a.lnkocn:visited { -  color                    : #32CD32; -  text-decoration          : none; -} -a.lnkocn:hover { -  color                    : #777777; -  font-size                : 120%%; -} -a:hover img { -  background-color         : #FFFFFF; -} -a:active { -  color                    : #003399; -  text-decoration          : underline; -} -input { -  color                    : #000000; -  background-color         : #FFFFFF; -} -div { -  margin-left              : 0; -  margin-right             : 0; -} -div.p { -  margin-left              : 5%%; -  margin-right             : 1%%; -} -div.substance { -  width                    : 100%%; -  background-color         : #FFFFFF; -} -div.ocn { -  width                    : 5%%; -  float                    : right; -  top                      : 0; -  background-color         : #FFFFFF; -} -div.endnote { -  width                    : 95%%; -  background-color         : #FFFFFF; -} -div.toc { -  position                 : absolute; -  float                    : left; -  margin                   : 0; -  padding                  : 0; -  padding-top              : 0.5em; -  border                   : 0; -  width                    : 13em; -  background-color         : #EEEEEE; -  margin-right             : 1em; -} -div.summary { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #EEEEEE; -  padding-left             : 1em; -  background-color         : #EEEEEE; -} -div.content, div.main_column { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #FFFFFF; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content0, div.main_column0 { -  margin                   : 0; -  padding                  : 0; -  border-left              : 0%% solid #FFFFFF; -  padding-left             : 5%%; -} -div.scroll { -  margin                   : 0; -  padding                  : 0; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content:after { -  content                  : ' '; -  clear                    : both; -  display                  : block; -  height                   : 0; -  overflow                 : hidden; -} -div.footer { -  clear                    : left; -  padding                  : 0.5em; -  font-size                : 80%%; -  margin                   : 0; -} -div.toc ul { -  list-style               : none; -  padding                  : 0; -  margin                   : 0; -} -div.toc li ul a, li ul span.currentlink -{ -  font-weight              : normal; -  font-size                : 90%%; -  padding-left             : 2em; -  background-color         : #EEEEEE; -} -div.toc a, span.currentlink{ -  display                  : block; -  text-decoration          : none; -  padding-left             : 0.5em; -  color                    : #0000aa; -} -hr { -  width                    : 90%%; -  margin-left              : 5%%; -  margin-right             : 2em; -  margin-top               : 1.8em; -  margin-bottom            : 1.8em; -} -span.currentlink { -  text-decoration          : none; -  background-color         : #AAAAAA; -} -div.toc a:visited { -  color                    : #0000aa; -} -div.toc a:hover { -  color                    : #000000; -  background-color         : #F9F9AA; -} -nav#toc ol { -  list-style-type          : none; -} -.norm, .bold, .verse, .group, .block, .alt { -  line-height              : 133%%; -  margin-top               : 12px; -  margin-bottom            : 0px; -  padding-left             : 0em; -  text-indent              : 0em; -} -p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { -  display                  : block; -  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; -  margin-left              : 5%%; -  margin-right             : 2em; -} -p { -  font-size                : 100%%; -  font-weight              : normal; -  line-height              : 133%%; -  text-align               : justify; -  text-indent              : 0mm; -  margin-top               : 0.8em; -  margin-bottom            : 0.8em; -} -img { -  max-width                : 100%%; -  height                   : auto; -} -pre { -  width                    : auto; -  display                  : block; -  clear                    : both; -  color                    : #555555; -} -pre.codeline { -  display                  : table; -  clear                    : both; -  table-layout             : fixed; -  margin-left              : 5%%; -  margin-right             : 5%%; -  width                    : 90%%; -  white-space              : pre-wrap; -  border-style             : none; -  border-radius            : 5px 5px 5px 5px; -  box-shadow               : 0 2px 5px #AAAAAA inset; -  margin-bottom            : 1em; -  padding                  : 0.5em 1em; -  page-break-inside        : avoid; -  word-wrap                : break-word; -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  white-space              : pre; -  white-space              : pre-wrap; -  white-space              : -moz-pre-wrap; -  white-space              : -o-pre-wrap; -  background-color         : #EEEEEE; -  color                    : #000000; -  font-size                : 95%%; -  line-height              : 100%%; -} -pre.codeline::before { -  counter-reset            : linenum; -} -pre.codeline span.tr { -  display                  : table-row; -  counter-increment        : linenum; -} -pre.codeline span.th { -  display                  : table-cell; -  user-select              : none; -  -moz-user-select         : none; -  -webkit-user-select      : none; -  padding                  : 0.5em 0.5em; -  /* background-color         : #666666; */ -} -pre.codeline span.th::before { -  content                  : counter(linenum) "."; -  color                    : #999999; -  text-align               : right; -  display                  : block; -} -pre.codeline span.th { -  width                    : 4em; -} -pre.codeline code { -  display                  : table-cell; -} -p.code { -  border-style             : none; -} -p.spaced { white-space     : pre; } -p.block { -  white-space              : pre; -} -p.group { } -p.alt { } -p.verse { -  white-space              : pre; -  margin-bottom            : 6px; -} -p.caption { -  text-align               : left; -  font-size                : 80%%; -  display                  : inline; -} -p.endnote { -  font-size                : 96%%; -  line-height              : 120%%; -  text-align               : left; -  margin-right             : 15mm; -  padding-left             : 1em; -  text-indent              : -1em; -} -p.center { -  text-align               : center; -} -p.bold { -  font-weight              : bold; -} -p.bold_left { -  font-weight              : bold; -  text-align               : left; -} -p.centerbold { -  text-align               : center; -  font-weight              : bold; -} -p.em { -  font-weight              : bold; -  font-style               : normal; -  background               : #FFF3B6; -} -p.small { -  font-size                : 80%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -  margin-right             : 6px; -  text-align               : left; -} -.tiny, .tiny_left, .tiny_right, .tiny_center { -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 0px; -  color                    : #777777; -  margin-right             : 6px; -  text-align               : left; -} -p.tiny { } -p.tiny_left { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : left; -} -p.tiny_right { -  margin-right             : 1em; -  text-align               : right; -} -p.tiny_center { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : center; -} -p.concordance_word { -  line-height              : 150%%; -  font-weight              : bold; -  display                  : inline; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.concordance_count { -  font-size                : 80%%; -  color                    : #777777; -  display                  : inline; -  margin-left              : 0em; -} -p.concordance_object { -  font-size                : 80%%; -  line-height              : 120%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -p.book_index_lev1 { -  line-height              : 100%%; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.book_index_lev2 { -  line-height              : 100%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -tt { -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  background-color         : #EEEEEE; -  color                    : #000000; -} +  *{ +    padding                  : 0px; +    margin                   : 0px; +  } +  body { +    height                   : 100vh; +    background-color         : #FFFFFF; +  } +  body { +    color                    : #000000; +    background               : #FFFFFF; +    background-color         : #FFFFFF; +  } +  a:link { +    color                    : #003399; +    text-decoration          : none; +  } +  a:visited { +    color                    : #003399; +    text-decoration          : none; +  } +  a:hover { +    color                    : #000000; +    background-color         : #F9F9AA; +  } +  a.lnkocn:link { +    color                    : %s; +    text-decoration          : none; +  } +  a.lnkocn:visited { +    color                    : #32CD32; +    text-decoration          : none; +  } +  a.lnkocn:hover { +    color                    : #777777; +    font-size                : 120%%; +  } +  a:hover img { +    background-color         : #FFFFFF; +  } +  a:active { +    color                    : #003399; +    text-decoration          : underline; +  } +  input { +    color                    : #000000; +    background-color         : #FFFFFF; +  } +  div { +    margin-left              : 0; +    margin-right             : 0; +  } +  div.p { +    margin-left              : 5%%; +    margin-right             : 1%%; +  } +  div.substance { +    width                    : 100%%; +    background-color         : #FFFFFF; +  } +  div.ocn { +    width                    : 5%%; +    float                    : right; +    top                      : 0; +    background-color         : #FFFFFF; +  } +  div.endnote { +    width                    : 95%%; +    background-color         : #FFFFFF; +  } +  div.toc { +    position                 : absolute; +    float                    : left; +    margin                   : 0; +    padding                  : 0; +    padding-top              : 0.5em; +    border                   : 0; +    width                    : 13em; +    background-color         : #EEEEEE; +    margin-right             : 1em; +  } +  div.summary { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #EEEEEE; +    padding-left             : 1em; +    background-color         : #EEEEEE; +  } +  div.content, div.main_column { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #FFFFFF; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content0, div.main_column0 { +    margin                   : 0; +    padding                  : 0; +    border-left              : 0%% solid #FFFFFF; +    padding-left             : 5%%; +  } +  div.scroll { +    margin                   : 0; +    padding                  : 0; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content:after { +    content                  : ' '; +    clear                    : both; +    display                  : block; +    height                   : 0; +    overflow                 : hidden; +  } +  div.footer { +    clear                    : left; +    padding                  : 0.5em; +    font-size                : 80%%; +    margin                   : 0; +  } +  div.toc ul { +    list-style               : none; +    padding                  : 0; +    margin                   : 0; +  } +  div.toc li ul a, li ul span.currentlink +  { +    font-weight              : normal; +    font-size                : 90%%; +    padding-left             : 2em; +    background-color         : #EEEEEE; +  } +  div.toc a, span.currentlink{ +    display                  : block; +    text-decoration          : none; +    padding-left             : 0.5em; +    color                    : #0000aa; +  } +  hr { +    width                    : 90%%; +    margin-left              : 5%%; +    margin-right             : 2em; +    margin-top               : 1.8em; +    margin-bottom            : 1.8em; +  } +  span.currentlink { +    text-decoration          : none; +    background-color         : #AAAAAA; +  } +  div.toc a:visited { +    color                    : #0000aa; +  } +  div.toc a:hover { +    color                    : #000000; +    background-color         : #F9F9AA; +  } +  nav#toc ol { +    list-style-type          : none; +  } +  .norm, .bold, .verse, .group, .block, .alt { +    line-height              : 133%%; +    margin-top               : 12px; +    margin-bottom            : 0px; +    padding-left             : 0em; +    text-indent              : 0em; +  } +  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { +    display                  : block; +    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; +    margin-left              : 5%%; +    margin-right             : 2em; +  } +  p { +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { +    max-width                : 100%%; +    height                   : auto; +  } +  pre { +    width                    : auto; +    display                  : block; +    clear                    : both; +    color                    : #555555; +  } +  pre.codeline { +    display                  : table; +    clear                    : both; +    table-layout             : fixed; +    margin-left              : 5%%; +    margin-right             : 5%%; +    width                    : 90%%; +    white-space              : pre-wrap; +    border-style             : none; +    border-radius            : 5px 5px 5px 5px; +    box-shadow               : 0 2px 5px #AAAAAA inset; +    margin-bottom            : 1em; +    padding                  : 0.5em 1em; +    page-break-inside        : avoid; +    word-wrap                : break-word; +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    white-space              : pre; +    white-space              : pre-wrap; +    white-space              : -moz-pre-wrap; +    white-space              : -o-pre-wrap; +    background-color         : #EEEEEE; +    color                    : #000000; +    font-size                : 95%%; +    line-height              : 100%%; +  } +  pre.codeline::before { +    counter-reset            : linenum; +  } +  pre.codeline span.tr { +    display                  : table-row; +    counter-increment        : linenum; +  } +  pre.codeline span.th { +    display                  : table-cell; +    user-select              : none; +    -moz-user-select         : none; +    -webkit-user-select      : none; +    padding                  : 0.5em 0.5em; +    /* background-color         : #666666; */ +  } +  pre.codeline span.th::before { +    content                  : counter(linenum) "."; +    color                    : #999999; +    text-align               : right; +    display                  : block; +  } +  pre.codeline span.th { +    width                    : 4em; +  } +  pre.codeline code { +    display                  : table-cell; +  } +  p.code { +    border-style             : none; +  } +  p.spaced { white-space     : pre; } +  p.block { +    white-space              : pre; +  } +  p.group { } +  p.alt { } +  p.verse { +    white-space              : pre; +    margin-bottom            : 6px; +  } +  p.caption { +    text-align               : left; +    font-size                : 80%%; +    display                  : inline; +  } +  p.endnote { +    font-size                : 96%%; +    line-height              : 120%%; +    text-align               : left; +    margin-right             : 15mm; +    padding-left             : 1em; +    text-indent              : -1em; +  } +  p.center { +    text-align               : center; +  } +  p.bold { +    font-weight              : bold; +  } +  p.bold_left { +    font-weight              : bold; +    text-align               : left; +  } +  p.centerbold { +    text-align               : center; +    font-weight              : bold; +  } +  p.em { +    font-weight              : bold; +    font-style               : normal; +    background               : #FFF3B6; +  } +  p.small { +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    margin-right             : 6px; +    text-align               : left; +  } +  .tiny, .tiny_left, .tiny_right, .tiny_center { +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    color                    : #777777; +    margin-right             : 6px; +    text-align               : left; +  } +  p.tiny { } +  p.tiny_left { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : left; +  } +  p.tiny_right { +    margin-right             : 1em; +    text-align               : right; +  } +  p.tiny_center { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : center; +  } +  p.concordance_word { +    line-height              : 150%%; +    font-weight              : bold; +    display                  : inline; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.concordance_count { +    font-size                : 80%%; +    color                    : #777777; +    display                  : inline; +    margin-left              : 0em; +  } +  p.concordance_object { +    font-size                : 80%%; +    line-height              : 120%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  p.book_index_lev1 { +    line-height              : 100%%; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.book_index_lev2 { +    line-height              : 100%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  tt { +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    background-color         : #EEEEEE; +    color                    : #000000; +  }  %s -note { white-space         : pre; } -label.ocn { -  width                    : 2%%; -  float                    : right; -  top                      : 0; -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 6px; -  margin-right             : 6px; -  text-align               : right; -  color                    : %s; -  -khtml-user-select       : none; -  -moz-user-select         : none; -  -ms-user-select          : none; -  -o-user-select           : none; -  -webkit-user-select      : none; -  user-select              : none; -} -table { -  display                  : block; -  margin-left              : 5%%; -  margin-right             : 2em; -  background-color         : inherit; -} -tr { } -th,td { -  vertical-align           : top; -  text-align               : left; -} -th { -  font-weight              : bold; -} -em { -  font-weight              : bold; -  font-style               : italic; -} -p.left,th.left,td.left { -  text-align               : left; -} -p.small_left,th.small_left,td.small_left { -  text-align               : left; -  font-size                : 80%%; -} -p.right,th.right,td.right { -  text-align               : right; -} -ul, li { -  list-style-type          : none; -  list-style               : none; -  padding-left             : 20px; -  font-weight              : normal; -  line-height              : 150%%; -  text-align               : left; -  text-indent              : 0mm; -  margin-left              : 1em; -  margin-right             : 2em; -  margin-top               : 3px; -  margin-bottom            : 3px; -} -li { -  background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px; -} -ul { } -h0, h1, h2, h3, h4, h5, h6, h7 { -  font-weight              : bold; -  line-height              : 120%%; -  text-align               : left; -  margin-top               : 20px; -  margin-bottom            : 10px; -} -h4.norm, h5.norm, h6.norm, h7.norm { -  margin-top               : 10px; -  margin-bottom            : 0px; -} -h0 { font-size             : 125%%; } -h1 { font-size             : 120%%; } -h2 { font-size             : 115%%; } -h3 { font-size             : 110%%; } -h4 { font-size             : 105%%; } -h5 { font-size             : 100%%; } -h6 { font-size             : 100%%; } -h7 { font-size             : 100%%; } -h0, h1, h2, h3, h4, h5, h6, h7 { -  text-shadow              : .2em .2em .3em #808080; -} -h1.i { margin-left         : 2em; } -h2.i { margin-left         : 3em; } -h3.i { margin-left         : 4em; } -h4.i { margin-left         : 5em; } -h5.i { margin-left         : 6em; } -h6.i { margin-left         : 7em; } -h7.i { margin-left         : 8em; } -h8.i { margin-left         : 9em; } -h9.i { margin-left         : 10em; } -.toc { -  font-weight              : normal; -  margin-top               : 6px; -  margin-bottom            : 6px; -} -h0.toc { -  margin-left              : 1em; -  font-size                : 120%%; -  line-height              : 150%%; -} -h1.toc { -  margin-left              : 1em; -  font-size                : 115%%; -  line-height              : 150%%; -} -h2.toc { -  margin-left              : 2em; -  font-size                : 110%%; -  line-height              : 140%%; -} -h3.toc { -  margin-left              : 3em; -  font-size                : 105%%; -  line-height              : 120%%; -} -h4.toc { -  margin-left              : 4em; -  font-size                : 100%%; -  line-height              : 120%%; -} -h5.toc { -  margin-left              : 5em; -  font-size                : 95%%; -  line-height              : 110%%; -} -h6.toc { -  margin-left              : 6em; -  font-size                : 90%%; -  line-height              : 110%%; -} -h7.toc { -  margin-left              : 7em; -  font-size                : 85%%; -  line-height              : 100%%; -} -.subtoc { -  margin-right             : 34%%; -  font-weight              : normal; -} -h5.subtoc { -  margin-left              : 2em; -  font-size                : 80%%; -  margin-top               : 2px; -  margin-bottom            : 2px; -} -h6.subtoc { -  margin-left              : 3em; -  font-size                : 75%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -} -h7.subtoc { -  margin-left              : 4em; -  font-size                : 70%%; -  margin-top               : 0px; -  margin-bottom            : 0px; +  note { white-space         : pre; } +  label.ocn { +    width                    : 2%%; +    float                    : right; +    top                      : 0; +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 6px; +    margin-right             : 6px; +    text-align               : right; +    color                    : %s; +    -khtml-user-select       : none; +    -moz-user-select         : none; +    -ms-user-select          : none; +    -o-user-select           : none; +    -webkit-user-select      : none; +    user-select              : none; +  } +  table { +    display                  : block; +    margin-left              : 5%%; +    margin-right             : 2em; +    background-color         : inherit; +  } +  tr { } +  th,td { +    vertical-align           : top; +    text-align               : left; +  } +  th { +    font-weight              : bold; +  } +  em { +    font-weight              : bold; +    font-style               : italic; +  } +  p.left,th.left,td.left { +    text-align               : left; +  } +  p.small_left,th.small_left,td.small_left { +    text-align               : left; +    font-size                : 80%%; +  } +  p.right,th.right,td.right { +    text-align               : right; +  } +  ul, li { +    list-style-type          : none; +    list-style               : none; +    padding-left             : 20px; +    font-weight              : normal; +    line-height              : 150%%; +    text-align               : left; +    text-indent              : 0mm; +    margin-left              : 1em; +    margin-right             : 2em; +    margin-top               : 3px; +    margin-bottom            : 3px; +  } +  li { +    background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px; +  } +  ul { } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    font-weight              : bold; +    line-height              : 120%%; +    text-align               : left; +    margin-top               : 20px; +    margin-bottom            : 10px; +  } +  h4.norm, h5.norm, h6.norm, h7.norm { +    margin-top               : 10px; +    margin-bottom            : 0px; +  } +  h0 { font-size             : 125%%; } +  h1 { font-size             : 120%%; } +  h2 { font-size             : 115%%; } +  h3 { font-size             : 110%%; } +  h4 { font-size             : 105%%; } +  h5 { font-size             : 100%%; } +  h6 { font-size             : 100%%; } +  h7 { font-size             : 100%%; } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    text-shadow              : .2em .2em .3em #808080; +  } +  h1.i { margin-left         : 2em; } +  h2.i { margin-left         : 3em; } +  h3.i { margin-left         : 4em; } +  h4.i { margin-left         : 5em; } +  h5.i { margin-left         : 6em; } +  h6.i { margin-left         : 7em; } +  h7.i { margin-left         : 8em; } +  h8.i { margin-left         : 9em; } +  h9.i { margin-left         : 10em; } +  .toc { +    font-weight              : normal; +    margin-top               : 6px; +    margin-bottom            : 6px; +  } +  h0.toc { +    margin-left              : 1em; +    font-size                : 120%%; +    line-height              : 150%%; +  } +  h1.toc { +    margin-left              : 1em; +    font-size                : 115%%; +    line-height              : 150%%; +  } +  h2.toc { +    margin-left              : 2em; +    font-size                : 110%%; +    line-height              : 140%%; +  } +  h3.toc { +    margin-left              : 3em; +    font-size                : 105%%; +    line-height              : 120%%; +  } +  h4.toc { +    margin-left              : 4em; +    font-size                : 100%%; +    line-height              : 120%%; +  } +  h5.toc { +    margin-left              : 5em; +    font-size                : 95%%; +    line-height              : 110%%; +  } +  h6.toc { +    margin-left              : 6em; +    font-size                : 90%%; +    line-height              : 110%%; +  } +  h7.toc { +    margin-left              : 7em; +    font-size                : 85%%; +    line-height              : 100%%; +  } +  .subtoc { +    margin-right             : 34%%; +    font-weight              : normal; +  } +  h5.subtoc { +    margin-left              : 2em; +    font-size                : 80%%; +    margin-top               : 2px; +    margin-bottom            : 2px; +  } +  h6.subtoc { +    margin-left              : 3em; +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +  h7.subtoc { +    margin-left              : 4em; +    font-size                : 70%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +input, select, textarea { +  font-size                : 150%%;  }  input[type="text"] {    font-size:120%%; @@ -1002,713 +1005,716 @@ p.form {    font-size                : 150%%;    line-height              : 150%%;  } -.icon-bar { -  width                    : 100%%; -  overflow                 : auto; -  margin                   : 0em 0em 0em; -} -.left-bar { -  width                    : 85%%; -  float                    : left; -  display                  : inline; -  overflow                 : auto; -} -.toc-button { -  position                 : absolute; -  top                      : 8px; -  width                    : 2em; -  height                   : 2em; -  border-radius            : 50%%; -  background               : #CCCCCC; -  fill                     : #333333; -  box-shadow               : 0 2px 5px #AAAAAA inset; -} -.toc-button svg { -  position                 : relative; -  left                     : 25%%; -  top                      : 25%%; -  width                    : 150%%; -  height                   : 150%%; -} -.toc-button p { -  vertical-align           : center; -  font-size                : 120%%; -} -.prev-next-button { -  position                 : absolute; -  top                      : 8px; -  width                    : 2em; -  height                   : 2em; -  border-radius            : 50%%; -  background               : #CCCCCC; -  box-shadow               : 0 2px 5px #AAAAAA inset; -} -.prev-next-button svg { -  position                 : relative; -  left                     : 20%%; -  top                      : 20%%; -  width                    : 60%%; -  height                   : 60%%; -} -.menu { -  right                    : 6em; - } -.previous { -  right                    : 3em; - } -.next { -  right                    : 0em; - } -.arrow { -  fill                     : #333333; -} -.minitoc { -  line-height              : 100%%; -  font-size                : 90%%; -  margin-top               : 6px; -  margin-bottom            : 0px; -  padding-left             : 0em; -  text-indent              : 0em; -  -khtml-user-select       : none; -  -moz-user-select         : none; -  -ms-user-select          : none; -  -o-user-select           : none; -  -webkit-user-select      : none; -  user-select              : none; -} -/* flex */ -.flex-menu-bar { -  display                  : -webkit-flex; -  display                  : flex; -  -webkit-flex-wrap        : wrap; -  -webkit-align-items      : center; -  align-items              : center; -  width                    : 100%%; -  margin-left              : 5%%; -  margin-right             : 2%%; -  background-color         : #FFFFFF; -} -.flex-menu-option { -  background-color         : #FFFFFF; -  margin-right             : 4px; -} -.flex-list { -  display                  : -webkit-flex; -  display                  : flex; -  -webkit-align-items      : center; -  display                  : block; -  align-items              : center; -  width                    : 100%%; -  background-color         : #FFFFFF; -} -.flex-list-item { -  background-color         : #FFFFFF; -  margin                   : 4px; -} -/* grid */ -.wrapper { -  display                  : grid; -  grid-template-columns    : 100%%; -  grid-template-areas      : -    "headband" -    "doc_header" -    "doc_title" -    "doc_toc" -    "doc_prefix" -    "doc_intro" -    "doc_body" -    "doc_endnotes" -    "doc_glossary" -    "doc_biblio" -    "doc_bookindex" -    "doc_blurb" -    "doc_suffix"; -  margin                   : 0px; -  padding                  : 0px; -  background-color         : #FFFFFF; -} -.delimit { -  border-style             : none; -  border-color             : #FFFFFF; -  padding                  : 10px; -} -.headband { -  grid-area                : headband; -  background-color         : #FFFFFF; -} -.doc_header { -  grid-area                : doc_header; -} -.doc_title { -  grid-area                : doc_title; -} -.doc_toc { -  grid-area                : doc_toc; -} -.doc_prefix { -  grid-area                : doc_prefix; -} -.doc_intro { -  grid-area                : doc_intro; -} -.doc_body { -  grid-area                : doc_body; -} -.doc_endnotes { -  grid-area                : doc_endnotes; -} -.doc_glossary { -  grid-area                : doc_glossary; -} -.doc_biblio { -  grid-area                : doc_biblio; -} -.doc_bookindex { -  grid-area                : doc_bookindex; -} -.doc_blurb { -  grid-area                : doc_blurb; -} -.doc_suffix { -  grid-area                : doc_suffix; -} -.nav-ul { -  list-style               : none; -  float                    : left; -} -.nav-li { -  float                    : left; -  padding-right            : 0.7em; -} -.nav-li a { -  text-decoration          : none; -  color                    : #FFFFFF; -} -footer { -  background-color         : #00704E; -} +  .icon-bar { +    width                    : 100%%; +    overflow                 : auto; +    margin                   : 0em 0em 0em; +  } +  .left-bar { +    width                    : 85%%; +    float                    : left; +    display                  : inline; +    overflow                 : auto; +  } +  .toc-button { +    position                 : absolute; +    top                      : 8px; +    width                    : 3em; +    height                   : 3em; +    border-radius            : 50%%; +    background               : #CCCCCC; +    fill                     : #333333; +    box-shadow               : 0 2px 5px #AAAAAA inset; +  } +  .toc-button svg { +    position                 : relative; +    left                     : 25%%; +    top                      : 25%%; +    width                    : 150%%; +    height                   : 150%%; +  } +  .toc-button p { +    vertical-align           : center; +    font-size                : 120%%; +  } +  .prev-next-button { +    position                 : absolute; +    top                      : 8px; +    width                    : 3em; +    height                   : 3em; +    border-radius            : 50%%; +    background               : #CCCCCC; +    box-shadow               : 0 2px 5px #AAAAAA inset; +  } +  .prev-next-button svg { +    position                 : relative; +    left                     : 20%%; +    top                      : 20%%; +    width                    : 60%%; +    height                   : 60%%; +  } +  .menu { +    right                    : 8em; +   } +  .previous { +    right                    : 4em; +   } +  .next { +    right                    : 0em; +   } +  .arrow { +    fill                     : #333333; +  } +  .minitoc { +    line-height              : 120%%; +    font-size                : 100%%; +    margin-top               : 6px; +    margin-bottom            : 0px; +    padding-left             : 0em; +    text-indent              : 0em; +    -khtml-user-select       : none; +    -moz-user-select         : none; +    -ms-user-select          : none; +    -o-user-select           : none; +    -webkit-user-select      : none; +    user-select              : none; +  } +  /* flex */ +  .flex-menu-bar { +    display                  : -webkit-flex; +    display                  : flex; +    -webkit-flex-wrap        : wrap; +    -webkit-align-items      : center; +    align-items              : center; +    width                    : 100%%; +    margin-left              : 5%%; +    margin-right             : 2%%; +    background-color         : #FFFFFF; +  } +  .flex-menu-option { +    background-color         : #FFFFFF; +    margin-right             : 4px; +  } +  .flex-list { +    display                  : -webkit-flex; +    display                  : flex; +    -webkit-align-items      : center; +    display                  : block; +    align-items              : center; +    width                    : 100%%; +    background-color         : #FFFFFF; +  } +  .flex-list-item { +    background-color         : #FFFFFF; +    margin                   : 4px; +  } +  /* grid */ +  .wrapper { +    display                  : grid; +    grid-template-columns    : 100%%; +    grid-template-areas      : +      "headband" +      "doc_header" +      "doc_title" +      "doc_toc" +      "doc_prefix" +      "doc_intro" +      "doc_body" +      "doc_endnotes" +      "doc_glossary" +      "doc_biblio" +      "doc_bookindex" +      "doc_blurb" +      "doc_suffix"; +    margin                   : 0px; +    padding                  : 0px; +    background-color         : #FFFFFF; +  } +  .delimit { +    border-style             : none; +    border-color             : #FFFFFF; +    padding                  : 10px; +  } +  .headband { +    grid-area                : headband; +    background-color         : #FFFFFF; +  } +  .doc_header { +    grid-area                : doc_header; +  } +  .doc_title { +    grid-area                : doc_title; +  } +  .doc_toc { +    grid-area                : doc_toc; +  } +  .doc_prefix { +    grid-area                : doc_prefix; +  } +  .doc_intro { +    grid-area                : doc_intro; +  } +  .doc_body { +    grid-area                : doc_body; +  } +  .doc_endnotes { +    grid-area                : doc_endnotes; +  } +  .doc_glossary { +    grid-area                : doc_glossary; +  } +  .doc_biblio { +    grid-area                : doc_biblio; +  } +  .doc_bookindex { +    grid-area                : doc_bookindex; +  } +  .doc_blurb { +    grid-area                : doc_blurb; +  } +  .doc_suffix { +    grid-area                : doc_suffix; +  } +  .nav-ul { +    list-style               : none; +    float                    : left; +  } +  .nav-li { +    float                    : left; +    padding-right            : 0.7em; +  } +  .nav-li a { +    text-decoration          : none; +    color                    : #FFFFFF; +  } +  footer { +    background-color         : #00704E; +  }  ┃",      _color_ocn_light,      _css_indent,      _color_ocn_light,  );      string _css_dark_html_seg = format(q"┃ -*{ -  padding                  : 0px; -  margin                   : 0px; -} -body { -  height                   : 100vh; -  background-color         : #000000; -} -body { -  color                    : #CCCCCC; -  background               : #000000; -  background-color         : #000000; -} -a:link { -  color                    : #FFFFFF; -  text-decoration          : none; -} -a:visited { -  color                    : #999999; -  text-decoration          : none; -} -a:hover { -  color                    : #000000; -  background-color         : #555555; -} -a.lnkocn:link { -  color                    : %s; -  text-decoration          : none; -} -a.lnkocn:visited { -  color                    : #9ACD32; -  text-decoration          : none; -} -a.lnkocn:hover { -  color                    : #BBBBBB; -  font-size                : 120%%; -} -a:hover img { -  background-color         : #000000; -} -a:active { -  color                    : #888888; -  text-decoration          : underline; -} -input { -  color                    : #FFFFFF; -  background-color         : #777777; -} -div { -  margin-left              : 0; -  margin-right             : 0; -} -div.p { -  margin-left              : 5%%; -  margin-right             : 1%%; -} -div.substance { -  width                    : 100%%; -  background-color         : #000000; -} -div.ocn { -  width                    : 5%%; -  float                    : right; -  top                      : 0; -  background-color         : #000000; -} -div.endnote { -  width                    : 95%%; -  background-color         : #000000; -} -div.toc { -  position                 : absolute; -  float                    : left; -  margin                   : 0; -  padding                  : 0; -  padding-top              : 0.5em; -  border                   : 0; -  width                    : 13em; -  background-color         : #111111; -  margin-right             : 1em; -} -div.summary { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #111111; -  padding-left             : 1em; -  background-color         : #111111; -} -div.content, div.main_column { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #000000; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content0, div.main_column0 { -  margin                   : 0; -  padding                  : 0; -  border-left              : 0%% solid #000000; -  padding-left             : 5%%; -} -div.scroll { -  margin                   : 0; -  padding                  : 0; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content:after { -  content                  : ' '; -  clear                    : both; -  display                  : block; -  height                   : 0; -  overflow                 : hidden; -} -div.footer { -  clear                    : left; -  padding                  : 0.5em; -  font-size                : 80%%; -  margin                   : 0; -} -div.toc ul { -  list-style               : none; -  padding                  : 0; -  margin                   : 0; -} -div.toc li ul a, li ul span.currentlink -{ -  font-weight              : normal; -  font-size                : 90%%; -  padding-left             : 2em; -  background-color         : #111111; -} -div.toc a, span.currentlink{ -  display                  : block; -  text-decoration          : none; -  padding-left             : 0.5em; -  color                    : #FF00AA; -} -hr { -  width                    : 90%%; -  margin-left              : 5%%; -  margin-right             : 2em; -  margin-top               : 1.8em; -  margin-bottom            : 1.8em; -} -span.currentlink { -  text-decoration          : none; -  background-color         : #AAAAF9; -} -div.toc a:visited { -  color                    : #FF00AA; -} -div.toc a:hover { -  color                    : #CCCCCC; -  background-color         : #F9F9AA; -} -nav#toc ol { -  list-style-type          : none; -} -.norm, .bold, .verse, .group, .block, .alt { -  line-height              : 133%%; -  margin-top               : 12px; -  margin-bottom            : 0px; -  padding-left             : 0em; -  text-indent              : 0em; -} -p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { -  display                  : block; -  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; -  margin-left              : 5%%; -  margin-right             : 2em; -} -p { -  font-size                : 100%%; -  font-weight              : normal; -  line-height              : 133%%; -  text-align               : justify; -  text-indent              : 0mm; -  margin-top               : 0.8em; -  margin-bottom            : 0.8em; -} -img { -  max-width                : 100%%; -  height                   : auto; -} -pre { -  width                    : auto; -  display                  : block; -  clear                    : both; -  color                    : #555555; -} -pre.codeline { -  display                  : table; -  clear                    : both; -  table-layout             : fixed; -  margin-left              : 5%%; -  margin-right             : 5%%; -  width                    : 90%%; -  white-space              : pre-wrap; -  border-style             : none; -  border-radius            : 5px 5px 5px 5px; -  box-shadow               : 0 2px 5px #AAAAAA inset; -  margin-bottom            : 1em; -  padding                  : 0.5em 1em; -  page-break-inside        : avoid; -  word-wrap                : break-word; -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  white-space              : pre; -  white-space              : pre-wrap; -  white-space              : -moz-pre-wrap; -  white-space              : -o-pre-wrap; -  background-color         : #555555; -  color                    : #DDDDDD; -  font-size                : 95%%; -  line-height              : 100%%; -} -pre.codeline::before { -  counter-reset            : linenum; -} -pre.codeline span.tr { -  display                  : table-row; -  counter-increment        : linenum; -} -pre.codeline span.th { -  display                  : table-cell; -  user-select              : none; -  -moz-user-select         : none; -  -webkit-user-select      : none; -  padding                  : 0.5em 0.5em; -} -pre.codeline span.th::before { -  content                  : counter(linenum) "."; -  color                    : #999999; -  text-align               : right; -  display                  : block; -} -pre.codeline span.th { -  width                    : 4em; -} -pre.codeline code { -  display                  : table-cell; -} -p.code { -  border-style             : none; -} -p.spaced { white-space     : pre; } -p.block { -  white-space              : pre; -} -p.group { } -p.alt { } -p.verse { -  white-space              : pre; -  margin-bottom            : 6px; -} -p.caption { -  text-align               : left; -  font-size                : 80%%; -  display                  : inline; -} -p.endnote { -  font-size                : 96%%; -  line-height              : 120%%; -  text-align               : left; -  margin-right             : 15mm; -  padding-left             : 1em; -  text-indent              : -1em; -} -p.center { -  text-align               : center; -} -p.bold { -  font-weight              : bold; -} -p.bold_left { -  font-weight              : bold; -  text-align               : left; -} -p.centerbold { -  text-align               : center; -  font-weight              : bold; -} -p.em { -  font-weight              : bold; -  font-style               : normal; -  background               : #FFF3B6; -} -p.small { -  font-size                : 80%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -  margin-right             : 6px; -  text-align               : left; -} -.tiny, .tiny_left, .tiny_right, .tiny_center { -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 0px; -  color                    : #EEEEEE; -  margin-right             : 6px; -  text-align               : left; -} -p.tiny { } -p.tiny_left { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : left; -} -p.tiny_right { -  margin-right             : 1em; -  text-align               : right; -} -p.tiny_center { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : center; -} -p.concordance_word { -  line-height              : 150%%; -  font-weight              : bold; -  display                  : inline; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.concordance_count { -  font-size                : 80%%; -  color                    : #555555; -  display                  : inline; -  margin-left              : 0em; -} -p.concordance_object { -  font-size                : 80%%; -  line-height              : 120%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -p.book_index_lev1 { -  line-height              : 100%%; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.book_index_lev2 { -  line-height              : 100%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -tt { -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  background-color         : #555555; -  color                    : #DDDDDD; -} +  *{ +    padding                  : 0px; +    margin                   : 0px; +  } +  body { +    height                   : 100vh; +    background-color         : #000000; +  } +  body { +    color                    : #CCCCCC; +    background               : #000000; +    background-color         : #000000; +  } +  a:link { +    color                    : #FFFFFF; +    text-decoration          : none; +  } +  a:visited { +    color                    : #999999; +    text-decoration          : none; +  } +  a:hover { +    color                    : #000000; +    background-color         : #555555; +  } +  a.lnkocn:link { +    color                    : %s; +    text-decoration          : none; +  } +  a.lnkocn:visited { +    color                    : #9ACD32; +    text-decoration          : none; +  } +  a.lnkocn:hover { +    color                    : #BBBBBB; +    font-size                : 120%%; +  } +  a:hover img { +    background-color         : #000000; +  } +  a:active { +    color                    : #888888; +    text-decoration          : underline; +  } +  input { +    color                    : #FFFFFF; +    background-color         : #777777; +  } +  div { +    margin-left              : 0; +    margin-right             : 0; +  } +  div.p { +    margin-left              : 5%%; +    margin-right             : 1%%; +  } +  div.substance { +    width                    : 100%%; +    background-color         : #000000; +  } +  div.ocn { +    width                    : 5%%; +    float                    : right; +    top                      : 0; +    background-color         : #000000; +  } +  div.endnote { +    width                    : 95%%; +    background-color         : #000000; +  } +  div.toc { +    position                 : absolute; +    float                    : left; +    margin                   : 0; +    padding                  : 0; +    padding-top              : 0.5em; +    border                   : 0; +    width                    : 13em; +    background-color         : #111111; +    margin-right             : 1em; +  } +  div.summary { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #111111; +    padding-left             : 1em; +    background-color         : #111111; +  } +  div.content, div.main_column { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #000000; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content0, div.main_column0 { +    margin                   : 0; +    padding                  : 0; +    border-left              : 0%% solid #000000; +    padding-left             : 5%%; +  } +  div.scroll { +    margin                   : 0; +    padding                  : 0; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content:after { +    content                  : ' '; +    clear                    : both; +    display                  : block; +    height                   : 0; +    overflow                 : hidden; +  } +  div.footer { +    clear                    : left; +    padding                  : 0.5em; +    font-size                : 80%%; +    margin                   : 0; +  } +  div.toc ul { +    list-style               : none; +    padding                  : 0; +    margin                   : 0; +  } +  div.toc li ul a, li ul span.currentlink +  { +    font-weight              : normal; +    font-size                : 90%%; +    padding-left             : 2em; +    background-color         : #111111; +  } +  div.toc a, span.currentlink{ +    display                  : block; +    text-decoration          : none; +    padding-left             : 0.5em; +    color                    : #FF00AA; +  } +  hr { +    width                    : 90%%; +    margin-left              : 5%%; +    margin-right             : 2em; +    margin-top               : 1.8em; +    margin-bottom            : 1.8em; +  } +  span.currentlink { +    text-decoration          : none; +    background-color         : #AAAAF9; +  } +  div.toc a:visited { +    color                    : #FF00AA; +  } +  div.toc a:hover { +    color                    : #CCCCCC; +    background-color         : #F9F9AA; +  } +  nav#toc ol { +    list-style-type          : none; +  } +  .norm, .bold, .verse, .group, .block, .alt { +    line-height              : 133%%; +    margin-top               : 12px; +    margin-bottom            : 0px; +    padding-left             : 0em; +    text-indent              : 0em; +  } +  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { +    display                  : block; +    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; +    margin-left              : 5%%; +    margin-right             : 2em; +  } +  p { +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { +    max-width                : 100%%; +    height                   : auto; +  } +  pre { +    width                    : auto; +    display                  : block; +    clear                    : both; +    color                    : #555555; +  } +  pre.codeline { +    display                  : table; +    clear                    : both; +    table-layout             : fixed; +    margin-left              : 5%%; +    margin-right             : 5%%; +    width                    : 90%%; +    white-space              : pre-wrap; +    border-style             : none; +    border-radius            : 5px 5px 5px 5px; +    box-shadow               : 0 2px 5px #AAAAAA inset; +    margin-bottom            : 1em; +    padding                  : 0.5em 1em; +    page-break-inside        : avoid; +    word-wrap                : break-word; +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    white-space              : pre; +    white-space              : pre-wrap; +    white-space              : -moz-pre-wrap; +    white-space              : -o-pre-wrap; +    background-color         : #555555; +    color                    : #DDDDDD; +    font-size                : 95%%; +    line-height              : 100%%; +  } +  pre.codeline::before { +    counter-reset            : linenum; +  } +  pre.codeline span.tr { +    display                  : table-row; +    counter-increment        : linenum; +  } +  pre.codeline span.th { +    display                  : table-cell; +    user-select              : none; +    -moz-user-select         : none; +    -webkit-user-select      : none; +    padding                  : 0.5em 0.5em; +  } +  pre.codeline span.th::before { +    content                  : counter(linenum) "."; +    color                    : #999999; +    text-align               : right; +    display                  : block; +  } +  pre.codeline span.th { +    width                    : 4em; +  } +  pre.codeline code { +    display                  : table-cell; +  } +  p.code { +    border-style             : none; +  } +  p.spaced { white-space     : pre; } +  p.block { +    white-space              : pre; +  } +  p.group { } +  p.alt { } +  p.verse { +    white-space              : pre; +    margin-bottom            : 6px; +  } +  p.caption { +    text-align               : left; +    font-size                : 80%%; +    display                  : inline; +  } +  p.endnote { +    font-size                : 96%%; +    line-height              : 120%%; +    text-align               : left; +    margin-right             : 15mm; +    padding-left             : 1em; +    text-indent              : -1em; +  } +  p.center { +    text-align               : center; +  } +  p.bold { +    font-weight              : bold; +  } +  p.bold_left { +    font-weight              : bold; +    text-align               : left; +  } +  p.centerbold { +    text-align               : center; +    font-weight              : bold; +  } +  p.em { +    font-weight              : bold; +    font-style               : normal; +    background               : #FFF3B6; +  } +  p.small { +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    margin-right             : 6px; +    text-align               : left; +  } +  .tiny, .tiny_left, .tiny_right, .tiny_center { +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    color                    : #EEEEEE; +    margin-right             : 6px; +    text-align               : left; +  } +  p.tiny { } +  p.tiny_left { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : left; +  } +  p.tiny_right { +    margin-right             : 1em; +    text-align               : right; +  } +  p.tiny_center { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : center; +  } +  p.concordance_word { +    line-height              : 150%%; +    font-weight              : bold; +    display                  : inline; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.concordance_count { +    font-size                : 80%%; +    color                    : #555555; +    display                  : inline; +    margin-left              : 0em; +  } +  p.concordance_object { +    font-size                : 80%%; +    line-height              : 120%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  p.book_index_lev1 { +    line-height              : 100%%; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.book_index_lev2 { +    line-height              : 100%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  tt { +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    background-color         : #555555; +    color                    : #DDDDDD; +  }  %s -note { white-space         : pre; } -label.ocn { -  width                    : 2%%; -  float                    : right; -  top                      : 0; -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 6px; -  margin-right             : 6px; -  text-align               : right; -  color                    : %s; -  -khtml-user-select       : none; -  -moz-user-select         : none; -  -ms-user-select          : none; -  -o-user-select           : none; -  -webkit-user-select      : none; -  user-select              : none; -} -table { -  display                  : block; -  margin-left              : 5%%; -  margin-right             : 2em; -  background-color         : inherit; -} -tr { } -th,td { -  vertical-align           : top; -  text-align               : left; -} -th { -  font-weight              : bold; -} -em { -  font-weight              : bold; -  font-style               : italic; -} -p.left,th.left,td.left { -  text-align               : left; -} -p.small_left,th.small_left,td.small_left { -  text-align               : left; -  font-size                : 80%%; -} -p.right,th.right,td.right { -  text-align               : right; -} -ul, li { -  list-style-type          : none; -  list-style               : none; -  padding-left             : 20px; -  font-weight              : normal; -  line-height              : 150%%; -  text-align               : left; -  text-indent              : 0mm; -  margin-left              : 1em; -  margin-right             : 2em; -  margin-top               : 3px; -  margin-bottom            : 3px; -} -li { -  background               : (../image_sys/bullet_09.png) no-repeat 0px 6px; -} -ul { } -h0, h1, h2, h3, h4, h5, h6, h7 { -  font-weight              : bold; -  line-height              : 120%%; -  text-align               : left; -  margin-top               : 20px; -  margin-bottom            : 10px; -} -h4.norm, h5.norm, h6.norm, h7.norm { -  margin-top               : 10px; -  margin-bottom            : 0px; -} -h0 { font-size             : 125%%; } -h1 { font-size             : 120%%; } -h2 { font-size             : 115%%; } -h3 { font-size             : 110%%; } -h4 { font-size             : 105%%; } -h5 { font-size             : 100%%; } -h6 { font-size             : 100%%; } -h7 { font-size             : 100%%; } -h0, h1, h2, h3, h4, h5, h6, h7 { -  text-shadow              : .2em .2em .3em #999999; -} -h1.i { margin-left         : 2em; } -h2.i { margin-left         : 3em; } -h3.i { margin-left         : 4em; } -h4.i { margin-left         : 5em; } -h5.i { margin-left         : 6em; } -h6.i { margin-left         : 7em; } -h7.i { margin-left         : 8em; } -h8.i { margin-left         : 9em; } -h9.i { margin-left         : 10em; } -.toc { -  font-weight              : normal; -  margin-top               : 6px; -  margin-bottom            : 6px; -} -h0.toc { -  margin-left              : 1em; -  font-size                : 120%%; -  line-height              : 150%%; -} -h1.toc { -  margin-left              : 1em; -  font-size                : 115%%; -  line-height              : 150%%; -} -h2.toc { -  margin-left              : 2em; -  font-size                : 110%%; -  line-height              : 140%%; -} -h3.toc { -  margin-left              : 3em; -  font-size                : 105%%; -  line-height              : 120%%; -} -h4.toc { -  margin-left              : 4em; -  font-size                : 100%%; -  line-height              : 120%%; -} -h5.toc { -  margin-left              : 5em; -  font-size                : 95%%; -  line-height              : 110%%; -} -h6.toc { -  margin-left              : 6em; -  font-size                : 90%%; -  line-height              : 110%%; -} -h7.toc { -  margin-left              : 7em; -  font-size                : 85%%; -  line-height              : 100%%; -} -.subtoc { -  margin-right             : 34%%; -  font-weight              : normal; -} -h5.subtoc { -  margin-left              : 2em; -  font-size                : 80%%; -  margin-top               : 2px; -  margin-bottom            : 2px; -} -h6.subtoc { -  margin-left              : 3em; -  font-size                : 75%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -} -h7.subtoc { -  margin-left              : 4em; -  font-size                : 70%%; -  margin-top               : 0px; -  margin-bottom            : 0px; +  note { white-space         : pre; } +  label.ocn { +    width                    : 2%%; +    float                    : right; +    top                      : 0; +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 6px; +    margin-right             : 6px; +    text-align               : right; +    color                    : %s; +    -khtml-user-select       : none; +    -moz-user-select         : none; +    -ms-user-select          : none; +    -o-user-select           : none; +    -webkit-user-select      : none; +    user-select              : none; +  } +  table { +    display                  : block; +    margin-left              : 5%%; +    margin-right             : 2em; +    background-color         : inherit; +  } +  tr { } +  th,td { +    vertical-align           : top; +    text-align               : left; +  } +  th { +    font-weight              : bold; +  } +  em { +    font-weight              : bold; +    font-style               : italic; +  } +  p.left,th.left,td.left { +    text-align               : left; +  } +  p.small_left,th.small_left,td.small_left { +    text-align               : left; +    font-size                : 80%%; +  } +  p.right,th.right,td.right { +    text-align               : right; +  } +  ul, li { +    list-style-type          : none; +    list-style               : none; +    padding-left             : 20px; +    font-weight              : normal; +    line-height              : 150%%; +    text-align               : left; +    text-indent              : 0mm; +    margin-left              : 1em; +    margin-right             : 2em; +    margin-top               : 3px; +    margin-bottom            : 3px; +  } +  li { +    background               : (../image_sys/bullet_09.png) no-repeat 0px 6px; +  } +  ul { } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    font-weight              : bold; +    line-height              : 120%%; +    text-align               : left; +    margin-top               : 20px; +    margin-bottom            : 10px; +  } +  h4.norm, h5.norm, h6.norm, h7.norm { +    margin-top               : 10px; +    margin-bottom            : 0px; +  } +  h0 { font-size             : 125%%; } +  h1 { font-size             : 120%%; } +  h2 { font-size             : 115%%; } +  h3 { font-size             : 110%%; } +  h4 { font-size             : 105%%; } +  h5 { font-size             : 100%%; } +  h6 { font-size             : 100%%; } +  h7 { font-size             : 100%%; } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    text-shadow              : .2em .2em .3em #999999; +  } +  h1.i { margin-left         : 2em; } +  h2.i { margin-left         : 3em; } +  h3.i { margin-left         : 4em; } +  h4.i { margin-left         : 5em; } +  h5.i { margin-left         : 6em; } +  h6.i { margin-left         : 7em; } +  h7.i { margin-left         : 8em; } +  h8.i { margin-left         : 9em; } +  h9.i { margin-left         : 10em; } +  .toc { +    font-weight              : normal; +    margin-top               : 6px; +    margin-bottom            : 6px; +  } +  h0.toc { +    margin-left              : 1em; +    font-size                : 120%%; +    line-height              : 150%%; +  } +  h1.toc { +    margin-left              : 1em; +    font-size                : 115%%; +    line-height              : 150%%; +  } +  h2.toc { +    margin-left              : 2em; +    font-size                : 110%%; +    line-height              : 140%%; +  } +  h3.toc { +    margin-left              : 3em; +    font-size                : 105%%; +    line-height              : 120%%; +  } +  h4.toc { +    margin-left              : 4em; +    font-size                : 100%%; +    line-height              : 120%%; +  } +  h5.toc { +    margin-left              : 5em; +    font-size                : 95%%; +    line-height              : 110%%; +  } +  h6.toc { +    margin-left              : 6em; +    font-size                : 90%%; +    line-height              : 110%%; +  } +  h7.toc { +    margin-left              : 7em; +    font-size                : 85%%; +    line-height              : 100%%; +  } +  .subtoc { +    margin-right             : 34%%; +    font-weight              : normal; +  } +  h5.subtoc { +    margin-left              : 2em; +    font-size                : 80%%; +    margin-top               : 2px; +    margin-bottom            : 2px; +  } +  h6.subtoc { +    margin-left              : 3em; +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +  h7.subtoc { +    margin-left              : 4em; +    font-size                : 70%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +input, select, textarea { +  font-size                : 150%%;  }  input[type="text"] {    font-size:120%%; @@ -1722,714 +1728,717 @@ p.form {    font-size                : 150%%;    line-height              : 150%%;  } -.icon-bar { -  width                    : 100%%; -  overflow                 : auto; -  margin                   : 0em 0em 0em; -} -.left-bar { -  width                    : 85%%; -  float                    : left; -  display                  : inline; -  overflow                 : auto; -} -.toc-button { -  position                 : absolute; -  top                      : 8px; -  width                    : 2em; -  height                   : 2em; -  border-radius            : 50%%; -  background               : #555555; -  fill                     : #DDDDDD; -  box-shadow               : 0 2px 5px #EEEEEE inset; -} -.toc-button svg { -  position                 : relative; -  left                     : 25%%; -  top                      : 25%%; -  width                    : 150%%; -  height                   : 150%%; -} -.toc-button p { -  vertical-align           : center; -  font-size                : 120%%; -} -.prev-next-button { -  position                 : absolute; -  top                      : 8px; -  width                    : 2em; -  height                   : 2em; -  border-radius            : 50%%; -  background               : #555555; -  box-shadow               : 0 2px 5px #AAAAAA inset; -} -.prev-next-button svg { -  position                 : relative; -  left                     : 20%%; -  top                      : 20%%; -  width                    : 60%%; -  height                   : 60%%; -} -.menu { -  right                    : 6em; - } -.previous { -  right                    : 3em; - } -.next { -  right                    : 0em; - } -.arrow { -   fill                    : #DDDDDD; -} -.minitoc { -  line-height              : 100%%; -  font-size                : 90%%; -  margin-top               : 6px; -  margin-bottom            : 0px; -  padding-left             : 0em; -  text-indent              : 0em; -  -khtml-user-select       : none; -  -moz-user-select         : none; -  -ms-user-select          : none; -  -o-user-select           : none; -  -webkit-user-select      : none; -  user-select              : none; -} -/* flex */ -.flex-menu-bar { -  display                  : -webkit-flex; -  display                  : flex; -  -webkit-flex-wrap        : wrap; -  -webkit-align-items      : center; -  align-items              : center; -  width                    : 100%%; -  margin-left              : 5%%; -  margin-right             : 2%%; -  background-color         : #000000; -} -.flex-menu-option { -  background-color         : #000000; -  margin-right             : 4px; -} -.flex-list { -  display                  : -webkit-flex; -  display                  : flex; -  -webkit-align-items      : center; -  display                  : block; -  align-items              : center; -  width                    : 100%%; -  background-color         : #000000; -} -.flex-list-item { -  background-color         : #000000; -  margin                   : 4px; -} -/* grid */ -.wrapper { -  display                  : grid; -  grid-template-columns    : 100%%; -  grid-template-areas      : -    "headband" -    "doc_header" -    "doc_title" -    "doc_toc" -    "doc_prefix" -    "doc_intro" -    "doc_body" -    "doc_endnotes" -    "doc_glossary" -    "doc_biblio" -    "doc_bookindex" -    "doc_blurb" -    "doc_suffix"; -  margin                   : 0px; -  padding                  : 0px; -  background-color         : #000000; -} -.delimit { -  border-style             : none; -  border-color             : #000000; -  padding                  : 10px; -} -.headband { -  grid-area                : headband; -  background-color         : #000000; -} -.doc_header { -  grid-area                : doc_header; -} -.doc_title { -  grid-area                : doc_title; -} -.doc_toc { -  grid-area                : doc_toc; -} -.doc_prefix { -  grid-area                : doc_prefix; -} -.doc_intro { -  grid-area                : doc_intro; -} -.doc_body { -  grid-area                : doc_body; -} -.doc_endnotes { -  grid-area                : doc_endnotes; -} -.doc_glossary { -  grid-area                : doc_glossary; -} -.doc_biblio { -  grid-area                : doc_biblio; -} -.doc_bookindex { -  grid-area                : doc_bookindex; -} -.doc_blurb { -  grid-area                : doc_blurb; -} -.doc_suffix { -  grid-area                : doc_suffix; -} -.nav-ul { -  list-style               : none; -  float                    : left; -} -.nav-li { -  float                    : left; -  padding-right            : 0.7em; -} -.nav-li a { -  text-decoration          : none; -  color                    : #000000; -} -footer { -  background-color         : #FF704E; -} +  .icon-bar { +    width                    : 100%%; +    overflow                 : auto; +    margin                   : 0em 0em 0em; +  } +  .left-bar { +    width                    : 85%%; +    float                    : left; +    display                  : inline; +    overflow                 : auto; +  } +  .toc-button { +    position                 : absolute; +    top                      : 8px; +    width                    : 3em; +    height                   : 3em; +    border-radius            : 50%%; +    background               : #555555; +    fill                     : #DDDDDD; +    box-shadow               : 0 2px 5px #EEEEEE inset; +  } +  .toc-button svg { +    position                 : relative; +    left                     : 25%%; +    top                      : 25%%; +    width                    : 150%%; +    height                   : 150%%; +  } +  .toc-button p { +    vertical-align           : center; +    font-size                : 120%%; +  } +  .prev-next-button { +    position                 : absolute; +    top                      : 8px; +    width                    : 3em; +    height                   : 3em; +    border-radius            : 50%%; +    background               : #555555; +    box-shadow               : 0 2px 5px #AAAAAA inset; +  } +  .prev-next-button svg { +    position                 : relative; +    left                     : 20%%; +    top                      : 20%%; +    width                    : 60%%; +    height                   : 60%%; +  } +  .menu { +    right                    : 8em; +   } +  .previous { +    right                    : 4em; +   } +  .next { +    right                    : 0em; +   } +  .arrow { +     fill                    : #DDDDDD; +  } +  .minitoc { +    line-height              : 120%%; +    font-size                : 100%%; +    margin-top               : 6px; +    margin-bottom            : 0px; +    padding-left             : 0em; +    text-indent              : 0em; +    -khtml-user-select       : none; +    -moz-user-select         : none; +    -ms-user-select          : none; +    -o-user-select           : none; +    -webkit-user-select      : none; +    user-select              : none; +  } +  /* flex */ +  .flex-menu-bar { +    display                  : -webkit-flex; +    display                  : flex; +    -webkit-flex-wrap        : wrap; +    -webkit-align-items      : center; +    align-items              : center; +    width                    : 100%%; +    margin-left              : 5%%; +    margin-right             : 2%%; +    background-color         : #000000; +  } +  .flex-menu-option { +    background-color         : #000000; +    margin-right             : 4px; +  } +  .flex-list { +    display                  : -webkit-flex; +    display                  : flex; +    -webkit-align-items      : center; +    display                  : block; +    align-items              : center; +    width                    : 100%%; +    background-color         : #000000; +  } +  .flex-list-item { +    background-color         : #000000; +    margin                   : 4px; +  } +  /* grid */ +  .wrapper { +    display                  : grid; +    grid-template-columns    : 100%%; +    grid-template-areas      : +      "headband" +      "doc_header" +      "doc_title" +      "doc_toc" +      "doc_prefix" +      "doc_intro" +      "doc_body" +      "doc_endnotes" +      "doc_glossary" +      "doc_biblio" +      "doc_bookindex" +      "doc_blurb" +      "doc_suffix"; +    margin                   : 0px; +    padding                  : 0px; +    background-color         : #000000; +  } +  .delimit { +    border-style             : none; +    border-color             : #000000; +    padding                  : 10px; +  } +  .headband { +    grid-area                : headband; +    background-color         : #000000; +  } +  .doc_header { +    grid-area                : doc_header; +  } +  .doc_title { +    grid-area                : doc_title; +  } +  .doc_toc { +    grid-area                : doc_toc; +  } +  .doc_prefix { +    grid-area                : doc_prefix; +  } +  .doc_intro { +    grid-area                : doc_intro; +  } +  .doc_body { +    grid-area                : doc_body; +  } +  .doc_endnotes { +    grid-area                : doc_endnotes; +  } +  .doc_glossary { +    grid-area                : doc_glossary; +  } +  .doc_biblio { +    grid-area                : doc_biblio; +  } +  .doc_bookindex { +    grid-area                : doc_bookindex; +  } +  .doc_blurb { +    grid-area                : doc_blurb; +  } +  .doc_suffix { +    grid-area                : doc_suffix; +  } +  .nav-ul { +    list-style               : none; +    float                    : left; +  } +  .nav-li { +    float                    : left; +    padding-right            : 0.7em; +  } +  .nav-li a { +    text-decoration          : none; +    color                    : #000000; +  } +  footer { +    background-color         : #FF704E; +  }  ┃",      _color_ocn_dark,      _css_indent,      _color_ocn_dark,  );      string _css_light_html_scroll = format(q"┃ -*{ -  padding                  : 0px; -  margin                   : 0px; -} -body { -  height                   : 100vh; -  background-color         : #FFFFFF; -} -body { -  color                    : #000000; -  background               : #FFFFFF; -  background-color         : #FFFFFF; -} -a:link { -  color                    : #003399; -  text-decoration          : none; -} -a:visited { -  color                    : #003399; -  text-decoration          : none; -} -a:hover { -  color                    : #000000; -  background-color         : #F9F9AA; -} -a.lnkocn:link { -  color                    : %s; -  text-decoration          : none; -} -a.lnkocn:visited { -  color                    : #32CD32; -  text-decoration          : none; -} -a.lnkocn:hover { -  color                    : #777777; -  font-size                : 120%%; -} -a:hover img { -  background-color         : #FFFFFF; -} -a:active { -  color                    : #003399; -  text-decoration          : underline; -} -input { -  color                    : #000000; -  background-color         : #FFFFFF; -} -div { -  margin-left              : 0; -  margin-right             : 0; -} -div.p { -  margin-left              : 5%%; -  margin-right             : 1%%; -} -div.substance { -  width                    : 100%%; -  background-color         : #FFFFFF; -} -div.ocn { -  width                    : 5%%; -  float                    : right; -  top                      : 0; -  background-color         : #FFFFFF; -} -div.endnote { -  width                    : 95%%; -  background-color         : #FFFFFF; -} -div.toc { -  position                 : absolute; -  float                    : left; -  margin                   : 0; -  padding                  : 0; -  padding-top              : 0.5em; -  border                   : 0; -  width                    : 13em; -  background-color         : #EEEEEE; -  margin-right             : 1em; -} -div.summary { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #EEEEEE; -  padding-left             : 1em; -  background-color         : #EEEEEE; -} -div.content, div.main_column { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #FFFFFF; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content0, div.main_column0 { -  margin                   : 0; -  padding                  : 0; -  border-left              : 0%% solid #FFFFFF; -  padding-left             : 5%%; -} -div.scroll { -  margin                   : 0; -  padding                  : 0; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content:after { -  content                  : ' '; -  clear                    : both; -  display                  : block; -  height                   : 0; -  overflow                 : hidden; -} -div.footer { -  clear                    : left; -  padding                  : 0.5em; -  font-size                : 80%%; -  margin                   : 0; -} -div.toc ul { -  list-style               : none; -  padding                  : 0; -  margin                   : 0; -} -div.toc li ul a, li ul span.currentlink -{ -  font-weight              : normal; -  font-size                : 90%%; -  padding-left             : 2em; -  background-color         : #EEEEEE; -} -div.toc a, span.currentlink{ -  display                  : block; -  text-decoration          : none; -  padding-left             : 0.5em; -  color                    : #0000aa; -} -hr { -  width                    : 90%%; -  margin-left              : 5%%; -  margin-right             : 2em; -  margin-top               : 1.8em; -  margin-bottom            : 1.8em; -} -span.currentlink { -  text-decoration          : none; -  background-color         : #AAAAAA; -} -div.toc a:visited { -  color                    : #0000aa; -} -div.toc a:hover { -  color                    : #000000; -  background-color         : #F9F9AA; -} -nav#toc ol { -  list-style-type          : none; -} -.norm, .bold, .verse, .group, .block, .alt { -  line-height              : 133%%; -  margin-top               : 12px; -  margin-bottom            : 0px; -  padding-left             : 0em; -  text-indent              : 0em; -} -p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { -  display                  : block; -  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; -  margin-left              : 5%%; -  margin-right             : 2em; -} -p { -  font-size                : 100%%; -  font-weight              : normal; -  line-height              : 133%%; -  text-align               : justify; -  text-indent              : 0mm; -  margin-top               : 0.8em; -  margin-bottom            : 0.8em; -} -img { -  max-width                : 100%%; -  height                   : auto; -} -pre { -  width                    : auto; -  display                  : block; -  clear                    : both; -  color                    : #555555; -} -pre.codeline { -  display                  : table; -  clear                    : both; -  table-layout             : fixed; -  margin-left              : 5%%; -  margin-right             : 5%%; -  width                    : 90%%; -  white-space              : pre-wrap; -  border-style             : none; -  border-radius            : 5px 5px 5px 5px; -  box-shadow               : 0 2px 5px #AAAAAA inset; -  margin-bottom            : 1em; -  padding                  : 0.5em 1em; -  page-break-inside        : avoid; -  word-wrap                : break-word; -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  white-space              : pre; -  white-space              : pre-wrap; -  white-space              : -moz-pre-wrap; -  white-space              : -o-pre-wrap; -  background-color         : #EEEEEE; -  color                    : #000000; -  font-size                : 95%%; -  line-height              : 100%%; -} -pre.codeline::before { -  counter-reset            : linenum; -} -pre.codeline span.tr { -  display                  : table-row; -  counter-increment        : linenum; -} -pre.codeline span.th { -  display                  : table-cell; -  user-select              : none; -  -moz-user-select         : none; -  -webkit-user-select      : none; -  padding                  : 0.5em 0.5em; -  /* background-color         : #666666; */ -} -pre.codeline span.th::before { -  content                  : counter(linenum) "."; -  color                    : #999999; -  text-align               : right; -  display                  : block; -} -pre.codeline span.th { -  width                    : 4em; -} -pre.codeline code { -  display                  : table-cell; -} -p.code { -  border-style             : none; -} -p.spaced { white-space     : pre; } -p.block { -  white-space              : pre; -} -p.group { } -p.alt { } -p.verse { -  white-space              : pre; -  margin-bottom            : 6px; -} -p.caption { -  text-align               : left; -  font-size                : 80%%; -  display                  : inline; -} -p.endnote { -  font-size                : 96%%; -  line-height              : 120%%; -  text-align               : left; -  margin-right             : 15mm; -  padding-left             : 1em; -  text-indent              : -1em; -} -p.center { -  text-align               : center; -} -p.bold { -  font-weight              : bold; -} -p.bold_left { -  font-weight              : bold; -  text-align               : left; -} -p.centerbold { -  text-align               : center; -  font-weight              : bold; -} -p.em { -  font-weight              : bold; -  font-style               : normal; -  background               : #FFF3B6; -} -p.small { -  font-size                : 80%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -  margin-right             : 6px; -  text-align               : left; -} -.tiny, .tiny_left, .tiny_right, .tiny_center { -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 0px; -  color                    : #777777; -  margin-right             : 6px; -  text-align               : left; -} -p.tiny { } -p.tiny_left { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : left; -} -p.tiny_right { -  margin-right             : 1em; -  text-align               : right; -} -p.tiny_center { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : center; -} -p.concordance_word { -  line-height              : 150%%; -  font-weight              : bold; -  display                  : inline; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.concordance_count { -  font-size                : 80%%; -  color                    : #777777; -  display                  : inline; -  margin-left              : 0em; -} -p.concordance_object { -  font-size                : 80%%; -  line-height              : 120%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -p.book_index_lev1 { -  line-height              : 100%%; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.book_index_lev2 { -  line-height              : 100%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -tt { -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  background-color         : #EEEEEE; -  color                    : #000000; -} +  *{ +    padding                  : 0px; +    margin                   : 0px; +  } +  body { +    height                   : 100vh; +    background-color         : #FFFFFF; +  } +  body { +    color                    : #000000; +    background               : #FFFFFF; +    background-color         : #FFFFFF; +  } +  a:link { +    color                    : #003399; +    text-decoration          : none; +  } +  a:visited { +    color                    : #003399; +    text-decoration          : none; +  } +  a:hover { +    color                    : #000000; +    background-color         : #F9F9AA; +  } +  a.lnkocn:link { +    color                    : %s; +    text-decoration          : none; +  } +  a.lnkocn:visited { +    color                    : #32CD32; +    text-decoration          : none; +  } +  a.lnkocn:hover { +    color                    : #777777; +    font-size                : 120%%; +  } +  a:hover img { +    background-color         : #FFFFFF; +  } +  a:active { +    color                    : #003399; +    text-decoration          : underline; +  } +  input { +    color                    : #000000; +    background-color         : #FFFFFF; +  } +  div { +    margin-left              : 0; +    margin-right             : 0; +  } +  div.p { +    margin-left              : 5%%; +    margin-right             : 1%%; +  } +  div.substance { +    width                    : 100%%; +    background-color         : #FFFFFF; +  } +  div.ocn { +    width                    : 5%%; +    float                    : right; +    top                      : 0; +    background-color         : #FFFFFF; +  } +  div.endnote { +    width                    : 95%%; +    background-color         : #FFFFFF; +  } +  div.toc { +    position                 : absolute; +    float                    : left; +    margin                   : 0; +    padding                  : 0; +    padding-top              : 0.5em; +    border                   : 0; +    width                    : 13em; +    background-color         : #EEEEEE; +    margin-right             : 1em; +  } +  div.summary { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #EEEEEE; +    padding-left             : 1em; +    background-color         : #EEEEEE; +  } +  div.content, div.main_column { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #FFFFFF; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content0, div.main_column0 { +    margin                   : 0; +    padding                  : 0; +    border-left              : 0%% solid #FFFFFF; +    padding-left             : 5%%; +  } +  div.scroll { +    margin                   : 0; +    padding                  : 0; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content:after { +    content                  : ' '; +    clear                    : both; +    display                  : block; +    height                   : 0; +    overflow                 : hidden; +  } +  div.footer { +    clear                    : left; +    padding                  : 0.5em; +    font-size                : 80%%; +    margin                   : 0; +  } +  div.toc ul { +    list-style               : none; +    padding                  : 0; +    margin                   : 0; +  } +  div.toc li ul a, li ul span.currentlink +  { +    font-weight              : normal; +    font-size                : 90%%; +    padding-left             : 2em; +    background-color         : #EEEEEE; +  } +  div.toc a, span.currentlink{ +    display                  : block; +    text-decoration          : none; +    padding-left             : 0.5em; +    color                    : #0000aa; +  } +  hr { +    width                    : 90%%; +    margin-left              : 5%%; +    margin-right             : 2em; +    margin-top               : 1.8em; +    margin-bottom            : 1.8em; +  } +  span.currentlink { +    text-decoration          : none; +    background-color         : #AAAAAA; +  } +  div.toc a:visited { +    color                    : #0000aa; +  } +  div.toc a:hover { +    color                    : #000000; +    background-color         : #F9F9AA; +  } +  nav#toc ol { +    list-style-type          : none; +  } +  .norm, .bold, .verse, .group, .block, .alt { +    line-height              : 133%%; +    margin-top               : 12px; +    margin-bottom            : 0px; +    padding-left             : 0em; +    text-indent              : 0em; +  } +  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { +    display                  : block; +    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; +    margin-left              : 5%%; +    margin-right             : 2em; +  } +  p { +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { +    max-width                : 100%%; +    height                   : auto; +  } +  pre { +    width                    : auto; +    display                  : block; +    clear                    : both; +    color                    : #555555; +  } +  pre.codeline { +    display                  : table; +    clear                    : both; +    table-layout             : fixed; +    margin-left              : 5%%; +    margin-right             : 5%%; +    width                    : 90%%; +    white-space              : pre-wrap; +    border-style             : none; +    border-radius            : 5px 5px 5px 5px; +    box-shadow               : 0 2px 5px #AAAAAA inset; +    margin-bottom            : 1em; +    padding                  : 0.5em 1em; +    page-break-inside        : avoid; +    word-wrap                : break-word; +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    white-space              : pre; +    white-space              : pre-wrap; +    white-space              : -moz-pre-wrap; +    white-space              : -o-pre-wrap; +    background-color         : #EEEEEE; +    color                    : #000000; +    font-size                : 95%%; +    line-height              : 100%%; +  } +  pre.codeline::before { +    counter-reset            : linenum; +  } +  pre.codeline span.tr { +    display                  : table-row; +    counter-increment        : linenum; +  } +  pre.codeline span.th { +    display                  : table-cell; +    user-select              : none; +    -moz-user-select         : none; +    -webkit-user-select      : none; +    padding                  : 0.5em 0.5em; +    /* background-color         : #666666; */ +  } +  pre.codeline span.th::before { +    content                  : counter(linenum) "."; +    color                    : #999999; +    text-align               : right; +    display                  : block; +  } +  pre.codeline span.th { +    width                    : 4em; +  } +  pre.codeline code { +    display                  : table-cell; +  } +  p.code { +    border-style             : none; +  } +  p.spaced { white-space     : pre; } +  p.block { +    white-space              : pre; +  } +  p.group { } +  p.alt { } +  p.verse { +    white-space              : pre; +    margin-bottom            : 6px; +  } +  p.caption { +    text-align               : left; +    font-size                : 80%%; +    display                  : inline; +  } +  p.endnote { +    font-size                : 96%%; +    line-height              : 120%%; +    text-align               : left; +    margin-right             : 15mm; +    padding-left             : 1em; +    text-indent              : -1em; +  } +  p.center { +    text-align               : center; +  } +  p.bold { +    font-weight              : bold; +  } +  p.bold_left { +    font-weight              : bold; +    text-align               : left; +  } +  p.centerbold { +    text-align               : center; +    font-weight              : bold; +  } +  p.em { +    font-weight              : bold; +    font-style               : normal; +    background               : #FFF3B6; +  } +  p.small { +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    margin-right             : 6px; +    text-align               : left; +  } +  .tiny, .tiny_left, .tiny_right, .tiny_center { +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    color                    : #777777; +    margin-right             : 6px; +    text-align               : left; +  } +  p.tiny { } +  p.tiny_left { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : left; +  } +  p.tiny_right { +    margin-right             : 1em; +    text-align               : right; +  } +  p.tiny_center { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : center; +  } +  p.concordance_word { +    line-height              : 150%%; +    font-weight              : bold; +    display                  : inline; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.concordance_count { +    font-size                : 80%%; +    color                    : #777777; +    display                  : inline; +    margin-left              : 0em; +  } +  p.concordance_object { +    font-size                : 80%%; +    line-height              : 120%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  p.book_index_lev1 { +    line-height              : 100%%; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.book_index_lev2 { +    line-height              : 100%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  tt { +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    background-color         : #EEEEEE; +    color                    : #000000; +  }  %s -note { white-space         : pre; } -label.ocn { -  width                    : 2%%; -  float                    : right; -  top                      : 0; -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 6px; -  margin-right             : 6px; -  text-align               : right; -  color                    : %s; -  -khtml-user-select       : none; -  -moz-user-select         : none; -  -ms-user-select          : none; -  -o-user-select           : none; -  -webkit-user-select      : none; -  user-select              : none; -} -table { -  display                  : block; -  margin-left              : 5%%; -  margin-right             : 2em; -  background-color         : inherit; -} -tr { } -th,td { -  vertical-align           : top; -  text-align               : left; -} -th { -  font-weight              : bold; -} -em { -  font-weight              : bold; -  font-style               : italic; -} -p.left,th.left,td.left { -  text-align               : left; -} -p.small_left,th.small_left,td.small_left { -  text-align               : left; -  font-size                : 80%%; -} -p.right,th.right,td.right { -  text-align               : right; -} -ul, li { -  list-style-type          : none; -  list-style               : none; -  padding-left             : 20px; -  font-weight              : normal; -  line-height              : 150%%; -  text-align               : left; -  text-indent              : 0mm; -  margin-left              : 1em; -  margin-right             : 2em; -  margin-top               : 3px; -  margin-bottom            : 3px; -} -li { -  background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px; -} -ul { } -h0, h1, h2, h3, h4, h5, h6, h7 { -  font-weight              : bold; -  line-height              : 120%%; -  text-align               : left; -  margin-top               : 20px; -  margin-bottom            : 10px; -} -h4.norm, h5.norm, h6.norm, h7.norm { -  margin-top               : 10px; -  margin-bottom            : 0px; -} -h0 { font-size             : 125%%; } -h1 { font-size             : 120%%; } -h2 { font-size             : 115%%; } -h3 { font-size             : 110%%; } -h4 { font-size             : 105%%; } -h5 { font-size             : 100%%; } -h6 { font-size             : 100%%; } -h7 { font-size             : 100%%; } -h0, h1, h2, h3, h4, h5, h6, h7 { -  text-shadow              : .2em .2em .3em #808080; -} -h1.i { margin-left         : 2em; } -h2.i { margin-left         : 3em; } -h3.i { margin-left         : 4em; } -h4.i { margin-left         : 5em; } -h5.i { margin-left         : 6em; } -h6.i { margin-left         : 7em; } -h7.i { margin-left         : 8em; } -h8.i { margin-left         : 9em; } -h9.i { margin-left         : 10em; } -.toc { -  font-weight              : normal; -  margin-top               : 6px; -  margin-bottom            : 6px; -} -h0.toc { -  margin-left              : 1em; -  font-size                : 120%%; -  line-height              : 150%%; -} -h1.toc { -  margin-left              : 1em; -  font-size                : 115%%; -  line-height              : 150%%; -} -h2.toc { -  margin-left              : 2em; -  font-size                : 110%%; -  line-height              : 140%%; -} -h3.toc { -  margin-left              : 3em; -  font-size                : 105%%; -  line-height              : 120%%; -} -h4.toc { -  margin-left              : 4em; -  font-size                : 100%%; -  line-height              : 120%%; -} -h5.toc { -  margin-left              : 5em; -  font-size                : 95%%; -  line-height              : 110%%; -} -h6.toc { -  margin-left              : 6em; -  font-size                : 90%%; -  line-height              : 110%%; -} -h7.toc { -  margin-left              : 7em; -  font-size                : 85%%; -  line-height              : 100%%; -} -.subtoc { -  margin-right             : 34%%; -  font-weight              : normal; -} -h5.subtoc { -  margin-left              : 2em; -  font-size                : 80%%; -  margin-top               : 2px; -  margin-bottom            : 2px; -} -h6.subtoc { -  margin-left              : 3em; -  font-size                : 75%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -} -h7.subtoc { -  margin-left              : 4em; -  font-size                : 70%%; -  margin-top               : 0px; -  margin-bottom            : 0px; +  note { white-space         : pre; } +  label.ocn { +    width                    : 2%%; +    float                    : right; +    top                      : 0; +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 6px; +    margin-right             : 6px; +    text-align               : right; +    color                    : %s; +    -khtml-user-select       : none; +    -moz-user-select         : none; +    -ms-user-select          : none; +    -o-user-select           : none; +    -webkit-user-select      : none; +    user-select              : none; +  } +  table { +    display                  : block; +    margin-left              : 5%%; +    margin-right             : 2em; +    background-color         : inherit; +  } +  tr { } +  th,td { +    vertical-align           : top; +    text-align               : left; +  } +  th { +    font-weight              : bold; +  } +  em { +    font-weight              : bold; +    font-style               : italic; +  } +  p.left,th.left,td.left { +    text-align               : left; +  } +  p.small_left,th.small_left,td.small_left { +    text-align               : left; +    font-size                : 80%%; +  } +  p.right,th.right,td.right { +    text-align               : right; +  } +  ul, li { +    list-style-type          : none; +    list-style               : none; +    padding-left             : 20px; +    font-weight              : normal; +    line-height              : 150%%; +    text-align               : left; +    text-indent              : 0mm; +    margin-left              : 1em; +    margin-right             : 2em; +    margin-top               : 3px; +    margin-bottom            : 3px; +  } +  li { +    background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px; +  } +  ul { } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    font-weight              : bold; +    line-height              : 120%%; +    text-align               : left; +    margin-top               : 20px; +    margin-bottom            : 10px; +  } +  h4.norm, h5.norm, h6.norm, h7.norm { +    margin-top               : 10px; +    margin-bottom            : 0px; +  } +  h0 { font-size             : 125%%; } +  h1 { font-size             : 120%%; } +  h2 { font-size             : 115%%; } +  h3 { font-size             : 110%%; } +  h4 { font-size             : 105%%; } +  h5 { font-size             : 100%%; } +  h6 { font-size             : 100%%; } +  h7 { font-size             : 100%%; } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    text-shadow              : .2em .2em .3em #808080; +  } +  h1.i { margin-left         : 2em; } +  h2.i { margin-left         : 3em; } +  h3.i { margin-left         : 4em; } +  h4.i { margin-left         : 5em; } +  h5.i { margin-left         : 6em; } +  h6.i { margin-left         : 7em; } +  h7.i { margin-left         : 8em; } +  h8.i { margin-left         : 9em; } +  h9.i { margin-left         : 10em; } +  .toc { +    font-weight              : normal; +    margin-top               : 6px; +    margin-bottom            : 6px; +  } +  h0.toc { +    margin-left              : 1em; +    font-size                : 120%%; +    line-height              : 150%%; +  } +  h1.toc { +    margin-left              : 1em; +    font-size                : 115%%; +    line-height              : 150%%; +  } +  h2.toc { +    margin-left              : 2em; +    font-size                : 110%%; +    line-height              : 140%%; +  } +  h3.toc { +    margin-left              : 3em; +    font-size                : 105%%; +    line-height              : 120%%; +  } +  h4.toc { +    margin-left              : 4em; +    font-size                : 100%%; +    line-height              : 120%%; +  } +  h5.toc { +    margin-left              : 5em; +    font-size                : 95%%; +    line-height              : 110%%; +  } +  h6.toc { +    margin-left              : 6em; +    font-size                : 90%%; +    line-height              : 110%%; +  } +  h7.toc { +    margin-left              : 7em; +    font-size                : 85%%; +    line-height              : 100%%; +  } +  .subtoc { +    margin-right             : 34%%; +    font-weight              : normal; +  } +  h5.subtoc { +    margin-left              : 2em; +    font-size                : 80%%; +    margin-top               : 2px; +    margin-bottom            : 2px; +  } +  h6.subtoc { +    margin-left              : 3em; +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +  h7.subtoc { +    margin-left              : 4em; +    font-size                : 70%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +input, select, textarea { +  font-size                : 150%%;  }  input[type="text"] {    font-size:120%%; @@ -2443,639 +2452,642 @@ p.form {    font-size                : 150%%;    line-height              : 150%%;  } -/* flex */ -.flex-menu-bar { -  display                  : -webkit-flex; -  display                  : flex; -  -webkit-flex-wrap        : wrap; -  -webkit-align-items      : center; -  align-items              : center; -  width                    : 100%%; -  margin-left              : 5%%; -  margin-right             : 2%%; -  background-color         : #FFFFFF; -} -.flex-menu-option { -  background-color         : #FFFFFF; -  margin-right             : 4px; -} -.flex-list { -  display                  : -webkit-flex; -  display                  : flex; -  -webkit-align-items      : center; -  display                  : block; -  align-items              : center; -  width                    : 100%%; -  background-color         : #FFFFFF; -} -.flex-list-item { -  background-color         : #FFFFFF; -  margin                   : 4px; -} -/* grid */ -.wrapper { -  display                  : grid; -  grid-template-columns    : 100%%; -  grid-template-areas      : -    "headband" -    "doc_header" -    "doc_title" -    "doc_toc" -    "doc_prefix" -    "doc_intro" -    "doc_body" -    "doc_endnotes" -    "doc_glossary" -    "doc_biblio" -    "doc_bookindex" -    "doc_blurb" -    "doc_suffix"; -  margin                   : 0px; -  padding                  : 0px; -  background-color         : #FFFFFF; -} -.delimit { -  border-style             : none; -  border-color             : #FFFFFF; -  padding                  : 10px; -} -.headband { -  grid-area                : headband; -  background-color         : #FFFFFF; -} -.doc_header { -  grid-area                : doc_header; -} -.doc_title { -  grid-area                : doc_title; -} -.doc_toc { -  grid-area                : doc_toc; -} -.doc_prefix { -  grid-area                : doc_prefix; -} -.doc_intro { -  grid-area                : doc_intro; -} -.doc_body { -  grid-area                : doc_body; -} -.doc_endnotes { -  grid-area                : doc_endnotes; -} -.doc_glossary { -  grid-area                : doc_glossary; -} -.doc_biblio { -  grid-area                : doc_biblio; -} -.doc_bookindex { -  grid-area                : doc_bookindex; -} -.doc_blurb { -  grid-area                : doc_blurb; -} -.doc_suffix { -  grid-area                : doc_suffix; -} -.nav-ul { -  list-style               : none; -  float                    : left; -} -.nav-li { -  float                    : left; -  padding-right            : 0.7em; -} -.nav-li a { -  text-decoration          : none; -  color                    : #FFFFFF; -} -footer { -  background-color         : #00704E; -} +  /* flex */ +  .flex-menu-bar { +    display                  : -webkit-flex; +    display                  : flex; +    -webkit-flex-wrap        : wrap; +    -webkit-align-items      : center; +    align-items              : center; +    width                    : 100%%; +    margin-left              : 5%%; +    margin-right             : 2%%; +    background-color         : #FFFFFF; +  } +  .flex-menu-option { +    background-color         : #FFFFFF; +    margin-right             : 4px; +  } +  .flex-list { +    display                  : -webkit-flex; +    display                  : flex; +    -webkit-align-items      : center; +    display                  : block; +    align-items              : center; +    width                    : 100%%; +    background-color         : #FFFFFF; +  } +  .flex-list-item { +    background-color         : #FFFFFF; +    margin                   : 4px; +  } +  /* grid */ +  .wrapper { +    display                  : grid; +    grid-template-columns    : 100%%; +    grid-template-areas      : +      "headband" +      "doc_header" +      "doc_title" +      "doc_toc" +      "doc_prefix" +      "doc_intro" +      "doc_body" +      "doc_endnotes" +      "doc_glossary" +      "doc_biblio" +      "doc_bookindex" +      "doc_blurb" +      "doc_suffix"; +    margin                   : 0px; +    padding                  : 0px; +    background-color         : #FFFFFF; +  } +  .delimit { +    border-style             : none; +    border-color             : #FFFFFF; +    padding                  : 10px; +  } +  .headband { +    grid-area                : headband; +    background-color         : #FFFFFF; +  } +  .doc_header { +    grid-area                : doc_header; +  } +  .doc_title { +    grid-area                : doc_title; +  } +  .doc_toc { +    grid-area                : doc_toc; +  } +  .doc_prefix { +    grid-area                : doc_prefix; +  } +  .doc_intro { +    grid-area                : doc_intro; +  } +  .doc_body { +    grid-area                : doc_body; +  } +  .doc_endnotes { +    grid-area                : doc_endnotes; +  } +  .doc_glossary { +    grid-area                : doc_glossary; +  } +  .doc_biblio { +    grid-area                : doc_biblio; +  } +  .doc_bookindex { +    grid-area                : doc_bookindex; +  } +  .doc_blurb { +    grid-area                : doc_blurb; +  } +  .doc_suffix { +    grid-area                : doc_suffix; +  } +  .nav-ul { +    list-style               : none; +    float                    : left; +  } +  .nav-li { +    float                    : left; +    padding-right            : 0.7em; +  } +  .nav-li a { +    text-decoration          : none; +    color                    : #FFFFFF; +  } +  footer { +    background-color         : #00704E; +  }  ┃",      _color_ocn_light,      _css_indent,      _color_ocn_light,  );      string _css_dark_html_scroll = format(q"┃ -*{ -  padding                  : 0px; -  margin                   : 0px; -} -body { -  height                   : 100vh; -  background-color         : #000000; -} -body { -  color                    : #CCCCCC; -  background               : #000000; -  background-color         : #000000; -} -a:link { -  color                    : #FFFFFF; -  text-decoration          : none; -} -a:visited { -  color                    : #999999; -  text-decoration          : none; -} -a:hover { -  color                    : #000000; -  background-color         : #555555; -} -a.lnkocn:link { -  color                    : %s; -  text-decoration          : none; -} -a.lnkocn:visited { -  color                    : #9ACD32; -  text-decoration          : none; -} -a.lnkocn:hover { -  color                    : #BBBBBB; -  font-size                : 120%%; -} -a:hover img { -  background-color         : #000000; -} -a:active { -  color                    : #888888; -  text-decoration          : underline; -} -input { -  color                    : #FFFFFF; -  background-color         : #777777; -} -div { -  margin-left              : 0; -  margin-right             : 0; -} -div.p { -  margin-left              : 5%%; -  margin-right             : 1%%; -} -div.substance { -  width                    : 100%%; -  background-color         : #000000; -} -div.ocn { -  width                    : 5%%; -  float                    : right; -  top                      : 0; -  background-color         : #000000; -} -div.endnote { -  width                    : 95%%; -  background-color         : #000000; -} -div.toc { -  position                 : absolute; -  float                    : left; -  margin                   : 0; -  padding                  : 0; -  padding-top              : 0.5em; -  border                   : 0; -  width                    : 13em; -  background-color         : #111111; -  margin-right             : 1em; -} -div.summary { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #111111; -  padding-left             : 1em; -  background-color         : #111111; -} -div.content, div.main_column { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #000000; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content0, div.main_column0 { -  margin                   : 0; -  padding                  : 0; -  border-left              : 0%% solid #000000; -  padding-left             : 5%%; -} -div.scroll { -  margin                   : 0; -  padding                  : 0; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content:after { -  content                  : ' '; -  clear                    : both; -  display                  : block; -  height                   : 0; -  overflow                 : hidden; -} -div.footer { -  clear                    : left; -  padding                  : 0.5em; -  font-size                : 80%%; -  margin                   : 0; -} -div.toc ul { -  list-style               : none; -  padding                  : 0; -  margin                   : 0; -} -div.toc li ul a, li ul span.currentlink -{ -  font-weight              : normal; -  font-size                : 90%%; -  padding-left             : 2em; -  background-color         : #111111; -} -div.toc a, span.currentlink{ -  display                  : block; -  text-decoration          : none; -  padding-left             : 0.5em; -  color                    : #FF00AA; -} -hr { -  width                    : 90%%; -  margin-left              : 5%%; -  margin-right             : 2em; -  margin-top               : 1.8em; -  margin-bottom            : 1.8em; -} -span.currentlink { -  text-decoration          : none; -  background-color         : #AAAAF9; -} -div.toc a:visited { -  color                    : #FF00AA; -} -div.toc a:hover { -  color                    : #CCCCCC; -  background-color         : #F9F9AA; -} -nav#toc ol { -  list-style-type          : none; -} -.norm, .bold, .verse, .group, .block, .alt { -  line-height              : 133%%; -  margin-top               : 12px; -  margin-bottom            : 0px; -  padding-left             : 0em; -  text-indent              : 0em; -} -p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { -  display                  : block; -  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; -  margin-left              : 5%%; -  margin-right             : 2em; -} -p { -  font-size                : 100%%; -  font-weight              : normal; -  line-height              : 133%%; -  text-align               : justify; -  text-indent              : 0mm; -  margin-top               : 0.8em; -  margin-bottom            : 0.8em; -} -img { -  max-width                : 100%%; -  height                   : auto; -} -pre { -  width                    : auto; -  display                  : block; -  clear                    : both; -  color                    : #555555; -} -pre.codeline { -  display                  : table; -  clear                    : both; -  table-layout             : fixed; -  margin-left              : 5%%; -  margin-right             : 5%%; -  width                    : 90%%; -  white-space              : pre-wrap; -  border-style             : none; -  border-radius            : 5px 5px 5px 5px; -  box-shadow               : 0 2px 5px #AAAAAA inset; -  margin-bottom            : 1em; -  padding                  : 0.5em 1em; -  page-break-inside        : avoid; -  word-wrap                : break-word; -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  white-space              : pre; -  white-space              : pre-wrap; -  white-space              : -moz-pre-wrap; -  white-space              : -o-pre-wrap; -  background-color         : #555555; -  color                    : #DDDDDD; -  font-size                : 95%%; -  line-height              : 100%%; -} -pre.codeline::before { -  counter-reset            : linenum; -} -pre.codeline span.tr { -  display                  : table-row; -  counter-increment        : linenum; -} -pre.codeline span.th { -  display                  : table-cell; -  user-select              : none; -  -moz-user-select         : none; -  -webkit-user-select      : none; -  padding                  : 0.5em 0.5em; -} -pre.codeline span.th::before { -  content                  : counter(linenum) "."; -  color                    : #999999; -  text-align               : right; -  display                  : block; -} -pre.codeline span.th { -  width                    : 4em; -} -pre.codeline code { -  display                  : table-cell; -} -p.code { -  border-style             : none; -} -p.spaced { white-space     : pre; } -p.block { -  white-space              : pre; -} -p.group { } -p.alt { } -p.verse { -  white-space              : pre; -  margin-bottom            : 6px; -} -p.caption { -  text-align               : left; -  font-size                : 80%%; -  display                  : inline; -} -p.endnote { -  font-size                : 96%%; -  line-height              : 120%%; -  text-align               : left; -  margin-right             : 15mm; -  padding-left             : 1em; -  text-indent              : -1em; -} -p.center { -  text-align               : center; -} -p.bold { -  font-weight              : bold; -} -p.bold_left { -  font-weight              : bold; -  text-align               : left; -} -p.centerbold { -  text-align               : center; -  font-weight              : bold; -} -p.em { -  font-weight              : bold; -  font-style               : normal; -  background               : #FFF3B6; -} -p.small { -  font-size                : 80%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -  margin-right             : 6px; -  text-align               : left; -} -.tiny, .tiny_left, .tiny_right, .tiny_center { -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 0px; -  color                    : #EEEEEE; -  margin-right             : 6px; -  text-align               : left; -} -p.tiny { } -p.tiny_left { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : left; -} -p.tiny_right { -  margin-right             : 1em; -  text-align               : right; -} -p.tiny_center { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : center; -} -p.concordance_word { -  line-height              : 150%%; -  font-weight              : bold; -  display                  : inline; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.concordance_count { -  font-size                : 80%%; -  color                    : #555555; -  display                  : inline; -  margin-left              : 0em; -} -p.concordance_object { -  font-size                : 80%%; -  line-height              : 120%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -p.book_index_lev1 { -  line-height              : 100%%; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.book_index_lev2 { -  line-height              : 100%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -tt { -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  background-color         : #555555; -  color                    : #DDDDDD; -} +  *{ +    padding                  : 0px; +    margin                   : 0px; +  } +  body { +    height                   : 100vh; +    background-color         : #000000; +  } +  body { +    color                    : #CCCCCC; +    background               : #000000; +    background-color         : #000000; +  } +  a:link { +    color                    : #FFFFFF; +    text-decoration          : none; +  } +  a:visited { +    color                    : #999999; +    text-decoration          : none; +  } +  a:hover { +    color                    : #000000; +    background-color         : #555555; +  } +  a.lnkocn:link { +    color                    : %s; +    text-decoration          : none; +  } +  a.lnkocn:visited { +    color                    : #9ACD32; +    text-decoration          : none; +  } +  a.lnkocn:hover { +    color                    : #BBBBBB; +    font-size                : 120%%; +  } +  a:hover img { +    background-color         : #000000; +  } +  a:active { +    color                    : #888888; +    text-decoration          : underline; +  } +  input { +    color                    : #FFFFFF; +    background-color         : #777777; +  } +  div { +    margin-left              : 0; +    margin-right             : 0; +  } +  div.p { +    margin-left              : 5%%; +    margin-right             : 1%%; +  } +  div.substance { +    width                    : 100%%; +    background-color         : #000000; +  } +  div.ocn { +    width                    : 5%%; +    float                    : right; +    top                      : 0; +    background-color         : #000000; +  } +  div.endnote { +    width                    : 95%%; +    background-color         : #000000; +  } +  div.toc { +    position                 : absolute; +    float                    : left; +    margin                   : 0; +    padding                  : 0; +    padding-top              : 0.5em; +    border                   : 0; +    width                    : 13em; +    background-color         : #111111; +    margin-right             : 1em; +  } +  div.summary { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #111111; +    padding-left             : 1em; +    background-color         : #111111; +  } +  div.content, div.main_column { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #000000; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content0, div.main_column0 { +    margin                   : 0; +    padding                  : 0; +    border-left              : 0%% solid #000000; +    padding-left             : 5%%; +  } +  div.scroll { +    margin                   : 0; +    padding                  : 0; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content:after { +    content                  : ' '; +    clear                    : both; +    display                  : block; +    height                   : 0; +    overflow                 : hidden; +  } +  div.footer { +    clear                    : left; +    padding                  : 0.5em; +    font-size                : 80%%; +    margin                   : 0; +  } +  div.toc ul { +    list-style               : none; +    padding                  : 0; +    margin                   : 0; +  } +  div.toc li ul a, li ul span.currentlink +  { +    font-weight              : normal; +    font-size                : 90%%; +    padding-left             : 2em; +    background-color         : #111111; +  } +  div.toc a, span.currentlink{ +    display                  : block; +    text-decoration          : none; +    padding-left             : 0.5em; +    color                    : #FF00AA; +  } +  hr { +    width                    : 90%%; +    margin-left              : 5%%; +    margin-right             : 2em; +    margin-top               : 1.8em; +    margin-bottom            : 1.8em; +  } +  span.currentlink { +    text-decoration          : none; +    background-color         : #AAAAF9; +  } +  div.toc a:visited { +    color                    : #FF00AA; +  } +  div.toc a:hover { +    color                    : #CCCCCC; +    background-color         : #F9F9AA; +  } +  nav#toc ol { +    list-style-type          : none; +  } +  .norm, .bold, .verse, .group, .block, .alt { +    line-height              : 133%%; +    margin-top               : 12px; +    margin-bottom            : 0px; +    padding-left             : 0em; +    text-indent              : 0em; +  } +  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { +    display                  : block; +    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; +    margin-left              : 5%%; +    margin-right             : 2em; +  } +  p { +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { +    max-width                : 100%%; +    height                   : auto; +  } +  pre { +    width                    : auto; +    display                  : block; +    clear                    : both; +    color                    : #555555; +  } +  pre.codeline { +    display                  : table; +    clear                    : both; +    table-layout             : fixed; +    margin-left              : 5%%; +    margin-right             : 5%%; +    width                    : 90%%; +    white-space              : pre-wrap; +    border-style             : none; +    border-radius            : 5px 5px 5px 5px; +    box-shadow               : 0 2px 5px #AAAAAA inset; +    margin-bottom            : 1em; +    padding                  : 0.5em 1em; +    page-break-inside        : avoid; +    word-wrap                : break-word; +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    white-space              : pre; +    white-space              : pre-wrap; +    white-space              : -moz-pre-wrap; +    white-space              : -o-pre-wrap; +    background-color         : #555555; +    color                    : #DDDDDD; +    font-size                : 95%%; +    line-height              : 100%%; +  } +  pre.codeline::before { +    counter-reset            : linenum; +  } +  pre.codeline span.tr { +    display                  : table-row; +    counter-increment        : linenum; +  } +  pre.codeline span.th { +    display                  : table-cell; +    user-select              : none; +    -moz-user-select         : none; +    -webkit-user-select      : none; +    padding                  : 0.5em 0.5em; +  } +  pre.codeline span.th::before { +    content                  : counter(linenum) "."; +    color                    : #999999; +    text-align               : right; +    display                  : block; +  } +  pre.codeline span.th { +    width                    : 4em; +  } +  pre.codeline code { +    display                  : table-cell; +  } +  p.code { +    border-style             : none; +  } +  p.spaced { white-space     : pre; } +  p.block { +    white-space              : pre; +  } +  p.group { } +  p.alt { } +  p.verse { +    white-space              : pre; +    margin-bottom            : 6px; +  } +  p.caption { +    text-align               : left; +    font-size                : 80%%; +    display                  : inline; +  } +  p.endnote { +    font-size                : 96%%; +    line-height              : 120%%; +    text-align               : left; +    margin-right             : 15mm; +    padding-left             : 1em; +    text-indent              : -1em; +  } +  p.center { +    text-align               : center; +  } +  p.bold { +    font-weight              : bold; +  } +  p.bold_left { +    font-weight              : bold; +    text-align               : left; +  } +  p.centerbold { +    text-align               : center; +    font-weight              : bold; +  } +  p.em { +    font-weight              : bold; +    font-style               : normal; +    background               : #FFF3B6; +  } +  p.small { +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    margin-right             : 6px; +    text-align               : left; +  } +  .tiny, .tiny_left, .tiny_right, .tiny_center { +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    color                    : #EEEEEE; +    margin-right             : 6px; +    text-align               : left; +  } +  p.tiny { } +  p.tiny_left { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : left; +  } +  p.tiny_right { +    margin-right             : 1em; +    text-align               : right; +  } +  p.tiny_center { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : center; +  } +  p.concordance_word { +    line-height              : 150%%; +    font-weight              : bold; +    display                  : inline; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.concordance_count { +    font-size                : 80%%; +    color                    : #555555; +    display                  : inline; +    margin-left              : 0em; +  } +  p.concordance_object { +    font-size                : 80%%; +    line-height              : 120%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  p.book_index_lev1 { +    line-height              : 100%%; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.book_index_lev2 { +    line-height              : 100%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  tt { +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    background-color         : #555555; +    color                    : #DDDDDD; +  }  %s -note { white-space         : pre; } -label.ocn { -  width                    : 2%%; -  float                    : right; -  top                      : 0; -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 6px; -  margin-right             : 6px; -  text-align               : right; -  color                    : %s; -  -khtml-user-select       : none; -  -moz-user-select         : none; -  -ms-user-select          : none; -  -o-user-select           : none; -  -webkit-user-select      : none; -  user-select              : none; -} -table { -  display                  : block; -  margin-left              : 5%%; -  margin-right             : 2em; -  background-color         : inherit; -} -tr { } -th,td { -  vertical-align           : top; -  text-align               : left; -} -th { -  font-weight              : bold; -} -em { -  font-weight              : bold; -  font-style               : italic; -} -p.left,th.left,td.left { -  text-align               : left; -} -p.small_left,th.small_left,td.small_left { -  text-align               : left; -  font-size                : 80%%; -} -p.right,th.right,td.right { -  text-align               : right; -} -ul, li { -  list-style-type          : none; -  list-style               : none; -  padding-left             : 20px; -  font-weight              : normal; -  line-height              : 150%%; -  text-align               : left; -  text-indent              : 0mm; -  margin-left              : 1em; -  margin-right             : 2em; -  margin-top               : 3px; -  margin-bottom            : 3px; -} -li { -  background               : (../image_sys/bullet_09.png) no-repeat 0px 6px; -} -ul { } -h0, h1, h2, h3, h4, h5, h6, h7 { -  font-weight              : bold; -  line-height              : 120%%; -  text-align               : left; -  margin-top               : 20px; -  margin-bottom            : 10px; -} -h4.norm, h5.norm, h6.norm, h7.norm { -  margin-top               : 10px; -  margin-bottom            : 0px; -} -h0 { font-size             : 125%%; } -h1 { font-size             : 120%%; } -h2 { font-size             : 115%%; } -h3 { font-size             : 110%%; } -h4 { font-size             : 105%%; } -h5 { font-size             : 100%%; } -h6 { font-size             : 100%%; } -h7 { font-size             : 100%%; } -h0, h1, h2, h3, h4, h5, h6, h7 { -  text-shadow              : .2em .2em .3em #999999; -} -h1.i { margin-left         : 2em; } -h2.i { margin-left         : 3em; } -h3.i { margin-left         : 4em; } -h4.i { margin-left         : 5em; } -h5.i { margin-left         : 6em; } -h6.i { margin-left         : 7em; } -h7.i { margin-left         : 8em; } -h8.i { margin-left         : 9em; } -h9.i { margin-left         : 10em; } -.toc { -  font-weight              : normal; -  margin-top               : 6px; -  margin-bottom            : 6px; -} -h0.toc { -  margin-left              : 1em; -  font-size                : 120%%; -  line-height              : 150%%; -} -h1.toc { -  margin-left              : 1em; -  font-size                : 115%%; -  line-height              : 150%%; -} -h2.toc { -  margin-left              : 2em; -  font-size                : 110%%; -  line-height              : 140%%; -} -h3.toc { -  margin-left              : 3em; -  font-size                : 105%%; -  line-height              : 120%%; -} -h4.toc { -  margin-left              : 4em; -  font-size                : 100%%; -  line-height              : 120%%; -} -h5.toc { -  margin-left              : 5em; -  font-size                : 95%%; -  line-height              : 110%%; -} -h6.toc { -  margin-left              : 6em; -  font-size                : 90%%; -  line-height              : 110%%; -} -h7.toc { -  margin-left              : 7em; -  font-size                : 85%%; -  line-height              : 100%%; -} -.subtoc { -  margin-right             : 34%%; -  font-weight              : normal; -} -h5.subtoc { -  margin-left              : 2em; -  font-size                : 80%%; -  margin-top               : 2px; -  margin-bottom            : 2px; -} -h6.subtoc { -  margin-left              : 3em; -  font-size                : 75%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -} -h7.subtoc { -  margin-left              : 4em; -  font-size                : 70%%; -  margin-top               : 0px; -  margin-bottom            : 0px; +  note { white-space         : pre; } +  label.ocn { +    width                    : 2%%; +    float                    : right; +    top                      : 0; +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 6px; +    margin-right             : 6px; +    text-align               : right; +    color                    : %s; +    -khtml-user-select       : none; +    -moz-user-select         : none; +    -ms-user-select          : none; +    -o-user-select           : none; +    -webkit-user-select      : none; +    user-select              : none; +  } +  table { +    display                  : block; +    margin-left              : 5%%; +    margin-right             : 2em; +    background-color         : inherit; +  } +  tr { } +  th,td { +    vertical-align           : top; +    text-align               : left; +  } +  th { +    font-weight              : bold; +  } +  em { +    font-weight              : bold; +    font-style               : italic; +  } +  p.left,th.left,td.left { +    text-align               : left; +  } +  p.small_left,th.small_left,td.small_left { +    text-align               : left; +    font-size                : 80%%; +  } +  p.right,th.right,td.right { +    text-align               : right; +  } +  ul, li { +    list-style-type          : none; +    list-style               : none; +    padding-left             : 20px; +    font-weight              : normal; +    line-height              : 150%%; +    text-align               : left; +    text-indent              : 0mm; +    margin-left              : 1em; +    margin-right             : 2em; +    margin-top               : 3px; +    margin-bottom            : 3px; +  } +  li { +    background               : (../image_sys/bullet_09.png) no-repeat 0px 6px; +  } +  ul { } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    font-weight              : bold; +    line-height              : 120%%; +    text-align               : left; +    margin-top               : 20px; +    margin-bottom            : 10px; +  } +  h4.norm, h5.norm, h6.norm, h7.norm { +    margin-top               : 10px; +    margin-bottom            : 0px; +  } +  h0 { font-size             : 125%%; } +  h1 { font-size             : 120%%; } +  h2 { font-size             : 115%%; } +  h3 { font-size             : 110%%; } +  h4 { font-size             : 105%%; } +  h5 { font-size             : 100%%; } +  h6 { font-size             : 100%%; } +  h7 { font-size             : 100%%; } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    text-shadow              : .2em .2em .3em #999999; +  } +  h1.i { margin-left         : 2em; } +  h2.i { margin-left         : 3em; } +  h3.i { margin-left         : 4em; } +  h4.i { margin-left         : 5em; } +  h5.i { margin-left         : 6em; } +  h6.i { margin-left         : 7em; } +  h7.i { margin-left         : 8em; } +  h8.i { margin-left         : 9em; } +  h9.i { margin-left         : 10em; } +  .toc { +    font-weight              : normal; +    margin-top               : 6px; +    margin-bottom            : 6px; +  } +  h0.toc { +    margin-left              : 1em; +    font-size                : 120%%; +    line-height              : 150%%; +  } +  h1.toc { +    margin-left              : 1em; +    font-size                : 115%%; +    line-height              : 150%%; +  } +  h2.toc { +    margin-left              : 2em; +    font-size                : 110%%; +    line-height              : 140%%; +  } +  h3.toc { +    margin-left              : 3em; +    font-size                : 105%%; +    line-height              : 120%%; +  } +  h4.toc { +    margin-left              : 4em; +    font-size                : 100%%; +    line-height              : 120%%; +  } +  h5.toc { +    margin-left              : 5em; +    font-size                : 95%%; +    line-height              : 110%%; +  } +  h6.toc { +    margin-left              : 6em; +    font-size                : 90%%; +    line-height              : 110%%; +  } +  h7.toc { +    margin-left              : 7em; +    font-size                : 85%%; +    line-height              : 100%%; +  } +  .subtoc { +    margin-right             : 34%%; +    font-weight              : normal; +  } +  h5.subtoc { +    margin-left              : 2em; +    font-size                : 80%%; +    margin-top               : 2px; +    margin-bottom            : 2px; +  } +  h6.subtoc { +    margin-left              : 3em; +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +  h7.subtoc { +    margin-left              : 4em; +    font-size                : 70%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +input, select, textarea { +  font-size                : 150%%;  }  input[type="text"] {    font-size:120%%; @@ -3089,640 +3101,643 @@ p.form {    font-size                : 150%%;    line-height              : 150%%;  } -/* flex */ -.flex-menu-bar { -  display                  : -webkit-flex; -  display                  : flex; -  -webkit-flex-wrap        : wrap; -  -webkit-align-items      : center; -  align-items              : center; -  width                    : 100%%; -  margin-left              : 5%%; -  margin-right             : 2%%; -  background-color         : #000000; -} -.flex-menu-option { -  background-color         : #000000; -  margin-right             : 4px; -} -.flex-list { -  display                  : -webkit-flex; -  display                  : flex; -  -webkit-align-items      : center; -  display                  : block; -  align-items              : center; -  width                    : 100%%; -  background-color         : #000000; -} -.flex-list-item { -  background-color         : #000000; -  margin                   : 4px; -} -/* grid */ -.wrapper { -  display                  : grid; -  grid-template-columns    : 100%%; -  grid-template-areas      : -    "headband" -    "doc_header" -    "doc_title" -    "doc_toc" -    "doc_prefix" -    "doc_intro" -    "doc_body" -    "doc_endnotes" -    "doc_glossary" -    "doc_biblio" -    "doc_bookindex" -    "doc_blurb" -    "doc_suffix"; -  margin                   : 0px; -  padding                  : 0px; -  background-color         : #000000; -} -.delimit { -  border-style             : none; -  border-color             : #000000; -  padding                  : 10px; -} -.headband { -  grid-area                : headband; -  background-color         : #000000; -} -.doc_header { -  grid-area                : doc_header; -} -.doc_title { -  grid-area                : doc_title; -} -.doc_toc { -  grid-area                : doc_toc; -} -.doc_prefix { -  grid-area                : doc_prefix; -} -.doc_intro { -  grid-area                : doc_intro; -} -.doc_body { -  grid-area                : doc_body; -} -.doc_endnotes { -  grid-area                : doc_endnotes; -} -.doc_glossary { -  grid-area                : doc_glossary; -} -.doc_biblio { -  grid-area                : doc_biblio; -} -.doc_bookindex { -  grid-area                : doc_bookindex; -} -.doc_blurb { -  grid-area                : doc_blurb; -} -.doc_suffix { -  grid-area                : doc_suffix; -} -.nav-ul { -  list-style               : none; -  float                    : left; -} -.nav-li { -  float                    : left; -  padding-right            : 0.7em; -} -.nav-li a { -  text-decoration          : none; -  color                    : #000000; -} -footer { -  background-color         : #FF704E; -} +  /* flex */ +  .flex-menu-bar { +    display                  : -webkit-flex; +    display                  : flex; +    -webkit-flex-wrap        : wrap; +    -webkit-align-items      : center; +    align-items              : center; +    width                    : 100%%; +    margin-left              : 5%%; +    margin-right             : 2%%; +    background-color         : #000000; +  } +  .flex-menu-option { +    background-color         : #000000; +    margin-right             : 4px; +  } +  .flex-list { +    display                  : -webkit-flex; +    display                  : flex; +    -webkit-align-items      : center; +    display                  : block; +    align-items              : center; +    width                    : 100%%; +    background-color         : #000000; +  } +  .flex-list-item { +    background-color         : #000000; +    margin                   : 4px; +  } +  /* grid */ +  .wrapper { +    display                  : grid; +    grid-template-columns    : 100%%; +    grid-template-areas      : +      "headband" +      "doc_header" +      "doc_title" +      "doc_toc" +      "doc_prefix" +      "doc_intro" +      "doc_body" +      "doc_endnotes" +      "doc_glossary" +      "doc_biblio" +      "doc_bookindex" +      "doc_blurb" +      "doc_suffix"; +    margin                   : 0px; +    padding                  : 0px; +    background-color         : #000000; +  } +  .delimit { +    border-style             : none; +    border-color             : #000000; +    padding                  : 10px; +  } +  .headband { +    grid-area                : headband; +    background-color         : #000000; +  } +  .doc_header { +    grid-area                : doc_header; +  } +  .doc_title { +    grid-area                : doc_title; +  } +  .doc_toc { +    grid-area                : doc_toc; +  } +  .doc_prefix { +    grid-area                : doc_prefix; +  } +  .doc_intro { +    grid-area                : doc_intro; +  } +  .doc_body { +    grid-area                : doc_body; +  } +  .doc_endnotes { +    grid-area                : doc_endnotes; +  } +  .doc_glossary { +    grid-area                : doc_glossary; +  } +  .doc_biblio { +    grid-area                : doc_biblio; +  } +  .doc_bookindex { +    grid-area                : doc_bookindex; +  } +  .doc_blurb { +    grid-area                : doc_blurb; +  } +  .doc_suffix { +    grid-area                : doc_suffix; +  } +  .nav-ul { +    list-style               : none; +    float                    : left; +  } +  .nav-li { +    float                    : left; +    padding-right            : 0.7em; +  } +  .nav-li a { +    text-decoration          : none; +    color                    : #000000; +  } +  footer { +    background-color         : #FF704E; +  }  ┃",      _color_ocn_dark,      _css_indent,      _color_ocn_dark,  );      string _css_light_epub = format(q"┃ -*{ -  padding                  : 0px; -  margin                   : 0px; -} -body { -  height                   : 100vh; -  background-color         : #FFFFFF; -} -body { -  color                    : #000000; -  background               : #FFFFFF; -  background-color         : #FFFFFF; -} -a:link { -  color                    : #003399; -  text-decoration          : none; -} -a:visited { -  color                    : #003399; -  text-decoration          : none; -} -a:hover { -  color                    : #000000; -  background-color         : #F9F9AA; -} -a.lnkocn:link { -  color                    : %s; -  text-decoration          : none; -} -a.lnkocn:visited { -  color                    : #32CD32; -  text-decoration          : none; -} -a.lnkocn:hover { -  color                    : #777777; -  font-size                : 120%%; -} -a:hover img { -  background-color         : #FFFFFF; -} -a:active { -  color                    : #003399; -  text-decoration          : underline; -} -input { -  color                    : #000000; -  background-color         : #FFFFFF; -} -div { -  margin-left              : 0; -  margin-right             : 0; -} -div.p { -  margin-left              : 5%%; -  margin-right             : 1%%; -} -div.substance { -  width                    : 100%%; -  background-color         : #FFFFFF; -} -div.ocn { -  width                    : 5%%; -  float                    : right; -  top                      : 0; -  background-color         : #FFFFFF; -} -div.endnote { -  width                    : 95%%; -  background-color         : #FFFFFF; -} -div.toc { -  position                 : absolute; -  float                    : left; -  margin                   : 0; -  padding                  : 0; -  padding-top              : 0.5em; -  border                   : 0; -  width                    : 13em; -  background-color         : #EEEEEE; -  margin-right             : 1em; -} -div.summary { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #EEEEEE; -  padding-left             : 1em; -  background-color         : #EEEEEE; -} -div.content, div.main_column { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #FFFFFF; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content0, div.main_column0 { -  margin                   : 0; -  padding                  : 0; -  border-left              : 0%% solid #FFFFFF; -  padding-left             : 5%%; -} -div.scroll { -  margin                   : 0; -  padding                  : 0; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content:after { -  content                  : ' '; -  clear                    : both; -  display                  : block; -  height                   : 0; -  overflow                 : hidden; -} -div.footer { -  clear                    : left; -  padding                  : 0.5em; -  font-size                : 80%%; -  margin                   : 0; -} -div.toc ul { -  list-style               : none; -  padding                  : 0; -  margin                   : 0; -} -div.toc li ul a, li ul span.currentlink -{ -  font-weight              : normal; -  font-size                : 90%%; -  padding-left             : 2em; -  background-color         : #EEEEEE; -} -div.toc a, span.currentlink{ -  display                  : block; -  text-decoration          : none; -  padding-left             : 0.5em; -  color                    : #0000aa; -} -hr { -  width                    : 90%%; -  margin-left              : 5%%; -  margin-right             : 2em; -  margin-top               : 1.8em; -  margin-bottom            : 1.8em; -} -span.currentlink { -  text-decoration          : none; -  background-color         : #AAAAAA; -} -div.toc a:visited { -  color                    : #0000aa; -} -div.toc a:hover { -  color                    : #000000; -  background-color         : #F9F9AA; -} -nav#toc ol { -  list-style-type          : none; -} -.norm, .bold, .verse, .group, .block, .alt { -  line-height              : 133%%; -  margin-top               : 12px; -  margin-bottom            : 0px; -  padding-left             : 0em; -  text-indent              : 0em; -} -p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { -  display                  : block; -  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; -  margin-left              : 5%%; -  margin-right             : 2em; -} -p { -  font-size                : 100%%; -  font-weight              : normal; -  line-height              : 133%%; -  text-align               : justify; -  text-indent              : 0mm; -  margin-top               : 0.8em; -  margin-bottom            : 0.8em; -} -img { -  max-width                : 100%%; -  height                   : auto; -} -pre { -  width                    : auto; -  display                  : block; -  clear                    : both; -  color                    : #555555; -} -pre.codeline { -  display                  : table; -  clear                    : both; -  table-layout             : fixed; -  margin-left              : 5%%; -  margin-right             : 5%%; -  width                    : 90%%; -  white-space              : pre-wrap; -  border-style             : none; -  border-radius            : 5px 5px 5px 5px; -  box-shadow               : 0 2px 5px #AAAAAA inset; -  margin-bottom            : 1em; -  padding                  : 0.5em 1em; -  page-break-inside        : avoid; -  word-wrap                : break-word; -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  white-space              : pre; -  white-space              : pre-wrap; -  white-space              : -moz-pre-wrap; -  white-space              : -o-pre-wrap; -  background-color         : #EEEEEE; -  color                    : #000000; -  font-size                : 95%%; -  line-height              : 100%%; -} -pre.codeline::before { -  counter-reset            : linenum; -} -pre.codeline span.tr { -  display                  : table-row; -  counter-increment        : linenum; -} -pre.codeline span.th { -  display                  : table-cell; -  user-select              : none; -  -moz-user-select         : none; -  -webkit-user-select      : none; -  padding                  : 0.5em 0.5em; -  /* background-color         : #666666; */ -} -pre.codeline span.th::before { -  content                  : counter(linenum) "."; -  color                    : #999999; -  text-align               : right; -  display                  : block; -} -pre.codeline span.th { -  width                    : 4em; -} -pre.codeline code { -  display                  : table-cell; -} -p.code { -  border-style             : none; -} -p.spaced { white-space     : pre; } -p.block { -  white-space              : pre; -} -p.group { } -p.alt { } -p.verse { -  white-space              : pre; -  margin-bottom            : 6px; -} -p.caption { -  text-align               : left; -  font-size                : 80%%; -  display                  : inline; -} -p.endnote { -  font-size                : 96%%; -  line-height              : 120%%; -  text-align               : left; -  margin-right             : 15mm; -  padding-left             : 1em; -  text-indent              : -1em; -} -p.center { -  text-align               : center; -} -p.bold { -  font-weight              : bold; -} -p.bold_left { -  font-weight              : bold; -  text-align               : left; -} -p.centerbold { -  text-align               : center; -  font-weight              : bold; -} -p.em { -  font-weight              : bold; -  font-style               : normal; -  background               : #FFF3B6; -} -p.small { -  font-size                : 80%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -  margin-right             : 6px; -  text-align               : left; -} -.tiny, .tiny_left, .tiny_right, .tiny_center { -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 0px; -  color                    : #777777; -  margin-right             : 6px; -  text-align               : left; -} -p.tiny { } -p.tiny_left { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : left; -} -p.tiny_right { -  margin-right             : 1em; -  text-align               : right; -} -p.tiny_center { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : center; -} -p.concordance_word { -  line-height              : 150%%; -  font-weight              : bold; -  display                  : inline; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.concordance_count { -  font-size                : 80%%; -  color                    : #777777; -  display                  : inline; -  margin-left              : 0em; -} -p.concordance_object { -  font-size                : 80%%; -  line-height              : 120%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -p.book_index_lev1 { -  line-height              : 100%%; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.book_index_lev2 { -  line-height              : 100%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -tt { -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  background-color         : #EEEEEE; -  color                    : #000000; -} +  *{ +    padding                  : 0px; +    margin                   : 0px; +  } +  body { +    height                   : 100vh; +    background-color         : #FFFFFF; +  } +  body { +    color                    : #000000; +    background               : #FFFFFF; +    background-color         : #FFFFFF; +  } +  a:link { +    color                    : #003399; +    text-decoration          : none; +  } +  a:visited { +    color                    : #003399; +    text-decoration          : none; +  } +  a:hover { +    color                    : #000000; +    background-color         : #F9F9AA; +  } +  a.lnkocn:link { +    color                    : %s; +    text-decoration          : none; +  } +  a.lnkocn:visited { +    color                    : #32CD32; +    text-decoration          : none; +  } +  a.lnkocn:hover { +    color                    : #777777; +    font-size                : 120%%; +  } +  a:hover img { +    background-color         : #FFFFFF; +  } +  a:active { +    color                    : #003399; +    text-decoration          : underline; +  } +  input { +    color                    : #000000; +    background-color         : #FFFFFF; +  } +  div { +    margin-left              : 0; +    margin-right             : 0; +  } +  div.p { +    margin-left              : 5%%; +    margin-right             : 1%%; +  } +  div.substance { +    width                    : 100%%; +    background-color         : #FFFFFF; +  } +  div.ocn { +    width                    : 5%%; +    float                    : right; +    top                      : 0; +    background-color         : #FFFFFF; +  } +  div.endnote { +    width                    : 95%%; +    background-color         : #FFFFFF; +  } +  div.toc { +    position                 : absolute; +    float                    : left; +    margin                   : 0; +    padding                  : 0; +    padding-top              : 0.5em; +    border                   : 0; +    width                    : 13em; +    background-color         : #EEEEEE; +    margin-right             : 1em; +  } +  div.summary { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #EEEEEE; +    padding-left             : 1em; +    background-color         : #EEEEEE; +  } +  div.content, div.main_column { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #FFFFFF; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content0, div.main_column0 { +    margin                   : 0; +    padding                  : 0; +    border-left              : 0%% solid #FFFFFF; +    padding-left             : 5%%; +  } +  div.scroll { +    margin                   : 0; +    padding                  : 0; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content:after { +    content                  : ' '; +    clear                    : both; +    display                  : block; +    height                   : 0; +    overflow                 : hidden; +  } +  div.footer { +    clear                    : left; +    padding                  : 0.5em; +    font-size                : 80%%; +    margin                   : 0; +  } +  div.toc ul { +    list-style               : none; +    padding                  : 0; +    margin                   : 0; +  } +  div.toc li ul a, li ul span.currentlink +  { +    font-weight              : normal; +    font-size                : 90%%; +    padding-left             : 2em; +    background-color         : #EEEEEE; +  } +  div.toc a, span.currentlink{ +    display                  : block; +    text-decoration          : none; +    padding-left             : 0.5em; +    color                    : #0000aa; +  } +  hr { +    width                    : 90%%; +    margin-left              : 5%%; +    margin-right             : 2em; +    margin-top               : 1.8em; +    margin-bottom            : 1.8em; +  } +  span.currentlink { +    text-decoration          : none; +    background-color         : #AAAAAA; +  } +  div.toc a:visited { +    color                    : #0000aa; +  } +  div.toc a:hover { +    color                    : #000000; +    background-color         : #F9F9AA; +  } +  nav#toc ol { +    list-style-type          : none; +  } +  .norm, .bold, .verse, .group, .block, .alt { +    line-height              : 133%%; +    margin-top               : 12px; +    margin-bottom            : 0px; +    padding-left             : 0em; +    text-indent              : 0em; +  } +  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { +    display                  : block; +    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; +    margin-left              : 5%%; +    margin-right             : 2em; +  } +  p { +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { +    max-width                : 100%%; +    height                   : auto; +  } +  pre { +    width                    : auto; +    display                  : block; +    clear                    : both; +    color                    : #555555; +  } +  pre.codeline { +    display                  : table; +    clear                    : both; +    table-layout             : fixed; +    margin-left              : 5%%; +    margin-right             : 5%%; +    width                    : 90%%; +    white-space              : pre-wrap; +    border-style             : none; +    border-radius            : 5px 5px 5px 5px; +    box-shadow               : 0 2px 5px #AAAAAA inset; +    margin-bottom            : 1em; +    padding                  : 0.5em 1em; +    page-break-inside        : avoid; +    word-wrap                : break-word; +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    white-space              : pre; +    white-space              : pre-wrap; +    white-space              : -moz-pre-wrap; +    white-space              : -o-pre-wrap; +    background-color         : #EEEEEE; +    color                    : #000000; +    font-size                : 95%%; +    line-height              : 100%%; +  } +  pre.codeline::before { +    counter-reset            : linenum; +  } +  pre.codeline span.tr { +    display                  : table-row; +    counter-increment        : linenum; +  } +  pre.codeline span.th { +    display                  : table-cell; +    user-select              : none; +    -moz-user-select         : none; +    -webkit-user-select      : none; +    padding                  : 0.5em 0.5em; +    /* background-color         : #666666; */ +  } +  pre.codeline span.th::before { +    content                  : counter(linenum) "."; +    color                    : #999999; +    text-align               : right; +    display                  : block; +  } +  pre.codeline span.th { +    width                    : 4em; +  } +  pre.codeline code { +    display                  : table-cell; +  } +  p.code { +    border-style             : none; +  } +  p.spaced { white-space     : pre; } +  p.block { +    white-space              : pre; +  } +  p.group { } +  p.alt { } +  p.verse { +    white-space              : pre; +    margin-bottom            : 6px; +  } +  p.caption { +    text-align               : left; +    font-size                : 80%%; +    display                  : inline; +  } +  p.endnote { +    font-size                : 96%%; +    line-height              : 120%%; +    text-align               : left; +    margin-right             : 15mm; +    padding-left             : 1em; +    text-indent              : -1em; +  } +  p.center { +    text-align               : center; +  } +  p.bold { +    font-weight              : bold; +  } +  p.bold_left { +    font-weight              : bold; +    text-align               : left; +  } +  p.centerbold { +    text-align               : center; +    font-weight              : bold; +  } +  p.em { +    font-weight              : bold; +    font-style               : normal; +    background               : #FFF3B6; +  } +  p.small { +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    margin-right             : 6px; +    text-align               : left; +  } +  .tiny, .tiny_left, .tiny_right, .tiny_center { +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    color                    : #777777; +    margin-right             : 6px; +    text-align               : left; +  } +  p.tiny { } +  p.tiny_left { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : left; +  } +  p.tiny_right { +    margin-right             : 1em; +    text-align               : right; +  } +  p.tiny_center { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : center; +  } +  p.concordance_word { +    line-height              : 150%%; +    font-weight              : bold; +    display                  : inline; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.concordance_count { +    font-size                : 80%%; +    color                    : #777777; +    display                  : inline; +    margin-left              : 0em; +  } +  p.concordance_object { +    font-size                : 80%%; +    line-height              : 120%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  p.book_index_lev1 { +    line-height              : 100%%; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.book_index_lev2 { +    line-height              : 100%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  tt { +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    background-color         : #EEEEEE; +    color                    : #000000; +  }  %s -note { white-space         : pre; } -label.ocn { -  width                    : 2%%; -  float                    : right; -  top                      : 0; -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 6px; -  margin-right             : 6px; -  text-align               : right; -  color                    : %s; -  -khtml-user-select       : none; -  -moz-user-select         : none; -  -ms-user-select          : none; -  -o-user-select           : none; -  -webkit-user-select      : none; -  user-select              : none; -} -table { -  display                  : block; -  margin-left              : 5%%; -  margin-right             : 2em; -  background-color         : inherit; -} -tr { } -th,td { -  vertical-align           : top; -  text-align               : left; -} -th { -  font-weight              : bold; -} -em { -  font-weight              : bold; -  font-style               : italic; -} -p.left,th.left,td.left { -  text-align               : left; -} -p.small_left,th.small_left,td.small_left { -  text-align               : left; -  font-size                : 80%%; -} -p.right,th.right,td.right { -  text-align               : right; -} -ul, li { -  list-style-type          : none; -  list-style               : none; -  padding-left             : 20px; -  font-weight              : normal; -  line-height              : 150%%; -  text-align               : left; -  text-indent              : 0mm; -  margin-left              : 1em; -  margin-right             : 2em; -  margin-top               : 3px; -  margin-bottom            : 3px; -} -li { -  background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px; -} -ul { } -h0, h1, h2, h3, h4, h5, h6, h7 { -  font-weight              : bold; -  line-height              : 120%%; -  text-align               : left; -  margin-top               : 20px; -  margin-bottom            : 10px; -} -h4.norm, h5.norm, h6.norm, h7.norm { -  margin-top               : 10px; -  margin-bottom            : 0px; -} -h0 { font-size             : 125%%; } -h1 { font-size             : 120%%; } -h2 { font-size             : 115%%; } -h3 { font-size             : 110%%; } -h4 { font-size             : 105%%; } -h5 { font-size             : 100%%; } -h6 { font-size             : 100%%; } -h7 { font-size             : 100%%; } -h0, h1, h2, h3, h4, h5, h6, h7 { -  text-shadow              : .2em .2em .3em #808080; -} -h1.i { margin-left         : 2em; } -h2.i { margin-left         : 3em; } -h3.i { margin-left         : 4em; } -h4.i { margin-left         : 5em; } -h5.i { margin-left         : 6em; } -h6.i { margin-left         : 7em; } -h7.i { margin-left         : 8em; } -h8.i { margin-left         : 9em; } -h9.i { margin-left         : 10em; } -.toc { -  font-weight              : normal; -  margin-top               : 6px; -  margin-bottom            : 6px; -} -h0.toc { -  margin-left              : 1em; -  font-size                : 120%%; -  line-height              : 150%%; -} -h1.toc { -  margin-left              : 1em; -  font-size                : 115%%; -  line-height              : 150%%; -} -h2.toc { -  margin-left              : 2em; -  font-size                : 110%%; -  line-height              : 140%%; -} -h3.toc { -  margin-left              : 3em; -  font-size                : 105%%; -  line-height              : 120%%; -} -h4.toc { -  margin-left              : 4em; -  font-size                : 100%%; -  line-height              : 120%%; -} -h5.toc { -  margin-left              : 5em; -  font-size                : 95%%; -  line-height              : 110%%; -} -h6.toc { -  margin-left              : 6em; -  font-size                : 90%%; -  line-height              : 110%%; -} -h7.toc { -  margin-left              : 7em; -  font-size                : 85%%; -  line-height              : 100%%; -} -.subtoc { -  margin-right             : 34%%; -  font-weight              : normal; -} -h5.subtoc { -  margin-left              : 2em; -  font-size                : 80%%; -  margin-top               : 2px; -  margin-bottom            : 2px; -} -h6.subtoc { -  margin-left              : 3em; -  font-size                : 75%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -} -h7.subtoc { -  margin-left              : 4em; -  font-size                : 70%%; -  margin-top               : 0px; -  margin-bottom            : 0px; +  note { white-space         : pre; } +  label.ocn { +    width                    : 2%%; +    float                    : right; +    top                      : 0; +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 6px; +    margin-right             : 6px; +    text-align               : right; +    color                    : %s; +    -khtml-user-select       : none; +    -moz-user-select         : none; +    -ms-user-select          : none; +    -o-user-select           : none; +    -webkit-user-select      : none; +    user-select              : none; +  } +  table { +    display                  : block; +    margin-left              : 5%%; +    margin-right             : 2em; +    background-color         : inherit; +  } +  tr { } +  th,td { +    vertical-align           : top; +    text-align               : left; +  } +  th { +    font-weight              : bold; +  } +  em { +    font-weight              : bold; +    font-style               : italic; +  } +  p.left,th.left,td.left { +    text-align               : left; +  } +  p.small_left,th.small_left,td.small_left { +    text-align               : left; +    font-size                : 80%%; +  } +  p.right,th.right,td.right { +    text-align               : right; +  } +  ul, li { +    list-style-type          : none; +    list-style               : none; +    padding-left             : 20px; +    font-weight              : normal; +    line-height              : 150%%; +    text-align               : left; +    text-indent              : 0mm; +    margin-left              : 1em; +    margin-right             : 2em; +    margin-top               : 3px; +    margin-bottom            : 3px; +  } +  li { +    background               : url(../image_sys/bullet_09.png) no-repeat 0px 6px; +  } +  ul { } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    font-weight              : bold; +    line-height              : 120%%; +    text-align               : left; +    margin-top               : 20px; +    margin-bottom            : 10px; +  } +  h4.norm, h5.norm, h6.norm, h7.norm { +    margin-top               : 10px; +    margin-bottom            : 0px; +  } +  h0 { font-size             : 125%%; } +  h1 { font-size             : 120%%; } +  h2 { font-size             : 115%%; } +  h3 { font-size             : 110%%; } +  h4 { font-size             : 105%%; } +  h5 { font-size             : 100%%; } +  h6 { font-size             : 100%%; } +  h7 { font-size             : 100%%; } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    text-shadow              : .2em .2em .3em #808080; +  } +  h1.i { margin-left         : 2em; } +  h2.i { margin-left         : 3em; } +  h3.i { margin-left         : 4em; } +  h4.i { margin-left         : 5em; } +  h5.i { margin-left         : 6em; } +  h6.i { margin-left         : 7em; } +  h7.i { margin-left         : 8em; } +  h8.i { margin-left         : 9em; } +  h9.i { margin-left         : 10em; } +  .toc { +    font-weight              : normal; +    margin-top               : 6px; +    margin-bottom            : 6px; +  } +  h0.toc { +    margin-left              : 1em; +    font-size                : 120%%; +    line-height              : 150%%; +  } +  h1.toc { +    margin-left              : 1em; +    font-size                : 115%%; +    line-height              : 150%%; +  } +  h2.toc { +    margin-left              : 2em; +    font-size                : 110%%; +    line-height              : 140%%; +  } +  h3.toc { +    margin-left              : 3em; +    font-size                : 105%%; +    line-height              : 120%%; +  } +  h4.toc { +    margin-left              : 4em; +    font-size                : 100%%; +    line-height              : 120%%; +  } +  h5.toc { +    margin-left              : 5em; +    font-size                : 95%%; +    line-height              : 110%%; +  } +  h6.toc { +    margin-left              : 6em; +    font-size                : 90%%; +    line-height              : 110%%; +  } +  h7.toc { +    margin-left              : 7em; +    font-size                : 85%%; +    line-height              : 100%%; +  } +  .subtoc { +    margin-right             : 34%%; +    font-weight              : normal; +  } +  h5.subtoc { +    margin-left              : 2em; +    font-size                : 80%%; +    margin-top               : 2px; +    margin-bottom            : 2px; +  } +  h6.subtoc { +    margin-left              : 3em; +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +  h7.subtoc { +    margin-left              : 4em; +    font-size                : 70%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +input, select, textarea { +  font-size                : 150%%;  }  input[type="text"] {    font-size:120%%; @@ -3743,522 +3758,525 @@ p.form {      _color_ocn_light,  );      string _css_dark_epub = format(q"┃ -*{ -  padding                  : 0px; -  margin                   : 0px; -} -body { -  height                   : 100vh; -  background-color         : #000000; -} -body { -  color                    : #CCCCCC; -  background               : #000000; -  background-color         : #000000; -} -a:link { -  color                    : #FFFFFF; -  text-decoration          : none; -} -a:visited { -  color                    : #999999; -  text-decoration          : none; -} -a:hover { -  color                    : #000000; -  background-color         : #555555; -} -a.lnkocn:link { -  color                    : %s; -  text-decoration          : none; -} -a.lnkocn:visited { -  color                    : #9ACD32; -  text-decoration          : none; -} -a.lnkocn:hover { -  color                    : #BBBBBB; -  font-size                : 120%%; -} -a:hover img { -  background-color         : #000000; -} -a:active { -  color                    : #888888; -  text-decoration          : underline; -} -input { -  color                    : #FFFFFF; -  background-color         : #777777; -} -div { -  margin-left              : 0; -  margin-right             : 0; -} -div.p { -  margin-left              : 5%%; -  margin-right             : 1%%; -} -div.substance { -  width                    : 100%%; -  background-color         : #000000; -} -div.ocn { -  width                    : 5%%; -  float                    : right; -  top                      : 0; -  background-color         : #000000; -} -div.endnote { -  width                    : 95%%; -  background-color         : #000000; -} -div.toc { -  position                 : absolute; -  float                    : left; -  margin                   : 0; -  padding                  : 0; -  padding-top              : 0.5em; -  border                   : 0; -  width                    : 13em; -  background-color         : #111111; -  margin-right             : 1em; -} -div.summary { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #111111; -  padding-left             : 1em; -  background-color         : #111111; -} -div.content, div.main_column { -  margin                   : 0; -  padding                  : 0; -  border-left              : 13em solid #000000; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content0, div.main_column0 { -  margin                   : 0; -  padding                  : 0; -  border-left              : 0%% solid #000000; -  padding-left             : 5%%; -} -div.scroll { -  margin                   : 0; -  padding                  : 0; -  padding-left             : 1em; -  padding-right            : 1em; -} -div.content:after { -  content                  : ' '; -  clear                    : both; -  display                  : block; -  height                   : 0; -  overflow                 : hidden; -} -div.footer { -  clear                    : left; -  padding                  : 0.5em; -  font-size                : 80%%; -  margin                   : 0; -} -div.toc ul { -  list-style               : none; -  padding                  : 0; -  margin                   : 0; -} -div.toc li ul a, li ul span.currentlink -{ -  font-weight              : normal; -  font-size                : 90%%; -  padding-left             : 2em; -  background-color         : #111111; -} -div.toc a, span.currentlink{ -  display                  : block; -  text-decoration          : none; -  padding-left             : 0.5em; -  color                    : #FF00AA; -} -hr { -  width                    : 90%%; -  margin-left              : 5%%; -  margin-right             : 2em; -  margin-top               : 1.8em; -  margin-bottom            : 1.8em; -} -span.currentlink { -  text-decoration          : none; -  background-color         : #AAAAF9; -} -div.toc a:visited { -  color                    : #FF00AA; -} -div.toc a:hover { -  color                    : #CCCCCC; -  background-color         : #F9F9AA; -} -nav#toc ol { -  list-style-type          : none; -} -.norm, .bold, .verse, .group, .block, .alt { -  line-height              : 133%%; -  margin-top               : 12px; -  margin-bottom            : 0px; -  padding-left             : 0em; -  text-indent              : 0em; -} -p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { -  display                  : block; -  font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; -  margin-left              : 5%%; -  margin-right             : 2em; -} -p { -  font-size                : 100%%; -  font-weight              : normal; -  line-height              : 133%%; -  text-align               : justify; -  text-indent              : 0mm; -  margin-top               : 0.8em; -  margin-bottom            : 0.8em; -} -img { -  max-width                : 100%%; -  height                   : auto; -} -pre { -  width                    : auto; -  display                  : block; -  clear                    : both; -  color                    : #555555; -} -pre.codeline { -  display                  : table; -  clear                    : both; -  table-layout             : fixed; -  margin-left              : 5%%; -  margin-right             : 5%%; -  width                    : 90%%; -  white-space              : pre-wrap; -  border-style             : none; -  border-radius            : 5px 5px 5px 5px; -  box-shadow               : 0 2px 5px #AAAAAA inset; -  margin-bottom            : 1em; -  padding                  : 0.5em 1em; -  page-break-inside        : avoid; -  word-wrap                : break-word; -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  white-space              : pre; -  white-space              : pre-wrap; -  white-space              : -moz-pre-wrap; -  white-space              : -o-pre-wrap; -  background-color         : #555555; -  color                    : #DDDDDD; -  font-size                : 95%%; -  line-height              : 100%%; -} -pre.codeline::before { -  counter-reset            : linenum; -} -pre.codeline span.tr { -  display                  : table-row; -  counter-increment        : linenum; -} -pre.codeline span.th { -  display                  : table-cell; -  user-select              : none; -  -moz-user-select         : none; -  -webkit-user-select      : none; -  padding                  : 0.5em 0.5em; -} -pre.codeline span.th::before { -  content                  : counter(linenum) "."; -  color                    : #999999; -  text-align               : right; -  display                  : block; -} -pre.codeline span.th { -  width                    : 4em; -} -pre.codeline code { -  display                  : table-cell; -} -p.code { -  border-style             : none; -} -p.spaced { white-space     : pre; } -p.block { -  white-space              : pre; -} -p.group { } -p.alt { } -p.verse { -  white-space              : pre; -  margin-bottom            : 6px; -} -p.caption { -  text-align               : left; -  font-size                : 80%%; -  display                  : inline; -} -p.endnote { -  font-size                : 96%%; -  line-height              : 120%%; -  text-align               : left; -  margin-right             : 15mm; -  padding-left             : 1em; -  text-indent              : -1em; -} -p.center { -  text-align               : center; -} -p.bold { -  font-weight              : bold; -} -p.bold_left { -  font-weight              : bold; -  text-align               : left; -} -p.centerbold { -  text-align               : center; -  font-weight              : bold; -} -p.em { -  font-weight              : bold; -  font-style               : normal; -  background               : #FFF3B6; -} -p.small { -  font-size                : 80%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -  margin-right             : 6px; -  text-align               : left; -} -.tiny, .tiny_left, .tiny_right, .tiny_center { -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 0px; -  color                    : #EEEEEE; -  margin-right             : 6px; -  text-align               : left; -} -p.tiny { } -p.tiny_left { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : left; -} -p.tiny_right { -  margin-right             : 1em; -  text-align               : right; -} -p.tiny_center { -  margin-left              : 0px; -  margin-right             : 0px; -  text-align               : center; -} -p.concordance_word { -  line-height              : 150%%; -  font-weight              : bold; -  display                  : inline; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.concordance_count { -  font-size                : 80%%; -  color                    : #555555; -  display                  : inline; -  margin-left              : 0em; -} -p.concordance_object { -  font-size                : 80%%; -  line-height              : 120%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -p.book_index_lev1 { -  line-height              : 100%%; -  margin-top               : 4px; -  margin-bottom            : 1px; -} -p.book_index_lev2 { -  line-height              : 100%%; -  text-align               : left; -  margin-left              : 3em; -  margin-top               : 1px; -  margin-bottom            : 3px; -} -tt { -  font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; -  background-color         : #555555; -  color                    : #DDDDDD; -} +  *{ +    padding                  : 0px; +    margin                   : 0px; +  } +  body { +    height                   : 100vh; +    background-color         : #000000; +  } +  body { +    color                    : #CCCCCC; +    background               : #000000; +    background-color         : #000000; +  } +  a:link { +    color                    : #FFFFFF; +    text-decoration          : none; +  } +  a:visited { +    color                    : #999999; +    text-decoration          : none; +  } +  a:hover { +    color                    : #000000; +    background-color         : #555555; +  } +  a.lnkocn:link { +    color                    : %s; +    text-decoration          : none; +  } +  a.lnkocn:visited { +    color                    : #9ACD32; +    text-decoration          : none; +  } +  a.lnkocn:hover { +    color                    : #BBBBBB; +    font-size                : 120%%; +  } +  a:hover img { +    background-color         : #000000; +  } +  a:active { +    color                    : #888888; +    text-decoration          : underline; +  } +  input { +    color                    : #FFFFFF; +    background-color         : #777777; +  } +  div { +    margin-left              : 0; +    margin-right             : 0; +  } +  div.p { +    margin-left              : 5%%; +    margin-right             : 1%%; +  } +  div.substance { +    width                    : 100%%; +    background-color         : #000000; +  } +  div.ocn { +    width                    : 5%%; +    float                    : right; +    top                      : 0; +    background-color         : #000000; +  } +  div.endnote { +    width                    : 95%%; +    background-color         : #000000; +  } +  div.toc { +    position                 : absolute; +    float                    : left; +    margin                   : 0; +    padding                  : 0; +    padding-top              : 0.5em; +    border                   : 0; +    width                    : 13em; +    background-color         : #111111; +    margin-right             : 1em; +  } +  div.summary { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #111111; +    padding-left             : 1em; +    background-color         : #111111; +  } +  div.content, div.main_column { +    margin                   : 0; +    padding                  : 0; +    border-left              : 13em solid #000000; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content0, div.main_column0 { +    margin                   : 0; +    padding                  : 0; +    border-left              : 0%% solid #000000; +    padding-left             : 5%%; +  } +  div.scroll { +    margin                   : 0; +    padding                  : 0; +    padding-left             : 1em; +    padding-right            : 1em; +  } +  div.content:after { +    content                  : ' '; +    clear                    : both; +    display                  : block; +    height                   : 0; +    overflow                 : hidden; +  } +  div.footer { +    clear                    : left; +    padding                  : 0.5em; +    font-size                : 80%%; +    margin                   : 0; +  } +  div.toc ul { +    list-style               : none; +    padding                  : 0; +    margin                   : 0; +  } +  div.toc li ul a, li ul span.currentlink +  { +    font-weight              : normal; +    font-size                : 90%%; +    padding-left             : 2em; +    background-color         : #111111; +  } +  div.toc a, span.currentlink{ +    display                  : block; +    text-decoration          : none; +    padding-left             : 0.5em; +    color                    : #FF00AA; +  } +  hr { +    width                    : 90%%; +    margin-left              : 5%%; +    margin-right             : 2em; +    margin-top               : 1.8em; +    margin-bottom            : 1.8em; +  } +  span.currentlink { +    text-decoration          : none; +    background-color         : #AAAAF9; +  } +  div.toc a:visited { +    color                    : #FF00AA; +  } +  div.toc a:hover { +    color                    : #CCCCCC; +    background-color         : #F9F9AA; +  } +  nav#toc ol { +    list-style-type          : none; +  } +  .norm, .bold, .verse, .group, .block, .alt { +    line-height              : 133%%; +    margin-top               : 12px; +    margin-bottom            : 0px; +    padding-left             : 0em; +    text-indent              : 0em; +  } +  p, h0, h1, h2, h3, h4, h5, h6, h7, ul, li { +    display                  : block; +    font-family              : verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman; +    margin-left              : 5%%; +    margin-right             : 2em; +  } +  p { +    font-size                : 100%%; +    font-weight              : normal; +    line-height              : 133%%; +    text-align               : justify; +    text-indent              : 0mm; +    margin-top               : 0.8em; +    margin-bottom            : 0.8em; +  } +  img { +    max-width                : 100%%; +    height                   : auto; +  } +  pre { +    width                    : auto; +    display                  : block; +    clear                    : both; +    color                    : #555555; +  } +  pre.codeline { +    display                  : table; +    clear                    : both; +    table-layout             : fixed; +    margin-left              : 5%%; +    margin-right             : 5%%; +    width                    : 90%%; +    white-space              : pre-wrap; +    border-style             : none; +    border-radius            : 5px 5px 5px 5px; +    box-shadow               : 0 2px 5px #AAAAAA inset; +    margin-bottom            : 1em; +    padding                  : 0.5em 1em; +    page-break-inside        : avoid; +    word-wrap                : break-word; +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    white-space              : pre; +    white-space              : pre-wrap; +    white-space              : -moz-pre-wrap; +    white-space              : -o-pre-wrap; +    background-color         : #555555; +    color                    : #DDDDDD; +    font-size                : 95%%; +    line-height              : 100%%; +  } +  pre.codeline::before { +    counter-reset            : linenum; +  } +  pre.codeline span.tr { +    display                  : table-row; +    counter-increment        : linenum; +  } +  pre.codeline span.th { +    display                  : table-cell; +    user-select              : none; +    -moz-user-select         : none; +    -webkit-user-select      : none; +    padding                  : 0.5em 0.5em; +  } +  pre.codeline span.th::before { +    content                  : counter(linenum) "."; +    color                    : #999999; +    text-align               : right; +    display                  : block; +  } +  pre.codeline span.th { +    width                    : 4em; +  } +  pre.codeline code { +    display                  : table-cell; +  } +  p.code { +    border-style             : none; +  } +  p.spaced { white-space     : pre; } +  p.block { +    white-space              : pre; +  } +  p.group { } +  p.alt { } +  p.verse { +    white-space              : pre; +    margin-bottom            : 6px; +  } +  p.caption { +    text-align               : left; +    font-size                : 80%%; +    display                  : inline; +  } +  p.endnote { +    font-size                : 96%%; +    line-height              : 120%%; +    text-align               : left; +    margin-right             : 15mm; +    padding-left             : 1em; +    text-indent              : -1em; +  } +  p.center { +    text-align               : center; +  } +  p.bold { +    font-weight              : bold; +  } +  p.bold_left { +    font-weight              : bold; +    text-align               : left; +  } +  p.centerbold { +    text-align               : center; +    font-weight              : bold; +  } +  p.em { +    font-weight              : bold; +    font-style               : normal; +    background               : #FFF3B6; +  } +  p.small { +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    margin-right             : 6px; +    text-align               : left; +  } +  .tiny, .tiny_left, .tiny_right, .tiny_center { +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +    color                    : #EEEEEE; +    margin-right             : 6px; +    text-align               : left; +  } +  p.tiny { } +  p.tiny_left { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : left; +  } +  p.tiny_right { +    margin-right             : 1em; +    text-align               : right; +  } +  p.tiny_center { +    margin-left              : 0px; +    margin-right             : 0px; +    text-align               : center; +  } +  p.concordance_word { +    line-height              : 150%%; +    font-weight              : bold; +    display                  : inline; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.concordance_count { +    font-size                : 80%%; +    color                    : #555555; +    display                  : inline; +    margin-left              : 0em; +  } +  p.concordance_object { +    font-size                : 80%%; +    line-height              : 120%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  p.book_index_lev1 { +    line-height              : 100%%; +    margin-top               : 4px; +    margin-bottom            : 1px; +  } +  p.book_index_lev2 { +    line-height              : 100%%; +    text-align               : left; +    margin-left              : 3em; +    margin-top               : 1px; +    margin-bottom            : 3px; +  } +  tt { +    font-family              : inconsolata, "liberation mono", "bitstream vera mono", "dejavu mono", monaco, consolas, "andale mono", "courier new", "courier 10 pitch", courier, monospace; +    background-color         : #555555; +    color                    : #DDDDDD; +  }  %s -note { white-space         : pre; } -label.ocn { -  width                    : 2%%; -  float                    : right; -  top                      : 0; -  font-size                : 12px; -  margin-top               : 0px; -  margin-bottom            : 6px; -  margin-right             : 6px; -  text-align               : right; -  color                    : %s; -  -khtml-user-select       : none; -  -moz-user-select         : none; -  -ms-user-select          : none; -  -o-user-select           : none; -  -webkit-user-select      : none; -  user-select              : none; -} -table { -  display                  : block; -  margin-left              : 5%%; -  margin-right             : 2em; -  background-color         : inherit; -} -tr { } -th,td { -  vertical-align           : top; -  text-align               : left; -} -th { -  font-weight              : bold; -} -em { -  font-weight              : bold; -  font-style               : italic; -} -p.left,th.left,td.left { -  text-align               : left; -} -p.small_left,th.small_left,td.small_left { -  text-align               : left; -  font-size                : 80%%; -} -p.right,th.right,td.right { -  text-align               : right; -} -ul, li { -  list-style-type          : none; -  list-style               : none; -  padding-left             : 20px; -  font-weight              : normal; -  line-height              : 150%%; -  text-align               : left; -  text-indent              : 0mm; -  margin-left              : 1em; -  margin-right             : 2em; -  margin-top               : 3px; -  margin-bottom            : 3px; -} -li { -  background               : (../image_sys/bullet_09.png) no-repeat 0px 6px; -} -ul { } -h0, h1, h2, h3, h4, h5, h6, h7 { -  font-weight              : bold; -  line-height              : 120%%; -  text-align               : left; -  margin-top               : 20px; -  margin-bottom            : 10px; -} -h4.norm, h5.norm, h6.norm, h7.norm { -  margin-top               : 10px; -  margin-bottom            : 0px; -} -h0 { font-size             : 125%%; } -h1 { font-size             : 120%%; } -h2 { font-size             : 115%%; } -h3 { font-size             : 110%%; } -h4 { font-size             : 105%%; } -h5 { font-size             : 100%%; } -h6 { font-size             : 100%%; } -h7 { font-size             : 100%%; } -h0, h1, h2, h3, h4, h5, h6, h7 { -  text-shadow              : .2em .2em .3em #999999; -} -h1.i { margin-left         : 2em; } -h2.i { margin-left         : 3em; } -h3.i { margin-left         : 4em; } -h4.i { margin-left         : 5em; } -h5.i { margin-left         : 6em; } -h6.i { margin-left         : 7em; } -h7.i { margin-left         : 8em; } -h8.i { margin-left         : 9em; } -h9.i { margin-left         : 10em; } -.toc { -  font-weight              : normal; -  margin-top               : 6px; -  margin-bottom            : 6px; -} -h0.toc { -  margin-left              : 1em; -  font-size                : 120%%; -  line-height              : 150%%; -} -h1.toc { -  margin-left              : 1em; -  font-size                : 115%%; -  line-height              : 150%%; -} -h2.toc { -  margin-left              : 2em; -  font-size                : 110%%; -  line-height              : 140%%; -} -h3.toc { -  margin-left              : 3em; -  font-size                : 105%%; -  line-height              : 120%%; -} -h4.toc { -  margin-left              : 4em; -  font-size                : 100%%; -  line-height              : 120%%; -} -h5.toc { -  margin-left              : 5em; -  font-size                : 95%%; -  line-height              : 110%%; -} -h6.toc { -  margin-left              : 6em; -  font-size                : 90%%; -  line-height              : 110%%; -} -h7.toc { -  margin-left              : 7em; -  font-size                : 85%%; -  line-height              : 100%%; -} -.subtoc { -  margin-right             : 34%%; -  font-weight              : normal; -} -h5.subtoc { -  margin-left              : 2em; -  font-size                : 80%%; -  margin-top               : 2px; -  margin-bottom            : 2px; -} -h6.subtoc { -  margin-left              : 3em; -  font-size                : 75%%; -  margin-top               : 0px; -  margin-bottom            : 0px; -} -h7.subtoc { -  margin-left              : 4em; -  font-size                : 70%%; -  margin-top               : 0px; -  margin-bottom            : 0px; +  note { white-space         : pre; } +  label.ocn { +    width                    : 2%%; +    float                    : right; +    top                      : 0; +    font-size                : 80%%; +    margin-top               : 0px; +    margin-bottom            : 6px; +    margin-right             : 6px; +    text-align               : right; +    color                    : %s; +    -khtml-user-select       : none; +    -moz-user-select         : none; +    -ms-user-select          : none; +    -o-user-select           : none; +    -webkit-user-select      : none; +    user-select              : none; +  } +  table { +    display                  : block; +    margin-left              : 5%%; +    margin-right             : 2em; +    background-color         : inherit; +  } +  tr { } +  th,td { +    vertical-align           : top; +    text-align               : left; +  } +  th { +    font-weight              : bold; +  } +  em { +    font-weight              : bold; +    font-style               : italic; +  } +  p.left,th.left,td.left { +    text-align               : left; +  } +  p.small_left,th.small_left,td.small_left { +    text-align               : left; +    font-size                : 80%%; +  } +  p.right,th.right,td.right { +    text-align               : right; +  } +  ul, li { +    list-style-type          : none; +    list-style               : none; +    padding-left             : 20px; +    font-weight              : normal; +    line-height              : 150%%; +    text-align               : left; +    text-indent              : 0mm; +    margin-left              : 1em; +    margin-right             : 2em; +    margin-top               : 3px; +    margin-bottom            : 3px; +  } +  li { +    background               : (../image_sys/bullet_09.png) no-repeat 0px 6px; +  } +  ul { } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    font-weight              : bold; +    line-height              : 120%%; +    text-align               : left; +    margin-top               : 20px; +    margin-bottom            : 10px; +  } +  h4.norm, h5.norm, h6.norm, h7.norm { +    margin-top               : 10px; +    margin-bottom            : 0px; +  } +  h0 { font-size             : 125%%; } +  h1 { font-size             : 120%%; } +  h2 { font-size             : 115%%; } +  h3 { font-size             : 110%%; } +  h4 { font-size             : 105%%; } +  h5 { font-size             : 100%%; } +  h6 { font-size             : 100%%; } +  h7 { font-size             : 100%%; } +  h0, h1, h2, h3, h4, h5, h6, h7 { +    text-shadow              : .2em .2em .3em #999999; +  } +  h1.i { margin-left         : 2em; } +  h2.i { margin-left         : 3em; } +  h3.i { margin-left         : 4em; } +  h4.i { margin-left         : 5em; } +  h5.i { margin-left         : 6em; } +  h6.i { margin-left         : 7em; } +  h7.i { margin-left         : 8em; } +  h8.i { margin-left         : 9em; } +  h9.i { margin-left         : 10em; } +  .toc { +    font-weight              : normal; +    margin-top               : 6px; +    margin-bottom            : 6px; +  } +  h0.toc { +    margin-left              : 1em; +    font-size                : 120%%; +    line-height              : 150%%; +  } +  h1.toc { +    margin-left              : 1em; +    font-size                : 115%%; +    line-height              : 150%%; +  } +  h2.toc { +    margin-left              : 2em; +    font-size                : 110%%; +    line-height              : 140%%; +  } +  h3.toc { +    margin-left              : 3em; +    font-size                : 105%%; +    line-height              : 120%%; +  } +  h4.toc { +    margin-left              : 4em; +    font-size                : 100%%; +    line-height              : 120%%; +  } +  h5.toc { +    margin-left              : 5em; +    font-size                : 95%%; +    line-height              : 110%%; +  } +  h6.toc { +    margin-left              : 6em; +    font-size                : 90%%; +    line-height              : 110%%; +  } +  h7.toc { +    margin-left              : 7em; +    font-size                : 85%%; +    line-height              : 100%%; +  } +  .subtoc { +    margin-right             : 34%%; +    font-weight              : normal; +  } +  h5.subtoc { +    margin-left              : 2em; +    font-size                : 80%%; +    margin-top               : 2px; +    margin-bottom            : 2px; +  } +  h6.subtoc { +    margin-left              : 3em; +    font-size                : 75%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +  h7.subtoc { +    margin-left              : 4em; +    font-size                : 70%%; +    margin-top               : 0px; +    margin-bottom            : 0px; +  } +input, select, textarea { +  font-size                : 150%%;  }  input[type="text"] {    font-size:120%%; diff --git a/src/doc_reform/meta/metadoc_curate_authors.d b/src/doc_reform/meta/metadoc_curate_authors.d index f7d250b..ceb6229 100644 --- a/src/doc_reform/meta/metadoc_curate_authors.d +++ b/src/doc_reform/meta/metadoc_curate_authors.d @@ -141,6 +141,9 @@ string theme_dark_0 = format(q"┃      color                    : #FFFFFF;      background               : #777777;    } +  input, select, textarea { +    font-size                : 150%%; +  }    input {      color                    : #FFFFFF;      background-color         : #777777; @@ -185,6 +188,9 @@ string theme_light_0 = format(q"┃    a.lev3:hover {      background               : #BBBBBB;    } +  input, select, textarea { +    font-size                : 150%%; +  }    input {      color                    : #000000;      background-color         : #FFFFFF; diff --git a/src/doc_reform/meta/metadoc_curate_topics.d b/src/doc_reform/meta/metadoc_curate_topics.d index 9a01f5a..0f6b74c 100644 --- a/src/doc_reform/meta/metadoc_curate_topics.d +++ b/src/doc_reform/meta/metadoc_curate_topics.d @@ -184,6 +184,9 @@ string theme_dark_0 = format(q"┃      color                    : #FFFFFF;      background               : #777777;    } +  input, select, textarea { +    font-size                : 150%%; +  }    input {      color                    : #FFFFFF;      background-color         : #777777; @@ -228,6 +231,9 @@ string theme_light_0 = format(q"┃    a.lev3:hover {      background               : #BBBBBB;    } +  input, select, textarea { +    font-size                : 150%%; +  }    input {      color                    : #000000;      background-color         : #FFFFFF; diff --git a/sundry/spine_search_cgi/src/spine_search.d b/sundry/spine_search_cgi/src/spine_search.d index d8ead11..3e0b3fc 100644 --- a/sundry/spine_search_cgi/src/spine_search.d +++ b/sundry/spine_search_cgi/src/spine_search.d @@ -583,6 +583,19 @@ void cgi_function_intro(Cgi cgi) {        color                    : #000000;        background-color         : #F9F9AA;      } +    a.matched_ocn:link { +      color                    : #003399; +      text-decoration          : none; +    } +    a.matched_ocn:visited { +      color                    : #003399; +      text-decoration          : none; +    } +    a.matched_ocn:hover { +      color                    : #000000; +      background-color         : #F9F9AA; +      font-size                : 100%%; +    }      a.lnkocn:link {        color                    : #777777;        text-decoration          : none; @@ -593,7 +606,7 @@ void cgi_function_intro(Cgi cgi) {      }      a.lnkocn:hover {        color                    : #777777; -      font-size                : 15px; +      font-size                : 100%%;      }      a:hover img {        background-color         : #FFFFFF; @@ -627,13 +640,16 @@ void cgi_function_intro(Cgi cgi) {        color                    : #000000;        background-color         : #FFFF48;      } +    input, select, textarea { +      font-size                : 150%%; +    }      input[type="text"] { -      font-size:120%%; -      line-height              : 120%%; +      font-size                : 150%%; +      line-height              : 150%%;      }      button[type="submit"] { -      font-size                : 120%%; -      line-height              : 120%%; +      font-size                : 150%%; +      line-height              : 150%%;      }      p.norm { }      p.center { text-align      : center; } @@ -1117,7 +1133,7 @@ void cgi_function_intro(Cgi cgi) {        text-align               : left;      }      .tiny, .tiny_left, .tiny_right, .tiny_center { -      font-size                : 10px; +      font-size                : 75%%;        margin-top               : 0px;        margin-bottom            : 0px;        color                    : #EEEEEE; @@ -1184,8 +1200,8 @@ void cgi_function_intro(Cgi cgi) {        white-space              : -o-pre-wrap;        background-color         : #555555;        color                    : #DDDDDD; -      font-size                : 95%%; -      line-height              : 100%%; +      font-size                : 120%%; +      line-height              : 120%%;      }      pre.codeline::before {        counter-reset            : linenum; diff --git a/sundry/spine_search_cgi/src/spine_search.d_ b/sundry/spine_search_cgi/src/spine_search.d_ index e721699..6a673bc 100755 --- a/sundry/spine_search_cgi/src/spine_search.d_ +++ b/sundry/spine_search_cgi/src/spine_search.d_ @@ -585,6 +585,19 @@ void cgi_function_intro(Cgi cgi) {        color                    : #000000;        background-color         : #F9F9AA;      } +    a.matched_ocn:link { +      color                    : #003399; +      text-decoration          : none; +    } +    a.matched_ocn:visited { +      color                    : #003399; +      text-decoration          : none; +    } +    a.matched_ocn:hover { +      color                    : #000000; +      background-color         : #F9F9AA; +      font-size                : 100%%; +    }      a.lnkocn:link {        color                    : #777777;        text-decoration          : none; @@ -629,13 +642,16 @@ void cgi_function_intro(Cgi cgi) {        color                    : #000000;        background-color         : #FFFF48;      } +    input, select, textarea { +      font-size                : 150%%; +    }      input[type="text"] { -      font-size                : 120%%; -      line-height              : 120%%; +      font-size                : 150%%; +      line-height              : 150%%;      }      button[type="submit"] { -      font-size                : 120%%; -      line-height              : 120%%; +      font-size                : 150%%; +      line-height              : 150%%;      }      p.norm { }      p.center { text-align      : center; } @@ -1119,7 +1135,7 @@ void cgi_function_intro(Cgi cgi) {        text-align               : left;      }      .tiny, .tiny_left, .tiny_right, .tiny_center { -      font-size                : 12px; +      font-size                : 75%%;        margin-top               : 0px;        margin-bottom            : 0px;        color                    : #EEEEEE; @@ -1186,8 +1202,8 @@ void cgi_function_intro(Cgi cgi) {        white-space              : -o-pre-wrap;        background-color         : #555555;        color                    : #DDDDDD; -      font-size                : 95%%; -      line-height              : 100%%; +      font-size                : 120%%; +      line-height              : 120%%;      }      pre.codeline::before {        counter-reset            : linenum; | 
