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