├── .gitignore ├── GPT-4.jpg ├── README.md ├── adoc.css ├── appendmarkup.sh ├── buildepub.sh ├── buildhtml.sh ├── buildmobi.sh ├── buildpdf.sh ├── css ├── adoc-colony.css ├── adoc-foundation-lime.css ├── adoc-foundation-potion.css ├── adoc-foundation.css ├── adoc-github.css ├── adoc-golo.css ├── adoc-iconic.css ├── adoc-maker.css ├── adoc-readthedocs.css ├── adoc-riak.css ├── adoc-rocket-panda.css ├── adoc-rubygems.css ├── adoc.css ├── asciidoc-classic.css ├── boot-cerulean.css ├── boot-cosmo.css ├── boot-cyborg.css ├── boot-darkly.css ├── boot-flatly.css ├── boot-journal.css ├── boot-lumen.css ├── boot-paper.css ├── boot-readable.css ├── boot-sandstone.css ├── boot-slate.css ├── boot-spacelab.css ├── boot-superhero.css ├── boot-yeti.css ├── clean.css ├── dark.css ├── fedora.css ├── gazette.css ├── italian-pop.css ├── material-amber.css ├── material-blue.css ├── material-brown.css ├── material-green.css ├── material-grey.css ├── material-orange.css ├── material-pink.css ├── material-purple.css ├── material-red.css ├── material-teal.css ├── medium.css ├── monospace.css ├── notebook.css ├── plain.css ├── template.css ├── tufte.css └── ubuntu.css ├── cssbak ├── adoc-colony.css ├── adoc-foundation-lime.css ├── adoc-foundation-potion.css ├── adoc-foundation.css ├── adoc-github.css ├── adoc-golo.css ├── adoc-iconic.css ├── adoc-maker.css ├── adoc-readthedocs.css ├── adoc-riak.css ├── adoc-rocket-panda.css ├── adoc-rubygems.css ├── asciidoc-classic.css ├── boot-cerulean.css ├── boot-cosmo.css ├── boot-cyborg.css ├── boot-darkly.css ├── boot-flatly.css ├── boot-journal.css ├── boot-lumen.css ├── boot-paper.css ├── boot-readable.css ├── boot-sandstone.css ├── boot-slate.css ├── boot-spacelab.css ├── boot-superhero.css ├── boot-yeti.css ├── clean.css ├── dark.css ├── fedora.css ├── gazette.css ├── italian-pop.css ├── material-amber.css ├── material-blue.css ├── material-brown.css ├── material-green.css ├── material-grey.css ├── material-orange.css ├── material-pink.css ├── material-purple.css ├── material-red.css ├── material-teal.css ├── medium.css ├── monospace.css ├── notebook.css ├── plain.css ├── template.css ├── tufte.css └── ubuntu.css ├── default-cover.svg ├── frog.png ├── frog1.jpg ├── genbash.nim ├── genpass.nim ├── gensedscriptforbackticks.nim ├── markup ├── mst1.png ├── nimbook.css ├── nimprogramming.adoc ├── sedscriptforbackticks ├── styles ├── color-palette.css ├── epub3-css3-only.css ├── epub3-fonts.css └── epub3.css └── themes ├── default-sans.yml └── default.yml /.gitignore: -------------------------------------------------------------------------------- 1 | asciidoctor.css 2 | -------------------------------------------------------------------------------- /GPT-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StefanSalewski/NimProgrammingBook/818f5b98e63ca1fb8551ea85828958c5b9828e09/GPT-4.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # NimProgrammingBook 2 | Computer Programming with the Nim Programming Language -- A gentle Introduction 3 | 4 | (C) Dr. Stefan Salewski 2020, 2021, 2022, 2023 5 | 6 | This repository contains the english source code 7 | of the book. 8 | 9 | Electronic versions of the book in HTML and PDF format are available at 10 | 11 | https://nimprogrammingbook.com 12 | 13 | For a short overview of the Nim Programming language, you may 14 | consult 15 | 16 | https://nimprogramming.com/ 17 | 18 | or the official Nim homepage at 19 | 20 | https://nim-lang.org/ 21 | 22 | -------------------------------------------------------------------------------- /adoc.css: -------------------------------------------------------------------------------- 1 | /* https://docs.asciidoctor.org/asciidoctor/latest/html-backend/default-stylesheet/ */ 2 | 3 | @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"; 4 | @import "https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css"; 5 | 6 | .new{background-color: #FF0; color: #000} 7 | .recent{background-color: #FFA} 8 | .ndef{font-style: italic} 9 | .italic{font-style: italic} 10 | .op{font-family: monospace; font-weight: bold} 11 | .strop{font-family: monospace; font-weight: bold} 12 | .key{font-weight: bold} 13 | .proc{} /* the proc keyword in text */ 14 | .mac{} /* the macro keyword in text */ 15 | .type{font-family: monospace} 16 | .str{font-family: monospace} /* string type */ 17 | .array{font-family: monospace} /* array type */ 18 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 19 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 20 | .func{} 21 | .var{font-family: monospace; font-style: italic} 22 | .mod{font-family: monospace; font-variant: small-caps} 23 | .lit{font-family: monospace; font-style: italic} 24 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 25 | .slit{font-family: monospace; font-style: italic} 26 | .const{font-family: monospace; font-style: italic} 27 | .code{font-family: monospace; background-color: #EEE; color: #000} 28 | .term{font-family: monospace; background-color: #EEE; color: #000} 29 | .plain{} 30 | .name{} 31 | .unit{} /* GB, nm*/ 32 | .nim{} 33 | 34 | /* 35 | 36 | .var::before, .term::before, .code::before, .func::before, .const::before, .lit::before, .op::before, .key::before, .type::before, .mod::before, .str::before, .obj::before, .tup::before, .mac::before, .array::before { 37 | content: "'"; 38 | font-weight: normal 39 | } 40 | 41 | .var::after, .term::after, .code::after, .func::after, .const::after, .lit::after, .op::after, .key::after, .type::after, .mod::after, .str::after, .obj::after, .tup::after, .mac::after, .array::after { 42 | content: "'"; 43 | font-weight: normal 44 | } 45 | 46 | */ 47 | 48 | -------------------------------------------------------------------------------- /appendmarkup.sh: -------------------------------------------------------------------------------- 1 | for filename in css/*.css; do 2 | cat markup >> "$filename" 3 | done 4 | 5 | -------------------------------------------------------------------------------- /buildepub.sh: -------------------------------------------------------------------------------- 1 | ~/bin/asciidoctor-epub3 -D output -a rouge-style=bw -a epub3-stylesdir=styles -a imagesdir="" -o nimprogramming.epub nimprogramming.adoc 2 | -------------------------------------------------------------------------------- /buildmobi.sh: -------------------------------------------------------------------------------- 1 | ~/bin/asciidoctor-epub3 -D output -a rouge-style=bw -a ebook-format=kf8 -a epub3-stylesdir=styles -a imagesdir="." -o nimprogramming.mobi nimprogramming.adoc 2 | -------------------------------------------------------------------------------- /buildpdf.sh: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=molokai --theme themes/default.yml -a imagesdir="." -o nimprogramming_molokai.pdf nimprogramming.adoc 5 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=molokai --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_molokai_sans.pdf nimprogramming.adoc 6 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=monokai --theme themes/default.yml -a imagesdir="." -o nimprogramming_monokai.pdf nimprogramming.adoc 7 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=monokai --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_monokai_sans.pdf nimprogramming.adoc 8 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=monokai_sublime --theme themes/default.yml -a imagesdir="." -o nimprogramming_monokai_sublime.pdf nimprogramming.adoc 9 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=monokai_sublime --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_monokai_sublime_sans.pdf nimprogramming.adoc 10 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=github --theme themes/default.yml -a imagesdir="." -o nimprogramming_github.pdf nimprogramming.adoc 11 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=github --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_github_sans.pdf nimprogramming.adoc 12 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=base16 --theme themes/default.yml -a imagesdir="." -o nimprogramming_base16.pdf nimprogramming.adoc 13 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=base16 --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_base16_sans.pdf nimprogramming.adoc 14 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=bw --theme themes/default.yml -a imagesdir="." -o nimprogramming_bw.pdf nimprogramming.adoc 15 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=bw --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_bw_sans.pdf nimprogramming.adoc 16 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=colorful --theme themes/default.yml -a imagesdir="." -o nimprogramming_colorful.pdf nimprogramming.adoc 17 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=colorful --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_colorful_sans.pdf nimprogramming.adoc 18 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=gruvbox --theme themes/default.yml -a imagesdir="." -o nimprogramming_gruvbox.pdf nimprogramming.adoc 19 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=gruvbox --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_gruvbox_sans.pdf nimprogramming.adoc 20 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=igor_pro --theme themes/default.yml -a imagesdir="." -o nimprogramming_igor_pro.pdf nimprogramming.adoc 21 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=igor_pro --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_igor_pro_sans.pdf nimprogramming.adoc 22 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=magritte --theme themes/default.yml -a imagesdir="." -o nimprogramming_magritte.pdf nimprogramming.adoc 23 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=magritte --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_magritte_sans.pdf nimprogramming.adoc 24 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=pastie --theme themes/default.yml -a imagesdir="." -o nimprogramming_pastie.pdf nimprogramming.adoc 25 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=pastie --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_pastie_sans.pdf nimprogramming.adoc 26 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=thankful_eyes --theme themes/default.yml -a imagesdir="." -o nimprogramming_thankful_eyes.pdf nimprogramming.adoc 27 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=thankful_eyes --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_thankful_eyes_sans.pdf nimprogramming.adoc 28 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=tulip --theme themes/default.yml -a imagesdir="." -o nimprogramming_tulip.pdf nimprogramming.adoc 29 | ~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=tulip --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_tulip_sans.pdf nimprogramming.adoc 30 | 31 | #~/bin/asciidoctor -D output -a rouge-style=molokai -a stylesheet=adoc.css -o nimprogramming.html nimprogramming.adoc 32 | 33 | #~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=molokai --theme themes/default.yml -a allow-uri-read -o nimprogramming.pdf nimprogramming.adoc 34 | #~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=molokai --theme themes/default.yml -a imagesdir="." -o nimprogramming.pdf nimprogramming.adoc 35 | #~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=github --theme themes/default.yml -a imagesdir="." -o nimprogramming_github.pdf nimprogramming.adoc 36 | #~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=bw --theme themes/default.yml -a imagesdir="." -o nimprogramming_bw.pdf nimprogramming.adoc 37 | #~/bin/asciidoctor-pdf -D output -a compress -a rouge-style=molokai --theme themes/default-sans.yml -a imagesdir="." -o nimprogramming_sans.pdf nimprogramming.adoc 38 | 39 | 40 | #~/bin/asciidoctor-epub3 -D output -a rouge-style=bw -a epub3-stylesdir=styles -a imagesdir="" -o nimprogramming.epub nimprogramming.adoc 41 | 42 | #~/bin/asciidoctor-epub3 -D output -a rouge-style=bw -a ebook-format=kf8 -a epub3-stylesdir=styles -a imagesdir="." -o nimprogramming.mobi nimprogramming.adoc 43 | -------------------------------------------------------------------------------- /css/adoc.css: -------------------------------------------------------------------------------- 1 | /* https://docs.asciidoctor.org/asciidoctor/latest/html-backend/default-stylesheet/ */ 2 | 3 | @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"; 4 | @import "https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css"; 5 | 6 | .new{background-color: #FF0; color: #000} 7 | .recent{background-color: #FFA} 8 | .ndef{font-style: italic} 9 | .italic{font-style: italic} 10 | .op{font-family: monospace; font-weight: bold} 11 | .strop{font-family: monospace; font-weight: bold} 12 | .key{font-weight: bold} 13 | .proc{} /* the proc keyword in text */ 14 | .mac{} /* the macro keyword in text */ 15 | .type{font-family: monospace} 16 | .str{font-family: monospace} /* string type */ 17 | .array{font-family: monospace} /* array type */ 18 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 19 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 20 | .func{} 21 | .var{font-family: monospace; font-style: italic} 22 | .mod{font-family: monospace; font-variant: small-caps} 23 | .lit{font-family: monospace; font-style: italic} 24 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 25 | .slit{font-family: monospace; font-style: italic} 26 | .const{font-family: monospace; font-style: italic} 27 | .code{font-family: monospace; background-color: #EEE; color: #000} 28 | .term{font-family: monospace; background-color: #EEE; color: #000} 29 | .plain{} 30 | .name{} 31 | .unit{} /* GB, nm*/ 32 | .nim{} 33 | 34 | /* 35 | 36 | .var::before, .term::before, .code::before, .func::before, .const::before, .lit::before, .op::before, .key::before, .type::before, .mod::before, .str::before, .obj::before, .tup::before, .mac::before, .array::before { 37 | content: "'"; 38 | font-weight: normal 39 | } 40 | 41 | .var::after, .term::after, .code::after, .func::after, .const::after, .lit::after, .op::after, .key::after, .type::after, .mod::after, .str::after, .obj::after, .tup::after, .mac::after, .array::after { 42 | content: "'"; 43 | font-weight: normal 44 | } 45 | 46 | */ 47 | 48 | -------------------------------------------------------------------------------- /css/clean.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url("//fonts.googleapis.com/css?family=Noto+Sans:300,600italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#2c3e50; 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#CCC; 15 | --linkcolor:#b71c1c; 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | /* Text styles */ 22 | h1{color:var(--primarycolor) !important;} 23 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;} 24 | .title{color:var(--tertiarycolor) !important; font-family:"Noto Sans",sans-serif !important;font-style: normal !important; font-weight: normal !important;} 25 | p{font-family: "Noto Sans",sans-serif !important} 26 | 27 | /* Table styles */ 28 | th{font-family: "Noto Sans",sans-serif !important} 29 | 30 | /* Responsiveness fixes */ 31 | video { 32 | max-width: 100%; 33 | } 34 | 35 | @media all and (max-width: 600px) { 36 | table { 37 | width: 55vw!important; 38 | font-size: 3vw; 39 | } 40 | 41 | 42 | .new{background-color: #FF0; color: #000} 43 | .recent{background-color: #FFA} 44 | .ndef{font-style: italic} 45 | .italic{font-style: italic} 46 | .op{font-family: monospace; font-weight: bold} 47 | .key{font-weight: bold} 48 | .type{font-family: monospace} 49 | .str{font-family: monospace} /* string type */ 50 | .array{font-family: monospace} /* array type */ 51 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 52 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 53 | .var{font-family: monospace; font-style: italic} 54 | .mod{font-family: monospace; font-variant: small-caps} 55 | .lit{font-family: monospace; font-style: italic} 56 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 57 | .slit{font-family: monospace; font-style: italic} 58 | .const{font-family: monospace; font-style: italic} 59 | .code{font-family: monospace; background-color: #EEE; color: #000} 60 | .term{font-family: monospace; background-color: #EEE; color: #000} 61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /css/dark.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#282c34; 10 | --primarycolor:#f39c12; 11 | --secondarycolor:#03a9f4; 12 | --tertiarycolor:#4db6ac; 13 | --sidebarbackground:#21252b; 14 | --linkcolor:#f44336; 15 | --linkcoloralternate:#ff9800; 16 | --white:#FFFFFF; 17 | } 18 | 19 | /* Text styles */ 20 | 21 | body{font-family: "Noto Sans",sans-serif;background-color: var(--maincolor);color:var(--white);} 22 | 23 | h1{color:var(--primarycolor) !important;font-family:"Noto Sans",sans-serif;} 24 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Noto Sans",sans-serif;} 25 | .title{color:var(--white) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 26 | p{font-family: "Noto Sans",sans-serif ! important} 27 | #toc.toc2 a:link{color:var(--linkcolor);} 28 | blockquote{color:var(--tertiarycolor) !important} 29 | .quoteblock{color:var(--white)} 30 | code{color:var(--linkcoloralternate);background-color: var(--sidebarbackground) !important} 31 | 32 | 33 | /* Table styles */ 34 | th{background-color: var(--maincolor);color:var(--white) !important;} 35 | td{background-color: var(--maincolor);color: var(--linkcoloralternate) !important} 36 | 37 | 38 | #toc.toc2{background-color:var(--sidebarbackground);} 39 | #toctitle{color:var(--white);} 40 | 41 | /* Responsiveness fixes */ 42 | video { 43 | max-width: 100%; 44 | } 45 | 46 | @media all and (max-width: 600px) { 47 | table { 48 | width: 55vw!important; 49 | font-size: 3vw; 50 | } 51 | } 52 | 53 | .exampleblock > .content { 54 | background-color: var(--maincolor); 55 | } 56 | 57 | a { 58 | color: var(--secondarycolor); 59 | } 60 | 61 | .admonitionblock td.icon .icon-tip::before { 62 | text-shadow: none; 63 | color: var(--white); 64 | } 65 | .admonitionblock td.icon .icon-note::before { 66 | color: var(--tertiarycolor); 67 | } 68 | .admonitionblock td.icon .icon-important::before { 69 | color: var(--linkcolor); 70 | } 71 | /*.admonitionblock td.icon .icon-caution::before { 72 | color: var(--linkcoloralternate); 73 | }*/ 74 | .admonitionblock td.icon .icon-warning::before { 75 | color: var(--primarycolor); 76 | } 77 | 78 | #preamble > .sectionbody > .paragraph:first-of-type p { 79 | color: var(--white); 80 | } 81 | 82 | .quoteblock blockquote::before { 83 | color: var(--primarycolor); 84 | } 85 | .quoteblock .attribution cite, .verseblock .attribution cite { 86 | color: var(--white); 87 | } 88 | .verseblock pre { 89 | color: var(--white); 90 | } 91 | .quoteblock blockquote, .quoteblock blockquote p { 92 | color: var(--white); 93 | } 94 | 95 | .sidebarblock { 96 | background: var(--sidebarbackground); 97 | } 98 | .literalblock pre, .listingblock pre:not(.highlight), .listingblock pre[class="highlight"], .listingblock pre[class^="highlight "], .listingblock pre.CodeRay, .listingblock pre.prettyprint { 99 | background: var(--sidebarbackground); 100 | color: var(--white); 101 | } 102 | 103 | #header .details { 104 | color: var(--white); 105 | } 106 | #header .details span.email a { 107 | color: var(--linkcoloralternate); 108 | } 109 | 110 | 111 | .new{background-color: #FF0; color: #000} 112 | .recent{background-color: #FFA} 113 | .ndef{font-style: italic} 114 | .italic{font-style: italic} 115 | .op{font-family: monospace; font-weight: bold} 116 | .key{font-weight: bold} 117 | .type{font-family: monospace} 118 | .str{font-family: monospace} /* string type */ 119 | .array{font-family: monospace} /* array type */ 120 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 121 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 122 | .var{font-family: monospace; font-style: italic} 123 | .mod{font-family: monospace; font-variant: small-caps} 124 | .lit{font-family: monospace; font-style: italic} 125 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 126 | .slit{font-family: monospace; font-style: italic} 127 | .const{font-family: monospace; font-style: italic} 128 | .code{font-family: monospace; background-color: #EEE; color: #000} 129 | .term{font-family: monospace; background-color: #EEE; color: #000} 130 | 131 | 132 | 133 | -------------------------------------------------------------------------------- /css/fedora.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Montserrat|Open+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#294172; /* Fedora Dark Blue */ 11 | --secondarycolor:#3c6eb4; /* Fedora Blue */ 12 | --tertiarycolor:#CCCCCC; 13 | --highlightcolor:#e59728; /* Features Orange */ 14 | --sidebarbackground:#CACACA; 15 | --linkcolor:#0D47A1; 16 | --linkcoloralternate:#db3279; /* Friends Magneta */ 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | /* Text styles */ 22 | 23 | body{font-family: "Open Sans",sans-serif;background-color: var(--maincolor);color:var(--black);} 24 | 25 | h1{color:var(--primarycolor) !important;font-family:"Montserrat",sans-serif;} 26 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Montserrat",sans-serif;} 27 | .title{color:var(--black) !important;font-family:"Open Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | a{text-decoration: none;} 29 | p{font-family: "Open Sans",sans-serif ! important} 30 | #toc.toc2 a:link{color:var(--linkcolor);} 31 | blockquote{color:var(--linkcoloralternate) !important} 32 | .quoteblock blockquote:before{color:var(--linkcoloralternate)} 33 | code{color:var(--white);background-color: var(--highlightcolor) !important} 34 | mark{background-color: var(--highlightcolor)} /* Text highlighting color */ 35 | 36 | /* Table styles */ 37 | th{background-color: var(--maincolor);color:var(--black) !important;} 38 | td{background-color: var(--maincolor);color: var(--black) !important} 39 | 40 | 41 | #toc.toc2{background-color:var(--sidebarbackground);} 42 | #toctitle{color:var(--white);} 43 | 44 | /* Responsiveness fixes */ 45 | video { 46 | max-width: 100%; 47 | } 48 | 49 | @media all and (max-width: 600px) { 50 | table { 51 | width: 55vw!important; 52 | font-size: 3vw; 53 | } 54 | 55 | 56 | .new{background-color: #FF0; color: #000} 57 | .recent{background-color: #FFA} 58 | .ndef{font-style: italic} 59 | .italic{font-style: italic} 60 | .op{font-family: monospace; font-weight: bold} 61 | .key{font-weight: bold} 62 | .type{font-family: monospace} 63 | .str{font-family: monospace} /* string type */ 64 | .array{font-family: monospace} /* array type */ 65 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 66 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 67 | .var{font-family: monospace; font-style: italic} 68 | .mod{font-family: monospace; font-variant: small-caps} 69 | .lit{font-family: monospace; font-style: italic} 70 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 71 | .slit{font-family: monospace; font-style: italic} 72 | .const{font-family: monospace; font-style: italic} 73 | .code{font-family: monospace; background-color: #EEE; color: #000} 74 | .term{font-family: monospace; background-color: #EEE; color: #000} 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /css/gazette.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Source+Serif+Pro|UnifrakturMaguntia|Source+Sans+Pro); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#000000; 11 | --secondarycolor:#AAAAAA; 12 | --tertiarycolor:#CCCCCC; 13 | --sidebarbackground:#FFFFFF; 14 | --linkcolor:#0D47A1; 15 | --linkcoloralternate:#B71C1C; 16 | } 17 | 18 | /* Text styles */ 19 | 20 | body { 21 | font-family: "Source Serif Pro", serif; 22 | background-color: var(--maincolor); 23 | color: black; 24 | } 25 | 26 | h1,h2,h3,h4,h5,h6 { 27 | color: var(--primarycolor) !important; 28 | } 29 | h1 { 30 | font-family: "UnifrakturMaguntia", serif; 31 | } 32 | #header h1 { 33 | border-bottom: 2px solid black!important; 34 | } 35 | h2 { 36 | font-family: "Source Serif Pro", serif; 37 | font-style: italic; 38 | font-weight: bold; 39 | text-transform: uppercase; 40 | } 41 | h3 { 42 | font-family: "Source Serif Pro", serif; 43 | font-style: italic; 44 | font-weight: bold; 45 | } 46 | h4 { 47 | font-family:'Times New Roman',Times,serif; 48 | letter-spacing: -1px; 49 | text-transform: uppercase; 50 | } 51 | h5 { 52 | font-family:'Times New Roman',Times,serif; 53 | letter-spacing: -1px; 54 | text-transform: uppercase; 55 | } 56 | h6 { 57 | font-family: "Source Serif Pro", serif; 58 | font-weight: bold; 59 | } 60 | hr { 61 | border-color: black; 62 | } 63 | 64 | .title { 65 | color: black !important; 66 | font-family: "Source Serif Pro", serif; 67 | font-style: normal; 68 | font-weight: normal; 69 | } 70 | a { 71 | text-decoration: none; 72 | color: #5A5A5A!important; 73 | } 74 | p { 75 | font-family: "Source Serif Pro", serif !important; 76 | } 77 | #toc.toc2 a:link { 78 | color: var(--linkcolor); 79 | font-family: "Source Serif Pro", serif; 80 | } 81 | blockquote { 82 | color: var(--primarycolor) !important; 83 | } 84 | .quoteblock { 85 | color: black; 86 | } 87 | .quoteblock blockquote:before { 88 | color: black; 89 | } 90 | code { 91 | color: white; 92 | background-color: var(--secondarycolor) !important; 93 | } 94 | mark { 95 | background-color: var(--tertiarycolor); 96 | } /* Text highlighting color */ 97 | 98 | cite { 99 | color: var(--primarycolor)!important; 100 | } 101 | 102 | pre { 103 | background-color: var(--maincolor)!important; 104 | } 105 | code { 106 | /* background-color: var(--maincolor)!important; */ 107 | } 108 | 109 | img { 110 | -webkit-filter: grayscale(100%); 111 | filter: grayscale(100%); 112 | } 113 | video { 114 | -webkit-filter: grayscale(100%); 115 | filter: grayscale(100%); 116 | } 117 | 118 | /* Table styles */ 119 | th { 120 | background-color: var(--maincolor); 121 | color: black !important; 122 | } 123 | td { 124 | background-color: var(--maincolor); 125 | color: black !important; 126 | } 127 | 128 | 129 | #toc.toc2 { 130 | background-color: var(--sidebarbackground); 131 | } 132 | #toctitle { 133 | color: black; 134 | font-family: "Source Serif Pro", serif; 135 | font-weight: bold; 136 | padding-top: 20px; 137 | } 138 | 139 | /* Responsiveness fixes */ 140 | video { 141 | max-width: 100%; 142 | } 143 | 144 | @media all and (max-width: 600px) { 145 | table { 146 | width: 55vw!important; 147 | font-size: 3vw; 148 | } 149 | 150 | 151 | .new{background-color: #FF0; color: #000} 152 | .recent{background-color: #FFA} 153 | .ndef{font-style: italic} 154 | .italic{font-style: italic} 155 | .op{font-family: monospace; font-weight: bold} 156 | .key{font-weight: bold} 157 | .type{font-family: monospace} 158 | .str{font-family: monospace} /* string type */ 159 | .array{font-family: monospace} /* array type */ 160 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 161 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 162 | .var{font-family: monospace; font-style: italic} 163 | .mod{font-family: monospace; font-variant: small-caps} 164 | .lit{font-family: monospace; font-style: italic} 165 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 166 | .slit{font-family: monospace; font-style: italic} 167 | .const{font-family: monospace; font-style: italic} 168 | .code{font-family: monospace; background-color: #EEE; color: #000} 169 | .term{font-family: monospace; background-color: #EEE; color: #000} 170 | 171 | 172 | 173 | -------------------------------------------------------------------------------- /css/italian-pop.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Galada|Lato); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#b71c1c; 11 | --sidebarbackground:#CCC; 12 | --linkcolor:#b71c1c; 13 | --linkcoloralternate:#f44336; 14 | --white:#FFFFFF; 15 | --black:#000000; 16 | --grey:#212121; 17 | } 18 | 19 | body{font-family: "Lato",sans-serif;background-color: var(--maincolor);color:var(--black);} 20 | 21 | h1,h2,h3,h4,h5,h6{color:var(--primarycolor) !important;font-family:"Galada",sans-serif;} 22 | .title{color:var(--black) !important;font-family:"Galada",sans-serif;font-style: normal; font-weight: normal;} 23 | p{font-family: "Lato",sans-serif ! important;color:var(--grey)} 24 | #toc.toc2 a:link{color:var(--linkcolor);} 25 | 26 | 27 | /* Table styles */ 28 | th{background-color: var(--primarycolor);color:var(--black) !important;color:var(--white) !important} 29 | td{color: var(--black)} 30 | tr:nth-child(even) {background-color: #FFF !important} 31 | tr:nth-child(odd) {background: #CCC !important} 32 | 33 | #toc.toc2{background-color:var(--sidebarbackground);} 34 | #toctitle{color:var(--white);} 35 | 36 | /* Responsiveness fixes */ 37 | video { 38 | max-width: 100%; 39 | } 40 | 41 | @media all and (max-width: 600px) { 42 | table { 43 | width: 55vw!important; 44 | font-size: 3vw; 45 | } 46 | 47 | 48 | .new{background-color: #FF0; color: #000} 49 | .recent{background-color: #FFA} 50 | .ndef{font-style: italic} 51 | .italic{font-style: italic} 52 | .op{font-family: monospace; font-weight: bold} 53 | .key{font-weight: bold} 54 | .type{font-family: monospace} 55 | .str{font-family: monospace} /* string type */ 56 | .array{font-family: monospace} /* array type */ 57 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 58 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 59 | .var{font-family: monospace; font-style: italic} 60 | .mod{font-family: monospace; font-variant: small-caps} 61 | .lit{font-family: monospace; font-style: italic} 62 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 63 | .slit{font-family: monospace; font-style: italic} 64 | .const{font-family: monospace; font-style: italic} 65 | .code{font-family: monospace; background-color: #EEE; color: #000} 66 | .term{font-family: monospace; background-color: #EEE; color: #000} 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /css/material-amber.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#FFC107; /* Amber 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#FF6F00; /* Amber 900 */ 15 | --linkcolor:#FFE082; /* Amber 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/material-blue.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#2196F3; /* Blue 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#0D47A1; /* Blue 900 */ 15 | --linkcolor:#90CAF9; /* Blue 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/material-brown.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#795548; /* Brown 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#3E2723; /* Brown 900 */ 15 | --linkcolor:#BCAAA4; /* Brown 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/material-green.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#4CAF50; /* Green 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#1B5E20; /* Green 900 */ 15 | --linkcolor:#A5D6A7; /* Green 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/material-grey.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#9E9E9E; /* Grey 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#212121; /* Grey 900 */ 15 | --linkcolor:#EEEEEE; /* Grey 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/material-orange.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#FF9800; /* Orange 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#E65100; /* Orange 900 */ 15 | --linkcolor:#FFCC80; /* Orange 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/material-pink.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#E91E63; /* Pink 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#880E4F; /* Pink 900 */ 15 | --linkcolor:#F48FB1; /* Pink 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/material-purple.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#9C27B0; /* Purple 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#4A148C; /* Purple 900 */ 15 | --linkcolor:#CE93D8; /* Purple 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/material-red.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#F44336; /* Red 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#B71C1C; /* Red 900 */ 15 | --linkcolor:#EF9A9A; /* Red 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/material-teal.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#009688; /* Teal 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#004d40; /* Teal 900 */ 15 | --linkcolor:#80cbc4; /* Teal 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: #80cbc4; 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: #80cbc4;color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | 69 | 70 | .new{background-color: #FF0; color: #000} 71 | .recent{background-color: #FFA} 72 | .ndef{font-style: italic} 73 | .italic{font-style: italic} 74 | .op{font-family: monospace; font-weight: bold} 75 | .key{font-weight: bold} 76 | .type{font-family: monospace} 77 | .str{font-family: monospace} /* string type */ 78 | .array{font-family: monospace} /* array type */ 79 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 80 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 81 | .var{font-family: monospace; font-style: italic} 82 | .mod{font-family: monospace; font-variant: small-caps} 83 | .lit{font-family: monospace; font-style: italic} 84 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 85 | .slit{font-family: monospace; font-style: italic} 86 | .const{font-family: monospace; font-style: italic} 87 | .code{font-family: monospace; background-color: #EEE; color: #000} 88 | .term{font-family: monospace; background-color: #EEE; color: #000} 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /css/medium.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 3 | font-weight: 400; 4 | font-size: 21px!important; 5 | line-height: 1.58; 6 | letter-spacing: -.003em; 7 | margin-top: 29px; 8 | width: 90vh; 9 | margin: 0 auto; 10 | padding-left: 5vw!important; 11 | } 12 | 13 | h1 { 14 | margin-top: 0; 15 | font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; 16 | font-weight: 700; 17 | font-style: normal; 18 | font-size: 36px; 19 | margin-left: -2.25px; 20 | line-height: 1.15; 21 | letter-spacing: -.02em; 22 | color: rgba(0,0,0,.8); 23 | word-wrap: break-word; 24 | } 25 | h1 { 26 | border-bottom: 0!important; 27 | } 28 | 29 | h2, h3, h4, h5, h6 { 30 | margin-top: 39px; 31 | font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; 32 | font-weight: 300; 33 | font-style: normal; 34 | margin-left: -1.75px; 35 | line-height: 1.22; 36 | letter-spacing: -.022em; 37 | color: rgba(0,0,0,.44); 38 | } 39 | h2 { 40 | font-size: 28px; 41 | } 42 | h3 { 43 | font-size: 26px; 44 | } 45 | h4 { 46 | font-size: 24px; 47 | } 48 | h5 { 49 | font-size: 22px; 50 | } 51 | h6 { 52 | font-size: 20px; 53 | } 54 | 55 | #toc { 56 | display: none; 57 | } 58 | 59 | blockquote { 60 | margin-top: 55px; 61 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 62 | font-weight: 400; 63 | font-style: italic; 64 | font-size: 28px; 65 | margin-left: -1.75px; 66 | line-height: 1.48; 67 | letter-spacing: -.014em; 68 | color: rgba(0,0,0,.6); 69 | border: none; 70 | padding: 0; 71 | padding-left: 50px; 72 | text-align: left; 73 | } 74 | blockquote:before { 75 | color: rgba(0,0,0,.6)!important; 76 | } 77 | 78 | .byline { 79 | font-style: italic; 80 | font-weight: 700; 81 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 82 | font-size: 21px; 83 | line-height: 1.58; 84 | letter-spacing: -.003em; 85 | color: rgba(0,0,0,.8); 86 | } 87 | 88 | .blurb { 89 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 90 | font-weight: 400; 91 | font-size: 21px; 92 | line-height: 1.58; 93 | letter-spacing: -.003em; 94 | } 95 | 96 | hr { 97 | margin-top: 52px; 98 | margin-bottom: 42px; 99 | border: 0; 100 | text-align: center; 101 | } 102 | hr:before { 103 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 104 | font-weight: 400; 105 | font-style: italic; 106 | font-size: 28px; 107 | letter-spacing: .6em; 108 | content: '...'; 109 | display: inline-block; 110 | margin-left: .6em; 111 | color: rgba(0,0,0,.6); 112 | position: relative; 113 | top: -30px; 114 | } 115 | a { 116 | text-decoration: none; 117 | background-image: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 50%); 118 | background-repeat: repeat-x; 119 | background-size: 2px 2px; 120 | background-position: 0 22px; 121 | color: inherit; 122 | background-color: transparent; 123 | } 124 | a:hover { 125 | outline: 0; 126 | color: inherit; 127 | } 128 | p { 129 | font-size: inherit; 130 | } 131 | 132 | .title { 133 | font-style: normal!important; 134 | font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important; 135 | font-weight: 300!important; 136 | font-size: 13px!important; 137 | line-height: 1.4!important; 138 | color: rgba(0,0,0,.6)!important; 139 | letter-spacing: 0!important; 140 | text-align: center!important; 141 | margin-top: 10px!important; 142 | } 143 | .title a { 144 | text-decoration: none; 145 | background-image: linear-gradient(to bottom,rgba(0,0,0,.44) 50%,#fff 50%); 146 | background-size: 2px 2px; 147 | background-position: 0 14px; 148 | background-repeat: repeat-x; 149 | font-size: 13px!important; 150 | } 151 | .title a:hover { 152 | outline: 0; 153 | color: inherit; 154 | } 155 | 156 | tfoot .tableblock { 157 | font-weight: bold; 158 | } 159 | 160 | /* Responsiveness fixes */ 161 | img { 162 | max-width: 100%; 163 | } 164 | video { 165 | max-width: 85vw; 166 | } 167 | 168 | @media all and (max-width: 600px) { 169 | table { 170 | width: 55vw!important; 171 | font-size: 3vw; 172 | } 173 | 174 | pre { 175 | font-size: large; 176 | } 177 | 178 | .new{background-color: #FF0; color: #000} 179 | .recent{background-color: #FFA} 180 | .ndef{font-style: italic} 181 | .italic{font-style: italic} 182 | .op{font-family: monospace; font-weight: bold} 183 | .key{font-weight: bold} 184 | .type{font-family: monospace} 185 | .str{font-family: monospace} /* string type */ 186 | .array{font-family: monospace} /* array type */ 187 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 188 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 189 | .var{font-family: monospace; font-style: italic} 190 | .mod{font-family: monospace; font-variant: small-caps} 191 | .lit{font-family: monospace; font-style: italic} 192 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 193 | .slit{font-family: monospace; font-style: italic} 194 | .const{font-family: monospace; font-style: italic} 195 | .code{font-family: monospace; background-color: #EEE; color: #000} 196 | .term{font-family: monospace; background-color: #EEE; color: #000} 197 | 198 | 199 | 200 | -------------------------------------------------------------------------------- /css/monospace.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url("https://fonts.googleapis.com/css?family=Source+Code+Pro"); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#000000; 12 | --secondarycolor:#000000; 13 | --tertiarycolor: #000000; 14 | --sidebarbackground:#CCC; 15 | --linkcolor:#000000; 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Source Code Pro",sans-serif;} 22 | 23 | /* Text styles */ 24 | h1{color:var(--primarycolor) !important; font-family: "Source Code Pro",sans-serif;} 25 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important; font-family: "Source Code Pro",sans-serif;} 26 | .title{color:var(--tertiarycolor) !important; font-family:"Source Code Pro",sans-serif !important;font-style: normal !important; font-weight: normal !important;} 27 | 28 | /* Sidebar */ 29 | #toctitle{font-family: "Source Code Pro",sans-serif;} 30 | .sectlevel1{font-family: "Source Code Pro",sans-serif!important;} 31 | .sectlevel2{font-family: "Source Code Pro",sans-serif!important;} 32 | 33 | /* Responsiveness fixes */ 34 | video { 35 | max-width: 100%; 36 | } 37 | 38 | @media all and (max-width: 600px) { 39 | table { 40 | width: 55vw!important; 41 | font-size: 3vw; 42 | } 43 | 44 | 45 | .new{background-color: #FF0; color: #000} 46 | .recent{background-color: #FFA} 47 | .ndef{font-style: italic} 48 | .italic{font-style: italic} 49 | .op{font-family: monospace; font-weight: bold} 50 | .key{font-weight: bold} 51 | .type{font-family: monospace} 52 | .str{font-family: monospace} /* string type */ 53 | .array{font-family: monospace} /* array type */ 54 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 55 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 56 | .var{font-family: monospace; font-style: italic} 57 | .mod{font-family: monospace; font-variant: small-caps} 58 | .lit{font-family: monospace; font-style: italic} 59 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 60 | .slit{font-family: monospace; font-style: italic} 61 | .const{font-family: monospace; font-style: italic} 62 | .code{font-family: monospace; background-color: #EEE; color: #000} 63 | .term{font-family: monospace; background-color: #EEE; color: #000} 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /css/notebook.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Cabin+Sketch|Architects+Daughter); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#000000; 11 | --secondarycolor:#1a237e; 12 | --tertiarycolor:#CCCCCC; 13 | --highlightcolor: #ffd600; 14 | --sidebarbackground:#CACACA; 15 | --linkcolor:#0D47A1; 16 | --linkcoloralternate:#B71C1C; 17 | --stickynote: #f9a825; 18 | --white:#FFFFFF; 19 | --black:#000000; 20 | } 21 | 22 | /* Text styles */ 23 | 24 | body{font-family: "Architects Daughter",sans-serif;background-color: #fff;background-image:linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),linear-gradient(#eee .15em, transparent .15em);background-size: 100% 1.2em;} 25 | 26 | h1{color:var(--primarycolor) !important;font-family:"Cabin Sketch",sans-serif;} 27 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Cabin Sketch",sans-serif;} 28 | .title{color:var(--black) !important;font-family:"Architects Daughter",sans-serif;font-style: normal; font-weight: normal;} 29 | /*a{text-decoration: none;}*/ 30 | p{font-family: "Architects Daughter",sans-serif ! important} 31 | #toc.toc2 a:link{color:var(--linkcolor); font-family: "Architects Daughter" !important} 32 | blockquote{color:var(--secondarycolor) !important} 33 | .quoteblock{color:var(--black)} 34 | .quoteblock blockquote:before{color:var(--black)} 35 | code{color:var(--highlightcolor);background-color: var(--black) !important} 36 | mark{background-color: var(--highlightcolor)} /* Text highlighting color */ 37 | pre{background-color: var(--stickynote) !important;color:var(--secondarycolor);font-family: monospace;} 38 | 39 | /* Table styles */ 40 | th{background-color: var(--maincolor);color:var(--black) !important;} 41 | td{background-color: var(--maincolor);color: var(--black) !important} 42 | 43 | 44 | #toc.toc2{background-color:var(--sidebarbackground);font-family: "Architects Daughter",sans-serif;} 45 | #toctitle{color:var(--white); font-family: "Cabin Sketch"} 46 | 47 | /* Responsiveness fixes */ 48 | video { 49 | max-width: 100%; 50 | } 51 | 52 | @media all and (max-width: 600px) { 53 | table { 54 | width: 55vw!important; 55 | font-size: 3vw; 56 | } 57 | 58 | 59 | .new{background-color: #FF0; color: #000} 60 | .recent{background-color: #FFA} 61 | .ndef{font-style: italic} 62 | .italic{font-style: italic} 63 | .op{font-family: monospace; font-weight: bold} 64 | .key{font-weight: bold} 65 | .type{font-family: monospace} 66 | .str{font-family: monospace} /* string type */ 67 | .array{font-family: monospace} /* array type */ 68 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 69 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 70 | .var{font-family: monospace; font-style: italic} 71 | .mod{font-family: monospace; font-variant: small-caps} 72 | .lit{font-family: monospace; font-style: italic} 73 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 74 | .slit{font-family: monospace; font-style: italic} 75 | .const{font-family: monospace; font-style: italic} 76 | .code{font-family: monospace; background-color: #EEE; color: #000} 77 | .term{font-family: monospace; background-color: #EEE; color: #000} 78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /css/plain.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#000000; 11 | --secondarycolor:#AAAAAA; 12 | --tertiarycolor:#CCCCCC; 13 | --sidebarbackground:#CACACA; 14 | --linkcolor:#0D47A1; 15 | --linkcoloralternate:#B71C1C; 16 | --white:#FFFFFF; 17 | --black:#000000; 18 | } 19 | 20 | /* Text styles */ 21 | 22 | body{font-family: "Noto Sans",sans-serif;background-color: var(--maincolor);color:var(--black);} 23 | 24 | h1{color:var(--primarycolor) !important;font-family:"Noto Sans",sans-serif;} 25 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Noto Sans",sans-serif;} 26 | .title{color:var(--black) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 27 | a{text-decoration: none;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:var(--linkcolor);} 30 | blockquote{color:var(--secondarycolor) !important} 31 | .quoteblock{color:var(--black)} 32 | .quoteblock blockquote:before{color:var(--black)} 33 | code{color:var(--white);background-color: var(--secondarycolor) !important} 34 | mark{background-color: var(--tertiarycolor)} /* Text highlighting color */ 35 | 36 | /* Table styles */ 37 | th{background-color: var(--maincolor);color:var(--black) !important;} 38 | td{background-color: var(--maincolor);color: var(--black) !important} 39 | 40 | 41 | #toc.toc2{background-color:var(--sidebarbackground);} 42 | #toctitle{color:var(--white);} 43 | 44 | /* Responsiveness fixes */ 45 | video { 46 | max-width: 100%; 47 | } 48 | 49 | @media all and (max-width: 600px) { 50 | table { 51 | width: 55vw!important; 52 | font-size: 3vw; 53 | } 54 | 55 | 56 | .new{background-color: #FF0; color: #000} 57 | .recent{background-color: #FFA} 58 | .ndef{font-style: italic} 59 | .italic{font-style: italic} 60 | .op{font-family: monospace; font-weight: bold} 61 | .key{font-weight: bold} 62 | .type{font-family: monospace} 63 | .str{font-family: monospace} /* string type */ 64 | .array{font-family: monospace} /* array type */ 65 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 66 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 67 | .var{font-family: monospace; font-style: italic} 68 | .mod{font-family: monospace; font-variant: small-caps} 69 | .lit{font-family: monospace; font-style: italic} 70 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 71 | .slit{font-family: monospace; font-style: italic} 72 | .const{font-family: monospace; font-style: italic} 73 | .code{font-family: monospace; background-color: #EEE; color: #000} 74 | .term{font-family: monospace; background-color: #EEE; color: #000} 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /css/template.css: -------------------------------------------------------------------------------- 1 | /* document body (contains all content) */ 2 | body { 3 | font-size: small; 4 | } 5 | 6 | /* document header (contains title etc) */ 7 | #header { 8 | width: 100%; 9 | } 10 | 11 | /* headings */ 12 | h1 { 13 | color: purple; 14 | } 15 | h2 { 16 | color: chartreuse; 17 | } 18 | h3 { 19 | color: coral; 20 | } 21 | h4 { 22 | color: darkcyan; 23 | } 24 | h5 { 25 | color: darkslategray; 26 | } 27 | h6 { 28 | color: olive; 29 | } 30 | 31 | /* Table of Contents sidebar */ 32 | #toc { 33 | background-color: plum!important; 34 | color: white; 35 | font-weight: bold; 36 | } 37 | /* title of the TOC */ 38 | #toctitle { 39 | color: white; 40 | } 41 | /* top-level entries in TOC */ 42 | .sectlevel1 { 43 | background-color: palegoldenrod; 44 | } 45 | /* second-level entries in TOC */ 46 | .sectlevel2 { 47 | background-color: palegreen; 48 | } 49 | 50 | /* main content window */ 51 | #content { 52 | background-color: lavender; 53 | color: navy; 54 | } 55 | 56 | /* plain paragraph text */ 57 | .paragraph { 58 | font-family: sans-serif; 59 | } 60 | p { 61 | font-family: sans-serif; 62 | } 63 | 64 | /* blockquote text */ 65 | .quoteblock { 66 | font-style: italic; 67 | } 68 | blockquote { 69 | font-style: italic; 70 | } 71 | 72 | /* the quotation mark itself (before the block) */ 73 | .quoteblock blockquote::before { 74 | color: blue; 75 | } 76 | 77 | /* blockquote attribution text */ 78 | .attribution { 79 | font-size: x-large; 80 | } 81 | 82 | /* blockquote citation (work where quote cited) */ 83 | cite { 84 | font-size: x-large; 85 | } 86 | 87 | /* ordered list */ 88 | ol { 89 | color: red; 90 | } 91 | .olist { 92 | color: red; 93 | } 94 | 95 | /* unordered list */ 96 | ul { 97 | color: blue; 98 | } 99 | .ulist { 100 | color: blue; 101 | } 102 | 103 | /* links */ 104 | a { 105 | text-decoration: none; 106 | } 107 | 108 | /* bold text */ 109 | strong { 110 | color: green; 111 | } 112 | 113 | /* italic text */ 114 | em { 115 | color: orange; 116 | } 117 | 118 | /* underlined text */ 119 | u { 120 | color: yellow; 121 | } 122 | 123 | /* deleted text */ 124 | del { 125 | text-decoration: line-through; 126 | color: red; 127 | } 128 | /* inserted text */ 129 | ins { 130 | text-decoration: overline; 131 | color: green; 132 | } 133 | 134 | /* strikethrough text */ 135 | s { 136 | text-decoration-color: red; 137 | } 138 | 139 | /* superscript text */ 140 | sup {} 141 | /* subscript text */ 142 | sub {} 143 | 144 | /* small text */ 145 | small {} 146 | 147 | /* highlighted text */ 148 | mark {} 149 | 150 | /* horizontal rules */ 151 | hr {} 152 | 153 | /* table */ 154 | table {} 155 | /* table caption */ 156 | caption {} 157 | /* table header row */ 158 | thead {} 159 | /* table header cell */ 160 | th {} 161 | /* table row */ 162 | tr {} 163 | /* table footer */ 164 | tfoot {} 165 | /* table cell */ 166 | td {} 167 | /* table body */ 168 | tbody {} 169 | 170 | /* inline code */ 171 | code { 172 | background-color: papayawhip!important; 173 | } 174 | /* pre-formatted text */ 175 | pre { 176 | background-color: burlywood!important; 177 | } 178 | .literalblock { 179 | background-color: burlywood!important; 180 | } 181 | 182 | /* image */ 183 | img { 184 | max-width: 100%; 185 | } 186 | /* image caption */ 187 | .imageblock .title { 188 | font-weight: bold!important; 189 | } 190 | 191 | /* audio */ 192 | audio {} 193 | /* video */ 194 | video {} 195 | 196 | /* footer section */ 197 | #footer { 198 | background-color: gray; 199 | color: red; 200 | } 201 | /* footer text (by default contains time of last document update) */ 202 | #footer-text { 203 | font-weight: bold; 204 | color: white; 205 | } 206 | 207 | /* Responsiveness fixes */ 208 | video { 209 | max-width: 100%; 210 | } 211 | 212 | @media all and (max-width: 600px) { 213 | table { 214 | width: 55vw!important; 215 | font-size: 3vw; 216 | } 217 | 218 | 219 | .new{background-color: #FF0; color: #000} 220 | .recent{background-color: #FFA} 221 | .ndef{font-style: italic} 222 | .italic{font-style: italic} 223 | .op{font-family: monospace; font-weight: bold} 224 | .key{font-weight: bold} 225 | .type{font-family: monospace} 226 | .str{font-family: monospace} /* string type */ 227 | .array{font-family: monospace} /* array type */ 228 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 229 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 230 | .var{font-family: monospace; font-style: italic} 231 | .mod{font-family: monospace; font-variant: small-caps} 232 | .lit{font-family: monospace; font-style: italic} 233 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 234 | .slit{font-family: monospace; font-style: italic} 235 | .const{font-family: monospace; font-style: italic} 236 | .code{font-family: monospace; background-color: #EEE; color: #000} 237 | .term{font-family: monospace; background-color: #EEE; color: #000} 238 | 239 | 240 | 241 | -------------------------------------------------------------------------------- /css/ubuntu.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Ubuntu); 4 | @import url(//asciidoctor.org/stylesheets/asciidoctor.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#E95420; 12 | --secondarycolor:#333333; 13 | --tertiarycolor: #772953; 14 | --sidebarbackground:#CCC; 15 | --linkcolor:#b71c1c; 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | /* Text styles */ 22 | body{font-family: "Ubuntu",sans-serif;} 23 | 24 | h1,h2{color:var(--primarycolor) !important;font-family:"Ubuntu",sans-serif;} 25 | h3,h4,h5,h6{color:var(--secondarycolor);font-family: "Ubuntu",sans-serif;} 26 | .title{color:(--primarycolor) !important;font-family:"Ubuntu",sans-serif;font-style: normal; font-weight: normal;} 27 | p{font-family: "Ubuntu",sans-serif ! important} 28 | #toc.toc2 a:link{color:white;} 29 | code{background-color: var(--secondarycolor) !important;color:var(--white)} 30 | 31 | 32 | /* Table styles */ 33 | th{background-color: var(--tertiarycolor);color:var(--white) !important;} 34 | 35 | #toc.toc2{background-color:#2C001E;color:white;} 36 | #toc.toc2.a{color:white;} 37 | #toctitle{color:#E95420;} 38 | 39 | /* Responsiveness fixes */ 40 | video { 41 | max-width: 100%; 42 | } 43 | 44 | @media all and (max-width: 600px) { 45 | table { 46 | width: 55vw!important; 47 | font-size: 3vw; 48 | } 49 | 50 | 51 | .new{background-color: #FF0; color: #000} 52 | .recent{background-color: #FFA} 53 | .ndef{font-style: italic} 54 | .italic{font-style: italic} 55 | .op{font-family: monospace; font-weight: bold} 56 | .key{font-weight: bold} 57 | .type{font-family: monospace} 58 | .str{font-family: monospace} /* string type */ 59 | .array{font-family: monospace} /* array type */ 60 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 61 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 62 | .var{font-family: monospace; font-style: italic} 63 | .mod{font-family: monospace; font-variant: small-caps} 64 | .lit{font-family: monospace; font-style: italic} 65 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 66 | .slit{font-family: monospace; font-style: italic} 67 | .const{font-family: monospace; font-style: italic} 68 | .code{font-family: monospace; background-color: #EEE; color: #000} 69 | .term{font-family: monospace; background-color: #EEE; color: #000} 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /cssbak/boot-cyborg.css: -------------------------------------------------------------------------------- 1 | /* Based on Cyborg from Bootswatch (https://bootswatch.com/cyborg/) */ 2 | @import url("//fonts.googleapis.com/css?family=Roboto:400,700"); 3 | 4 | /* document body (contains all content) */ 5 | body { 6 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; 7 | font-size: 14px; 8 | line-height: 1.42857143; 9 | color: #888888; 10 | background-color: #060606; 11 | margin-left: 10%; 12 | margin-right: 10%; 13 | } 14 | 15 | /* document header (contains title etc) */ 16 | #header { 17 | width: 100%; 18 | } 19 | #header>h1 { 20 | border-bottom: 1px solid #ddddd8; 21 | padding-bottom: 8px; 22 | } 23 | 24 | /* headings */ 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; 32 | font-weight: 500; 33 | line-height: 1.1; 34 | color: #ffffff; 35 | } 36 | h1, 37 | h2, 38 | h3 { 39 | margin-top: 20px; 40 | margin-bottom: 10px; 41 | } 42 | h4, 43 | h5, 44 | h6 { 45 | margin-top: 10px; 46 | margin-bottom: 10px; 47 | } 48 | h1 { 49 | font-size: 4em; 50 | /* font-size: 56px; */ 51 | } 52 | h2 { 53 | font-size: 45px; 54 | } 55 | h3 { 56 | font-size: 34px; 57 | } 58 | h4 { 59 | font-size: 24px; 60 | } 61 | h5 { 62 | font-size: 20px; 63 | } 64 | h6 { 65 | font-size: 16px; 66 | } 67 | 68 | /* plain paragraph text */ 69 | .paragraph { 70 | /* font-family: sans-serif; */ 71 | margin: 0 0 10px; 72 | } 73 | p { 74 | margin: 0 0 10px; 75 | } 76 | 77 | /* blockquote text */ 78 | .quoteblock { 79 | font-style: italic; 80 | } 81 | blockquote { 82 | padding: 10px 20px; 83 | margin: 0 0 20px; 84 | font-size: 17.5px; 85 | border-left: 5px solid #282828; 86 | } 87 | blockquote p:last-child, 88 | blockquote ul:last-child, 89 | blockquote ol:last-child { 90 | margin-bottom: 0; 91 | } 92 | .blockquote-reverse, 93 | blockquote.pull-right { 94 | padding-right: 15px; 95 | padding-left: 0; 96 | border-right: 5px solid #282828; 97 | border-left: 0; 98 | text-align: right; 99 | } 100 | .blockquote-reverse footer:before, 101 | blockquote.pull-right footer:before, 102 | .blockquote-reverse small:before, 103 | blockquote.pull-right small:before, 104 | .blockquote-reverse .small:before, 105 | blockquote.pull-right .small:before { 106 | content: ''; 107 | } 108 | .blockquote-reverse footer:after, 109 | blockquote.pull-right footer:after, 110 | .blockquote-reverse small:after, 111 | blockquote.pull-right small:after, 112 | .blockquote-reverse .small:after, 113 | blockquote.pull-right .small:after { 114 | content: '\00A0 \2014'; 115 | } 116 | 117 | /* blockquote attribution text */ 118 | .attribution, 119 | .cite, 120 | blockquote footer, 121 | blockquote small, 122 | blockquote .small { 123 | display: block; 124 | line-height: 1.42857143; 125 | color: #555555; 126 | } 127 | .attribution:before, 128 | blockquote footer:before, 129 | blockquote small:before, 130 | blockquote .small:before { 131 | content: '\2014 \00A0'; 132 | } 133 | 134 | /* unordered list */ 135 | ul, ol { 136 | margin-top: 0; 137 | margin-bottom: 10px; 138 | } 139 | ul ul, 140 | ol ul, 141 | ul ol, 142 | ol ol { 143 | margin-bottom: 0; 144 | } 145 | 146 | /* links */ 147 | a { 148 | color: #2a9fd6; 149 | text-decoration: none; 150 | } 151 | a:hover, 152 | a:focus { 153 | color: #2a9fd6; 154 | text-decoration: underline; 155 | } 156 | a:focus { 157 | outline: 5px auto -webkit-focus-ring-color; 158 | outline-offset: -2px; 159 | } 160 | 161 | /* horizontal rules */ 162 | hr { 163 | margin-top: 20px; 164 | margin-bottom: 20px; 165 | border: 0; 166 | border-top: 1px solid #282828; 167 | } 168 | 169 | /* table */ 170 | table { 171 | background-color: transparent; 172 | width: 100%; 173 | max-width: 100%; 174 | margin-bottom: 21px; 175 | border-collapse: collapse; 176 | } 177 | table col[class*="col-"] { 178 | position: static; 179 | float: none; 180 | display: table-column; 181 | } 182 | table td[class*="col-"], 183 | table th[class*="col-"] { 184 | position: static; 185 | float: none; 186 | display: table-cell; 187 | } 188 | 189 | /* table caption */ 190 | caption { 191 | padding-top: 8px; 192 | padding-bottom: 8px; 193 | color: #888888; 194 | text-align: left; 195 | } 196 | 197 | /* table header row */ 198 | thead { 199 | border-bottom: 2px solid #282828; 200 | } 201 | 202 | /* table header cell */ 203 | th { 204 | text-align: left; 205 | padding-left: 8px; 206 | } 207 | 208 | /* table footer */ 209 | tfoot { 210 | color: #807F81; 211 | border-top: 1px solid #282828; 212 | } 213 | 214 | /* table cell */ 215 | td { 216 | border-top: 1px solid #282828; 217 | } 218 | td p { 219 | margin: auto; 220 | padding: 8px; 221 | } 222 | 223 | /* table body */ 224 | tbody > tr:nth-of-type(odd) { 225 | background-color: #080808; 226 | } 227 | tbody > tr:hover { 228 | background-color: #282828; 229 | } 230 | 231 | /* inline code */ 232 | code, 233 | kbd, 234 | pre, 235 | samp { 236 | font-family: monospace, monospace; 237 | font-size: 1em; 238 | } 239 | code { 240 | padding: 2px 4px; 241 | font-size: 90%; 242 | color: #282828; 243 | background-color: #f5f5f5; 244 | border-radius: 4px; 245 | } 246 | kbd { 247 | padding: 2px 4px; 248 | font-size: 90%; 249 | color: #ffffff; 250 | background-color: #333333; 251 | border-radius: 3px; 252 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 253 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 254 | } 255 | kbd kbd { 256 | padding: 0; 257 | font-size: 100%; 258 | font-weight: bold; 259 | -webkit-box-shadow: none; 260 | box-shadow: none; 261 | } 262 | pre { 263 | display: block; 264 | padding: 9.5px; 265 | margin: 0 0 10px; 266 | font-size: 13px; 267 | line-height: 1.42857143; 268 | word-break: break-all; 269 | word-wrap: break-word; 270 | color: #282828; 271 | background-color: #f5f5f5; 272 | border: 1px solid #cccccc; 273 | border-radius: 4px; 274 | } 275 | pre code { 276 | padding: 0; 277 | font-size: inherit; 278 | color: inherit; 279 | white-space: pre-wrap; 280 | background-color: transparent; 281 | border-radius: 0; 282 | } 283 | 284 | /* image */ 285 | img { 286 | max-width: 100%; 287 | vertical-align: middle; 288 | } 289 | 290 | /* footer section */ 291 | #footer { 292 | margin-top: 22px; 293 | padding: 14px 16px; 294 | background-color: #060606; 295 | border-color: #282828; 296 | } 297 | 298 | /* responsiveness fixes */ 299 | video { 300 | max-width: 100%; 301 | } 302 | 303 | /* table of Contents sidebar */ 304 | #toctitle { 305 | color: #060606; 306 | } 307 | 308 | #toc ul { 309 | display: inline; 310 | list-style-type: none; 311 | margin: 0; 312 | padding: 0; 313 | overflow: hidden; 314 | } 315 | 316 | #toc li { 317 | display: block; 318 | } 319 | 320 | #toc a { 321 | background-color: #060606; 322 | float: left; 323 | color: #888888; 324 | text-align: center; 325 | padding: 14px 16px; 326 | text-decoration: none; 327 | } 328 | 329 | #toc li a:hover { 330 | color: #ffffff; 331 | text-decoration: none; 332 | } 333 | 334 | #toc:after { 335 | content: " "; 336 | visibility: hidden; 337 | display: block; 338 | height: 0; 339 | clear: both; 340 | } 341 | 342 | @media all and (max-width: 600px) { 343 | table { 344 | width: 55vw!important; 345 | font-size: 3vw; 346 | } 347 | -------------------------------------------------------------------------------- /cssbak/boot-journal.css: -------------------------------------------------------------------------------- 1 | /* Based on Journal from Bootswatch (https://bootswatch.com/flatly/) */ 2 | @import url("//fonts.googleapis.com/css?family=News+Cycle:400,700"); 3 | 4 | /* document body (contains all content) */ 5 | body { 6 | font-family: Georgia, "Times New Roman", Times, serif; 7 | font-size: 15px; 8 | line-height: 1.42857143; 9 | color: #777777; 10 | background-color: #ffffff; 11 | margin-left: 10%; 12 | margin-right: 10%; 13 | } 14 | 15 | /* document header (contains title etc) */ 16 | #header { 17 | width: 100%; 18 | } 19 | #header>h1 { 20 | border-bottom: 1px solid #ddddd8; 21 | padding-bottom: 8px; 22 | } 23 | 24 | /* headings */ 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-family: "News Cycle", "Arial Narrow Bold", sans-serif; 32 | font-weight: 700; 33 | line-height: 1.1; 34 | color: #000000; 35 | } 36 | h1, 37 | h2, 38 | h3 { 39 | margin-top: 21px; 40 | margin-bottom: 10.5px; 41 | } 42 | h4, 43 | h5, 44 | h6 { 45 | margin-top: 10.5px; 46 | margin-bottom: 10.5px; 47 | } 48 | h1 { 49 | font-size: 4em; 50 | /* font-size: 39px; */ 51 | } 52 | h2 { 53 | font-size: 32px; 54 | } 55 | h3 { 56 | font-size: 26px; 57 | } 58 | h4 { 59 | font-size: 19px; 60 | } 61 | h5 { 62 | font-size: 15px; 63 | } 64 | h6 { 65 | font-size: 13px; 66 | } 67 | 68 | /* plain paragraph text */ 69 | .paragraph { 70 | /* font-family: sans-serif; */ 71 | margin: 0 0 10.5px; 72 | } 73 | p { 74 | /* font-family: sans-serif; */ 75 | margin: 0 0 10.5px; 76 | } 77 | 78 | /* blockquote text */ 79 | .quoteblock { 80 | font-style: italic; 81 | } 82 | blockquote { 83 | padding: 10.5px 21px; 84 | margin: 0 0 21px; 85 | font-size: 18.75px; 86 | border-left: 5px solid #eeeeee; 87 | } 88 | blockquote p:last-child, 89 | blockquote ul:last-child, 90 | blockquote ol:last-child { 91 | margin-bottom: 0; 92 | } 93 | .blockquote-reverse, 94 | blockquote.pull-right { 95 | padding-right: 15px; 96 | padding-left: 0; 97 | border-right: 5px solid #eeeeee; 98 | border-left: 0; 99 | text-align: right; 100 | } 101 | .blockquote-reverse footer:before, 102 | blockquote.pull-right footer:before, 103 | .blockquote-reverse small:before, 104 | blockquote.pull-right small:before, 105 | .blockquote-reverse .small:before, 106 | blockquote.pull-right .small:before { 107 | content: ''; 108 | } 109 | .blockquote-reverse footer:after, 110 | blockquote.pull-right footer:after, 111 | .blockquote-reverse small:after, 112 | blockquote.pull-right small:after, 113 | .blockquote-reverse .small:after, 114 | blockquote.pull-right .small:after { 115 | content: '\00A0 \2014'; 116 | } 117 | 118 | /* blockquote attribution text */ 119 | .attribution, 120 | .cite, 121 | blockquote footer, 122 | blockquote small, 123 | blockquote .small { 124 | display: block; 125 | font-size: 80%; 126 | line-height: 1.42857143; 127 | color: #999999; 128 | } 129 | .attribution:before, 130 | blockquote footer:before, 131 | blockquote small:before, 132 | blockquote .small:before { 133 | content: '\2014 \00A0'; 134 | } 135 | 136 | /* unordered list */ 137 | ul, ol { 138 | margin-top: 0; 139 | margin-bottom: 10.5px; 140 | } 141 | ul ul, 142 | ol ul, 143 | ul ol, 144 | ol ol { 145 | margin-bottom: 0; 146 | } 147 | 148 | 149 | /* links */ 150 | a { 151 | color: #18bc9c; 152 | background-color: transparent; 153 | text-decoration: none; 154 | } 155 | a:hover, 156 | a:focus { 157 | color: #e22620; 158 | text-decoration: underline; 159 | } 160 | a:focus { 161 | outline: 5px auto -webkit-focus-ring-color; 162 | outline-offset: -2px; 163 | } 164 | 165 | /* horizontal rules */ 166 | hr { 167 | margin-top: 21px; 168 | margin-bottom: 21px; 169 | border: 0; 170 | border-top: 1px solid #eeeeee; 171 | } 172 | 173 | /* table */ 174 | table { 175 | background-color: transparent; 176 | width: 100%; 177 | max-width: 100%; 178 | margin-bottom: 21px; 179 | border-collapse: collapse; 180 | } 181 | table col[class*="col-"] { 182 | position: static; 183 | float: none; 184 | display: table-column; 185 | } 186 | table td[class*="col-"], 187 | table th[class*="col-"] { 188 | position: static; 189 | float: none; 190 | display: table-cell; 191 | } 192 | 193 | /* table caption */ 194 | caption { 195 | padding-top: 8px; 196 | padding-bottom: 8px; 197 | color: #999999; 198 | text-align: left; 199 | } 200 | 201 | /* table header row */ 202 | thead { 203 | border-bottom: 2px solid #dddddd; 204 | } 205 | 206 | /* table header cell */ 207 | th { 208 | text-align: left; 209 | padding-left: 8px; 210 | } 211 | 212 | /* table footer */ 213 | tfoot { 214 | color: #807F81; 215 | border-top: 1px solid #dddddd; 216 | } 217 | 218 | /* table cell */ 219 | td { 220 | border-top: 1px solid #dddddd; 221 | } 222 | td p { 223 | margin: auto; 224 | padding: 8px; 225 | } 226 | 227 | /* table body */ 228 | tbody > tr:nth-of-type(odd) { 229 | background-color: #f9f9f9; 230 | } 231 | tbody > tr:hover { 232 | background-color: #f5f5f5; 233 | } 234 | 235 | /* inline code */ 236 | code, 237 | kbd, 238 | pre, 239 | samp { 240 | font-family: monospace, monospace; 241 | font-size: 1em; 242 | } 243 | code { 244 | padding: 2px 4px; 245 | font-size: 90%; 246 | color: #333333; 247 | background-color: #f5f5f5; 248 | border-radius: 4px; 249 | } 250 | kbd { 251 | padding: 2px 4px; 252 | font-size: 90%; 253 | color: #ffffff; 254 | background-color: #333333; 255 | border-radius: 3px; 256 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 257 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 258 | } 259 | kbd kbd { 260 | padding: 0; 261 | font-size: 100%; 262 | font-weight: bold; 263 | -webkit-box-shadow: none; 264 | box-shadow: none; 265 | } 266 | pre { 267 | display: block; 268 | padding: 10.5px; 269 | margin: 0 0 10.5px; 270 | font-size: 15px; 271 | line-height: 1.42857143; 272 | word-break: break-all; 273 | word-wrap: break-word; 274 | color: #333333; 275 | background-color: #f5f5f5; 276 | border: 1px solid #cccccc; 277 | border-radius: 4px; 278 | } 279 | pre code { 280 | padding: 0; 281 | font-size: inherit; 282 | color: inherit; 283 | white-space: pre-wrap; 284 | background-color: transparent; 285 | border-radius: 0; 286 | } 287 | 288 | /* image */ 289 | img { 290 | max-width: 100%; 291 | vertical-align: middle; 292 | } 293 | 294 | /* footer section */ 295 | #footer { 296 | margin-top: 22px; 297 | padding: 14px 16px; 298 | color: #777777; 299 | background-color: #ffffff; 300 | } 301 | 302 | /* responsiveness fixes */ 303 | video { 304 | max-width: 100%; 305 | } 306 | 307 | /* table of Contents sidebar */ 308 | #toctitle { 309 | color: #ffffff; 310 | } 311 | 312 | #toc ul { 313 | display: inline; 314 | list-style-type: none; 315 | margin: 0; 316 | padding: 0; 317 | overflow: hidden; 318 | } 319 | 320 | #toc li { 321 | display: block; 322 | } 323 | 324 | #toc a { 325 | background-color: #ffffff; 326 | float: left; 327 | color: #777777; 328 | text-align: center; 329 | padding: 14px 16px; 330 | text-decoration: none; 331 | } 332 | 333 | #toc li a:hover { 334 | background-color: #eeeeee; 335 | text-decoration: none; 336 | } 337 | 338 | #toc:after { 339 | content: " "; 340 | visibility: hidden; 341 | display: block; 342 | height: 0; 343 | clear: both; 344 | } 345 | 346 | @media all and (max-width: 600px) { 347 | table { 348 | width: 55vw!important; 349 | font-size: 3vw; 350 | } 351 | -------------------------------------------------------------------------------- /cssbak/boot-lumen.css: -------------------------------------------------------------------------------- 1 | /* Based on Lumen from Bootswatch (https://bootswatch.com/lumen/) */ 2 | @import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic"); 3 | 4 | /* document body (contains all content) */ 5 | body { 6 | font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; 7 | font-size: 14px; 8 | line-height: 1.42857143; 9 | color: #555555; 10 | background-color: #ffffff; 11 | margin-left: 10%; 12 | margin-right: 10%; 13 | } 14 | 15 | /* document header (contains title etc) */ 16 | #header { 17 | width: 100%; 18 | } 19 | #header>h1 { 20 | border-bottom: 1px solid #ddddd8; 21 | padding-bottom: 8px; 22 | } 23 | 24 | /* headings */ 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-family: inherit; 32 | font-weight: 400; 33 | line-height: 1.1; 34 | color: #333333; 35 | } 36 | h1, 37 | h2, 38 | h3 { 39 | margin-top: 20px; 40 | margin-bottom: 10px; 41 | } 42 | h4, 43 | h5, 44 | h6 { 45 | margin-top: 10px; 46 | margin-bottom: 10px; 47 | } 48 | h1 { 49 | font-size: 3em; 50 | /* font-size: 36px; */ 51 | } 52 | h2 { 53 | font-size: 30px; 54 | } 55 | h3 { 56 | font-size: 24px; 57 | } 58 | h4 { 59 | font-size: 18px; 60 | } 61 | h5 { 62 | font-size: 14px; 63 | } 64 | h6 { 65 | font-size: 12px; 66 | } 67 | 68 | /* plain paragraph text */ 69 | .paragraph { 70 | /* font-family: sans-serif; */ 71 | margin: 0 0 10px; 72 | } 73 | p { 74 | /* font-family: sans-serif; */ 75 | margin: 0 0 10px; 76 | } 77 | 78 | /* blockquote text */ 79 | .quoteblock { 80 | font-style: italic; 81 | } 82 | blockquote { 83 | padding: 10px 20px; 84 | margin: 0 0 20px; 85 | font-size: 17.5px; 86 | border-left: 5px solid #eeeeee; 87 | } 88 | blockquote p:last-child, 89 | blockquote ul:last-child, 90 | blockquote ol:last-child { 91 | margin-bottom: 0; 92 | } 93 | .blockquote-reverse, 94 | blockquote.pull-right { 95 | padding-right: 15px; 96 | padding-left: 0; 97 | border-right: 5px solid #eeeeee; 98 | border-left: 0; 99 | text-align: right; 100 | } 101 | .blockquote-reverse footer:before, 102 | blockquote.pull-right footer:before, 103 | .blockquote-reverse small:before, 104 | blockquote.pull-right small:before, 105 | .blockquote-reverse .small:before, 106 | blockquote.pull-right .small:before { 107 | content: ''; 108 | } 109 | .blockquote-reverse footer:after, 110 | blockquote.pull-right footer:after, 111 | .blockquote-reverse small:after, 112 | blockquote.pull-right small:after, 113 | .blockquote-reverse .small:after, 114 | blockquote.pull-right .small:after { 115 | content: '\00A0 \2014'; 116 | } 117 | 118 | /* blockquote attribution text */ 119 | .attribution, 120 | .cite, 121 | blockquote footer, 122 | blockquote small, 123 | blockquote .small { 124 | display: block; 125 | font-size: 80%; 126 | line-height: 1.42857143; 127 | color: #999999; 128 | } 129 | .attribution:before, 130 | blockquote footer:before, 131 | blockquote small:before, 132 | blockquote .small:before { 133 | content: '\2014 \00A0'; 134 | } 135 | 136 | /* unordered list */ 137 | ul, ol { 138 | margin-top: 0; 139 | margin-bottom: 10px; 140 | } 141 | ul ul, 142 | ol ul, 143 | ul ol, 144 | ol ol { 145 | margin-bottom: 0; 146 | } 147 | 148 | 149 | /* links */ 150 | a { 151 | color: #158cba; 152 | background-color: transparent; 153 | text-decoration: none; 154 | } 155 | a:hover, 156 | a:focus { 157 | color: #158cba; 158 | text-decoration: underline; 159 | } 160 | a:focus { 161 | outline: 5px auto -webkit-focus-ring-color; 162 | outline-offset: -2px; 163 | } 164 | 165 | /* horizontal rules */ 166 | hr { 167 | margin-top: 20px; 168 | margin-bottom: 20px; 169 | border: 0; 170 | border-top: 1px solid #eeeeee; 171 | } 172 | 173 | /* table */ 174 | table { 175 | background-color: transparent; 176 | width: 100%; 177 | max-width: 100%; 178 | margin-bottom: 20px; 179 | border-collapse: collapse; 180 | } 181 | table col[class*="col-"] { 182 | position: static; 183 | float: none; 184 | display: table-column; 185 | } 186 | table td[class*="col-"], 187 | table th[class*="col-"] { 188 | position: static; 189 | float: none; 190 | display: table-cell; 191 | } 192 | 193 | /* table caption */ 194 | caption { 195 | padding-top: 8px; 196 | padding-bottom: 8px; 197 | color: #999999; 198 | text-align: left; 199 | } 200 | 201 | /* table header row */ 202 | thead { 203 | border-bottom: 2px solid #eeeeee; 204 | } 205 | 206 | /* table header cell */ 207 | th { 208 | text-align: left; 209 | padding-left: 8px; 210 | } 211 | 212 | /* table footer */ 213 | tfoot { 214 | color: #807F81; 215 | border-top: 1px solid #eeeeee; 216 | } 217 | 218 | /* table cell */ 219 | td { 220 | border-top: 1px solid #dddddd; 221 | } 222 | td p { 223 | margin: auto; 224 | padding: 8px; 225 | } 226 | 227 | /* table body */ 228 | tbody > tr:nth-of-type(odd) { 229 | background-color: #f9f9f9; 230 | } 231 | tbody > tr:hover { 232 | background-color: #f5f5f5; 233 | } 234 | 235 | /* inline code */ 236 | code, 237 | kbd, 238 | pre, 239 | samp { 240 | font-family: monospace, monospace; 241 | font-size: 1em; 242 | } 243 | code { 244 | padding: 2px 4px; 245 | font-size: 90%; 246 | color: #333333; 247 | background-color: #f5f5f5; 248 | border-radius: 4px; 249 | } 250 | kbd { 251 | padding: 2px 4px; 252 | font-size: 90%; 253 | color: #ffffff; 254 | background-color: #333333; 255 | border-radius: 2px; 256 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 257 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 258 | } 259 | kbd kbd { 260 | padding: 0; 261 | font-size: 100%; 262 | font-weight: bold; 263 | -webkit-box-shadow: none; 264 | box-shadow: none; 265 | } 266 | pre { 267 | display: block; 268 | padding: 9.5px; 269 | margin: 0 0 10px; 270 | font-size: 13px; 271 | line-height: 1.42857143; 272 | word-break: break-all; 273 | word-wrap: break-word; 274 | color: #333333; 275 | background-color: #f5f5f5; 276 | border: 1px solid #cccccc; 277 | border-radius: 4px; 278 | } 279 | pre code { 280 | padding: 0; 281 | font-size: inherit; 282 | color: inherit; 283 | white-space: pre-wrap; 284 | background-color: transparent; 285 | border-radius: 0; 286 | } 287 | 288 | /* image */ 289 | img { 290 | max-width: 100%; 291 | vertical-align: middle; 292 | } 293 | 294 | /* footer section */ 295 | #footer { 296 | margin-top: 22px; 297 | padding: 14px 16px; 298 | color: #555555; 299 | background-color: #f8f8f8; 300 | } 301 | 302 | /* responsiveness fixes */ 303 | video { 304 | max-width: 100%; 305 | } 306 | 307 | /* table of Contents sidebar */ 308 | #toctitle { 309 | color: #ffffff; 310 | } 311 | 312 | #toc ul { 313 | display: inline; 314 | list-style-type: none; 315 | margin: 0; 316 | padding: 0; 317 | overflow: hidden; 318 | } 319 | 320 | #toc li { 321 | display: block; 322 | } 323 | 324 | #toc a { 325 | background-color: #f8f8f8; 326 | float: left; 327 | color: #555555; 328 | text-align: center; 329 | padding: 14px 16px; 330 | text-decoration: none; 331 | } 332 | 333 | #toc li a:hover { 334 | background-color: #eeeeee; 335 | text-decoration: none; 336 | } 337 | 338 | #toc:after { 339 | content: " "; 340 | visibility: hidden; 341 | display: block; 342 | height: 0; 343 | clear: both; 344 | } 345 | 346 | @media all and (max-width: 600px) { 347 | table { 348 | width: 55vw!important; 349 | font-size: 3vw; 350 | } 351 | -------------------------------------------------------------------------------- /cssbak/boot-paper.css: -------------------------------------------------------------------------------- 1 | /* Based on Paper from Bootswatch (https://bootswatch.com/paper/) */ 2 | @import url("//fonts.googleapis.com/css?family=Roboto:300,400,500,700"); 3 | 4 | /* document body (contains all content) */ 5 | body { 6 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; 7 | font-size: 13px; 8 | line-height: 1.846; 9 | color: #666666; 10 | background-color: #ffffff; 11 | margin-left: 10%; 12 | margin-right: 10%; 13 | } 14 | 15 | /* document header (contains title etc) */ 16 | #header { 17 | width: 100%; 18 | } 19 | #header>h1 { 20 | border-bottom: 1px solid #ddddd8; 21 | padding-bottom: 8px; 22 | } 23 | 24 | /* headings */ 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-family: inherit; 32 | font-weight: 400; 33 | line-height: 1.1; 34 | color: #444444; 35 | } 36 | h1, 37 | h2, 38 | h3 { 39 | margin-top: 23px; 40 | margin-bottom: 11.5px; 41 | } 42 | h4, 43 | h5, 44 | h6 { 45 | margin-top: 11.5px; 46 | margin-bottom: 11.5px; 47 | } 48 | h1 { 49 | /* font-size: 4em; */ 50 | font-size: 56px; 51 | } 52 | h2 { 53 | font-size: 45px; 54 | } 55 | h3 { 56 | font-size: 34px; 57 | } 58 | h4 { 59 | font-size: 24px; 60 | } 61 | h5 { 62 | font-size: 20px; 63 | } 64 | h6 { 65 | font-size: 14px; 66 | } 67 | 68 | /* plain paragraph text */ 69 | .paragraph { 70 | /* font-family: sans-serif; */ 71 | margin: 0 0 11.5px; 72 | } 73 | p { 74 | /* font-family: sans-serif; */ 75 | margin: 0 0 11.5px; 76 | } 77 | 78 | /* blockquote text */ 79 | .quoteblock { 80 | font-style: italic; 81 | } 82 | blockquote { 83 | padding: 11.5px 23px; 84 | margin: 0 0 23px; 85 | font-size: 16.25px; 86 | border-left: 5px solid #eeeeee; 87 | } 88 | blockquote p:last-child, 89 | blockquote ul:last-child, 90 | blockquote ol:last-child { 91 | margin-bottom: 0; 92 | } 93 | .blockquote-reverse, 94 | blockquote.pull-right { 95 | padding-right: 15px; 96 | padding-left: 0; 97 | border-right: 5px solid #eeeeee; 98 | border-left: 0; 99 | text-align: right; 100 | } 101 | .blockquote-reverse footer:before, 102 | blockquote.pull-right footer:before, 103 | .blockquote-reverse small:before, 104 | blockquote.pull-right small:before, 105 | .blockquote-reverse .small:before, 106 | blockquote.pull-right .small:before { 107 | content: ''; 108 | } 109 | .blockquote-reverse footer:after, 110 | blockquote.pull-right footer:after, 111 | .blockquote-reverse small:after, 112 | blockquote.pull-right small:after, 113 | .blockquote-reverse .small:after, 114 | blockquote.pull-right .small:after { 115 | content: '\00A0 \2014'; 116 | } 117 | 118 | /* blockquote attribution text */ 119 | .attribution, 120 | .cite, 121 | blockquote footer, 122 | blockquote small, 123 | blockquote .small { 124 | display: block; 125 | /* font-size: 80%; */ 126 | line-height: 1.846; 127 | color: #bbbbbb; 128 | } 129 | .attribution:before, 130 | blockquote footer:before, 131 | blockquote small:before, 132 | blockquote .small:before { 133 | content: '\2014 \00A0'; 134 | } 135 | 136 | /* unordered list */ 137 | ul, ol { 138 | margin-top: 0; 139 | margin-bottom: 11.5px; 140 | } 141 | ul ul, 142 | ol ul, 143 | ul ol, 144 | ol ol { 145 | margin-bottom: 0; 146 | } 147 | 148 | 149 | /* links */ 150 | a { 151 | color: #2196f3; 152 | text-decoration: none; 153 | } 154 | a:hover, 155 | a:focus { 156 | color: #0a6ebd; 157 | text-decoration: underline; 158 | } 159 | a:focus { 160 | outline: 5px auto -webkit-focus-ring-color; 161 | outline-offset: -2px; 162 | } 163 | 164 | /* horizontal rules */ 165 | hr { 166 | margin-top: 23px; 167 | margin-bottom: 23px; 168 | border: 0; 169 | border-top: 1px solid #eeeeee; 170 | } 171 | 172 | /* table */ 173 | table { 174 | background-color: transparent; 175 | width: 100%; 176 | max-width: 100%; 177 | margin-bottom: 20px; 178 | border-collapse: collapse; 179 | } 180 | table col[class*="col-"] { 181 | position: static; 182 | float: none; 183 | display: table-column; 184 | } 185 | table td[class*="col-"], 186 | table th[class*="col-"] { 187 | position: static; 188 | float: none; 189 | display: table-cell; 190 | } 191 | 192 | /* table caption */ 193 | caption { 194 | padding-top: 8px; 195 | padding-bottom: 8px; 196 | color: #bbbbbb; 197 | text-align: left; 198 | } 199 | 200 | /* table header row */ 201 | thead { 202 | border-bottom: 2px solid #dddddd; 203 | } 204 | 205 | /* table header cell */ 206 | th { 207 | text-align: left; 208 | padding-left: 8px; 209 | } 210 | 211 | /* table footer */ 212 | tfoot { 213 | color: #807F81; 214 | border-top: 1px solid #dddddd; 215 | } 216 | 217 | /* table cell */ 218 | td { 219 | border-top: 1px solid #dddddd; 220 | } 221 | td p { 222 | margin: auto; 223 | padding: 8px; 224 | } 225 | 226 | /* table body */ 227 | tbody > tr:nth-of-type(odd) { 228 | background-color: #f9f9f9; 229 | } 230 | tbody > tr:hover { 231 | background-color: #f5f5f5; 232 | } 233 | 234 | /* inline code */ 235 | code, 236 | kbd, 237 | pre, 238 | samp { 239 | font-family: monospace, monospace; 240 | font-size: 1em; 241 | } 242 | code { 243 | padding: 2px 4px; 244 | font-size: 90%; 245 | color: #212121; 246 | background-color: #f5f5f5; 247 | border-radius: 3px; 248 | } 249 | kbd { 250 | padding: 2px 4px; 251 | font-size: 90%; 252 | color: #ffffff; 253 | background-color: #333333; 254 | border-radius: 3px; 255 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 256 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 257 | } 258 | kbd kbd { 259 | padding: 0; 260 | font-size: 100%; 261 | font-weight: bold; 262 | -webkit-box-shadow: none; 263 | box-shadow: none; 264 | } 265 | pre { 266 | display: block; 267 | padding: 11px; 268 | margin: 0 0 11.5px; 269 | font-size: 12px; 270 | line-height: 1.846; 271 | word-break: break-all; 272 | word-wrap: break-word; 273 | color: #212121; 274 | background-color: #f5f5f5; 275 | border: 1px solid #cccccc; 276 | border-radius: 3px; 277 | } 278 | pre code { 279 | padding: 0; 280 | font-size: inherit; 281 | color: inherit; 282 | white-space: pre-wrap; 283 | background-color: transparent; 284 | border-radius: 0; 285 | } 286 | 287 | /* image */ 288 | img { 289 | max-width: 100%; 290 | vertical-align: middle; 291 | } 292 | 293 | /* footer section */ 294 | #footer { 295 | margin-top: 22px; 296 | padding: 14px 16px; 297 | color: #666666; 298 | background-color: #ffffff; 299 | } 300 | 301 | /* responsiveness fixes */ 302 | video { 303 | max-width: 100%; 304 | } 305 | 306 | /* table of Contents sidebar */ 307 | #toctitle { 308 | color: #ffffff; 309 | } 310 | 311 | #toc ul { 312 | display: inline; 313 | list-style-type: none; 314 | margin: 0; 315 | padding: 0; 316 | overflow: hidden; 317 | } 318 | 319 | #toc li { 320 | display: block; 321 | } 322 | 323 | #toc a { 324 | background-color: #ffffff; 325 | float: left; 326 | color: #666666; 327 | text-align: center; 328 | padding: 14px 16px; 329 | text-decoration: none; 330 | } 331 | 332 | #toc li a:hover { 333 | color: #212121; 334 | background-color: #ffffff; 335 | text-decoration: none; 336 | } 337 | 338 | #toc:after { 339 | content: " "; 340 | visibility: hidden; 341 | display: block; 342 | height: 0; 343 | clear: both; 344 | } 345 | 346 | @media all and (max-width: 600px) { 347 | table { 348 | width: 55vw!important; 349 | font-size: 3vw; 350 | } 351 | -------------------------------------------------------------------------------- /cssbak/boot-readable.css: -------------------------------------------------------------------------------- 1 | /* Based on Readable from Bootswatch (https://bootswatch.com/readable/) */ 2 | @import url("//fonts.googleapis.com/css?family=Raleway:400,700"); 3 | 4 | /* document body (contains all content) */ 5 | body { 6 | font-family: Georgia, "Times New Roman", Times, serif; 7 | font-size: 16px; 8 | line-height: 1.42857143; 9 | color: #333333; 10 | background-color: #ffffff; 11 | margin-left: 10%; 12 | margin-right: 10%; 13 | } 14 | 15 | /* document header (contains title etc) */ 16 | #header { 17 | width: 100%; 18 | } 19 | #header>h1 { 20 | border-bottom: 1px solid #ddddd8; 21 | padding-bottom: 8px; 22 | } 23 | 24 | /* headings */ 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; 32 | font-weight: bold; 33 | line-height: 1.1; 34 | color: inherit; 35 | } 36 | h1, 37 | h2, 38 | h3 { 39 | margin-top: 22px; 40 | margin-bottom: 11px; 41 | } 42 | h4, 43 | h5, 44 | h6 { 45 | margin-top: 11px; 46 | margin-bottom: 11px; 47 | } 48 | h1 { 49 | font-size: 4em; 50 | /* font-size: 41px; */ 51 | } 52 | h2 { 53 | font-size: 34px; 54 | } 55 | h3 { 56 | font-size: 28px; 57 | } 58 | h4 { 59 | font-size: 20px; 60 | } 61 | h5 { 62 | font-size: 16px; 63 | } 64 | h6 { 65 | font-size: 14px; 66 | } 67 | 68 | /* plain paragraph text */ 69 | .paragraph { 70 | /* font-family: sans-serif; */ 71 | margin: 0 0 11px; 72 | } 73 | p { 74 | /* font-family: sans-serif; */ 75 | margin: 0 0 11px; 76 | } 77 | 78 | /* blockquote text */ 79 | .quoteblock { 80 | font-style: italic; 81 | } 82 | blockquote { 83 | padding: 11px 22px; 84 | margin: 0 0 22px; 85 | font-size: 20px; 86 | border-left: 5px solid #4582ec; 87 | } 88 | blockquote p:last-child, 89 | blockquote ul:last-child, 90 | blockquote ol:last-child { 91 | margin-bottom: 0; 92 | } 93 | .blockquote-reverse, 94 | blockquote.pull-right { 95 | padding-right: 15px; 96 | padding-left: 0; 97 | border-right: 5px solid #4582ec; 98 | border-left: 0; 99 | text-align: right; 100 | } 101 | .blockquote-reverse footer:before, 102 | blockquote.pull-right footer:before, 103 | .blockquote-reverse small:before, 104 | blockquote.pull-right small:before, 105 | .blockquote-reverse .small:before, 106 | blockquote.pull-right .small:before { 107 | content: ''; 108 | } 109 | .blockquote-reverse footer:after, 110 | blockquote.pull-right footer:after, 111 | .blockquote-reverse small:after, 112 | blockquote.pull-right small:after, 113 | .blockquote-reverse .small:after, 114 | blockquote.pull-right .small:after { 115 | content: '\00A0 \2014'; 116 | } 117 | 118 | /* blockquote attribution text */ 119 | .attribution, 120 | .cite, 121 | blockquote footer, 122 | blockquote small, 123 | blockquote .small { 124 | display: block; 125 | font-size: 80%; 126 | line-height: 1.42857143; 127 | color: #333333; 128 | } 129 | .attribution:before, 130 | blockquote footer:before, 131 | blockquote small:before, 132 | blockquote .small:before { 133 | content: '\2014 \00A0'; 134 | } 135 | 136 | /* unordered list */ 137 | ul, ol { 138 | margin-top: 0; 139 | margin-bottom: 11px; 140 | } 141 | ul ul, 142 | ol ul, 143 | ul ol, 144 | ol ol { 145 | margin-bottom: 0; 146 | } 147 | 148 | 149 | /* links */ 150 | a { 151 | color: #4582ec; 152 | background-color: transparent; 153 | text-decoration: none; 154 | } 155 | a:hover, 156 | a:focus { 157 | color: #134fb8; 158 | text-decoration: underline; 159 | } 160 | a:focus { 161 | outline: 5px auto -webkit-focus-ring-color; 162 | outline-offset: -2px; 163 | } 164 | 165 | /* horizontal rules */ 166 | hr { 167 | margin-top: 22px; 168 | margin-bottom: 22px; 169 | border: 0; 170 | border-top: 1px solid #eeeeee; 171 | } 172 | 173 | /* table */ 174 | table { 175 | background-color: transparent; 176 | width: 100%; 177 | max-width: 100%; 178 | margin-bottom: 22px; 179 | border-collapse: collapse; 180 | } 181 | table col[class*="col-"] { 182 | position: static; 183 | float: none; 184 | display: table-column; 185 | } 186 | table td[class*="col-"], 187 | table th[class*="col-"] { 188 | position: static; 189 | float: none; 190 | display: table-cell; 191 | } 192 | 193 | /* table caption */ 194 | caption { 195 | padding-top: 8px; 196 | padding-bottom: 8px; 197 | color: #b3b3b3; 198 | text-align: left; 199 | } 200 | 201 | /* table header row */ 202 | thead { 203 | border-bottom: 2px solid #dddddd; 204 | } 205 | 206 | /* table header cell */ 207 | th { 208 | text-align: left; 209 | padding-left: 8px; 210 | } 211 | 212 | /* table footer */ 213 | tfoot { 214 | color: #807F81; 215 | border-top: 1px solid #dddddd; 216 | } 217 | 218 | /* table cell */ 219 | td { 220 | border-top: 1px solid #dddddd; 221 | } 222 | td p { 223 | margin: auto; 224 | padding: 8px; 225 | } 226 | 227 | /* table body */ 228 | tbody > tr:nth-of-type(odd) { 229 | background-color: #f9f9f9; 230 | } 231 | tbody > tr:hover { 232 | background-color: #f5f5f5; 233 | } 234 | 235 | /* inline code */ 236 | code, 237 | kbd, 238 | pre, 239 | samp { 240 | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; 241 | } 242 | code { 243 | padding: 2px 4px; 244 | font-size: 90%; 245 | color: #c7254e; 246 | background-color: #f9f2f4; 247 | border-radius: 4px; 248 | } 249 | kbd { 250 | padding: 2px 4px; 251 | font-size: 90%; 252 | color: #ffffff; 253 | background-color: #333333; 254 | border-radius: 0; 255 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 256 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 257 | } 258 | kbd kbd { 259 | padding: 0; 260 | font-size: 100%; 261 | font-weight: bold; 262 | -webkit-box-shadow: none; 263 | box-shadow: none; 264 | } 265 | pre { 266 | display: block; 267 | padding: 10.5px; 268 | margin: 0 0 11px; 269 | font-size: 15px; 270 | line-height: 1.42857143; 271 | word-break: break-all; 272 | word-wrap: break-word; 273 | color: #333333; 274 | background-color: #f5f5f5; 275 | border: 1px solid #cccccc; 276 | border-radius: 4px; 277 | } 278 | pre code { 279 | padding: 0; 280 | font-size: inherit; 281 | color: inherit; 282 | white-space: pre-wrap; 283 | background-color: transparent; 284 | border-radius: 0; 285 | } 286 | 287 | /* image */ 288 | img { 289 | max-width: 100%; 290 | vertical-align: middle; 291 | } 292 | 293 | /* footer section */ 294 | #footer { 295 | margin-top: 22px; 296 | padding: 14px 16px; 297 | color: white; 298 | background-color: #4582ec; 299 | } 300 | 301 | /* responsiveness fixes */ 302 | video { 303 | max-width: 100%; 304 | } 305 | 306 | /* table of Contents sidebar */ 307 | #toctitle { 308 | color: #ffffff; 309 | } 310 | 311 | #toc ul { 312 | display: inline; 313 | list-style-type: none; 314 | margin: 0; 315 | padding: 0; 316 | overflow: hidden; 317 | } 318 | 319 | #toc li { 320 | display: block; 321 | } 322 | 323 | #toc a { 324 | background-color: #4582ec; 325 | float: left; 326 | color: white; 327 | text-align: center; 328 | padding: 14px 16px; 329 | text-decoration: none; 330 | } 331 | 332 | #toc li a:hover { 333 | background-color: #1863e6; 334 | text-decoration: none; 335 | } 336 | 337 | #toc:after { 338 | content: " "; 339 | visibility: hidden; 340 | display: block; 341 | height: 0; 342 | clear: both; 343 | } 344 | 345 | @media all and (max-width: 600px) { 346 | table { 347 | width: 55vw!important; 348 | font-size: 3vw; 349 | } 350 | -------------------------------------------------------------------------------- /cssbak/boot-sandstone.css: -------------------------------------------------------------------------------- 1 | /* Based on Sandstone from Bootswatch (https://bootswatch.com/sandstone/) */ 2 | @import url("//fonts.googleapis.com/css?family=Roboto:400,500,700"); 3 | 4 | /* document body (contains all content) */ 5 | body { 6 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; 7 | font-size: 14px; 8 | line-height: 1.42857143; 9 | color: #3e3f3a; 10 | background-color: #ffffff; 11 | margin-left: 10%; 12 | margin-right: 10%; 13 | } 14 | 15 | /* document header (contains title etc) */ 16 | #header { 17 | width: 100%; 18 | } 19 | #header>h1 { 20 | border-bottom: 1px solid #ddddd8; 21 | padding-bottom: 8px; 22 | } 23 | 24 | /* headings */ 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-family: inherit; 32 | font-weight: 400; 33 | line-height: 1.1; 34 | color: inherit; 35 | } 36 | h1, 37 | h2, 38 | h3 { 39 | margin-top: 20px; 40 | margin-bottom: 10px; 41 | } 42 | h4, 43 | h5, 44 | h6 { 45 | margin-top: 10px; 46 | margin-bottom: 10px; 47 | } 48 | h1 { 49 | font-size: 4em; 50 | /* font-size: 36px; */ 51 | } 52 | h2 { 53 | font-size: 30px; 54 | } 55 | h3 { 56 | font-size: 24px; 57 | } 58 | h4 { 59 | font-size: 18px; 60 | } 61 | h5 { 62 | font-size: 14px; 63 | } 64 | h6 { 65 | font-size: 12px; 66 | } 67 | 68 | /* plain paragraph text */ 69 | .paragraph { 70 | margin: 0 0 10px; 71 | } 72 | p { 73 | margin: 0 0 10px; 74 | } 75 | 76 | /* blockquote text */ 77 | .quoteblock { 78 | font-style: italic; 79 | } 80 | blockquote { 81 | padding: 10px 20px; 82 | margin: 0 0 20px; 83 | font-size: 17.5px; 84 | border-left: 5px solid #dfd7ca; 85 | } 86 | blockquote p:last-child, 87 | blockquote ul:last-child, 88 | blockquote ol:last-child { 89 | margin-bottom: 0; 90 | } 91 | .blockquote-reverse, 92 | blockquote.pull-right { 93 | padding-right: 15px; 94 | padding-left: 0; 95 | border-right: 5px solid #dfd7ca; 96 | border-left: 0; 97 | text-align: right; 98 | } 99 | .blockquote-reverse footer:before, 100 | blockquote.pull-right footer:before, 101 | .blockquote-reverse small:before, 102 | blockquote.pull-right small:before, 103 | .blockquote-reverse .small:before, 104 | blockquote.pull-right .small:before { 105 | content: ''; 106 | } 107 | .blockquote-reverse footer:after, 108 | blockquote.pull-right footer:after, 109 | .blockquote-reverse small:after, 110 | blockquote.pull-right small:after, 111 | .blockquote-reverse .small:after, 112 | blockquote.pull-right .small:after { 113 | content: '\00A0 \2014'; 114 | } 115 | 116 | /* blockquote attribution text */ 117 | .attribution, 118 | .cite, 119 | blockquote footer, 120 | blockquote small, 121 | blockquote .small { 122 | display: block; 123 | font-size: 80%; 124 | line-height: 1.42857143; 125 | color: #3e3f3a; 126 | } 127 | .attribution:before, 128 | blockquote footer:before, 129 | blockquote small:before, 130 | blockquote .small:before { 131 | content: '\2014 \00A0'; 132 | } 133 | 134 | /* unordered list */ 135 | ul, ol { 136 | margin-top: 0; 137 | margin-bottom: 10px; 138 | } 139 | ul ul, 140 | ol ul, 141 | ul ol, 142 | ol ol { 143 | margin-bottom: 0; 144 | } 145 | 146 | 147 | /* links */ 148 | a { 149 | color: #93c54b; 150 | text-decoration: none; 151 | } 152 | a:hover, 153 | a:focus { 154 | color: #79a736; 155 | text-decoration: underline; 156 | } 157 | a:focus { 158 | outline: 5px auto -webkit-focus-ring-color; 159 | outline-offset: -2px; 160 | } 161 | 162 | /* horizontal rules */ 163 | hr { 164 | margin-top: 20px; 165 | margin-bottom: 20px; 166 | border: 0; 167 | border-top: 1px solid #f8f5f0; 168 | } 169 | 170 | /* table */ 171 | table { 172 | background-color: transparent; 173 | width: 100%; 174 | max-width: 100%; 175 | margin-bottom: 20px; 176 | border-collapse: collapse; 177 | } 178 | table col[class*="col-"] { 179 | position: static; 180 | float: none; 181 | display: table-column; 182 | } 183 | table td[class*="col-"], 184 | table th[class*="col-"] { 185 | position: static; 186 | float: none; 187 | display: table-cell; 188 | } 189 | 190 | /* table caption */ 191 | caption { 192 | padding-top: 8px; 193 | padding-bottom: 8px; 194 | color: #98978b; 195 | text-align: left; 196 | } 197 | 198 | /* table header row */ 199 | thead { 200 | border-bottom: 2px solid #dfd7ca; 201 | } 202 | 203 | /* table header cell */ 204 | th { 205 | text-align: left; 206 | padding-left: 8px; 207 | } 208 | 209 | /* table footer */ 210 | tfoot { 211 | color: #807F81; 212 | border-top: 1px solid #dfd7ca; 213 | } 214 | 215 | /* table cell */ 216 | td { 217 | border-top: 1px solid #dfd7ca; 218 | } 219 | td p { 220 | margin: auto; 221 | padding: 8px; 222 | } 223 | 224 | /* table body */ 225 | tbody > tr:nth-of-type(odd) { 226 | background-color: #f8f5f0; 227 | } 228 | tbody > tr:hover { 229 | background-color: #f8f5f0; 230 | } 231 | 232 | /* inline code */ 233 | code, 234 | kbd, 235 | pre, 236 | samp { 237 | font-family: monospace, monospace; 238 | font-size: 1em; 239 | } 240 | code { 241 | padding: 2px 4px; 242 | font-size: 90%; 243 | color: #8e8c84; 244 | background-color: #f5f5f5; 245 | border-radius: 4px; 246 | } 247 | kbd { 248 | padding: 2px 4px; 249 | font-size: 90%; 250 | color: #ffffff; 251 | background-color: #333333; 252 | border-radius: 3px; 253 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 254 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 255 | } 256 | kbd kbd { 257 | padding: 0; 258 | font-size: 100%; 259 | font-weight: bold; 260 | -webkit-box-shadow: none; 261 | box-shadow: none; 262 | } 263 | pre { 264 | display: block; 265 | padding: 9.5px; 266 | margin: 0 0 10px; 267 | font-size: 13px; 268 | line-height: 1.42857143; 269 | word-break: break-all; 270 | word-wrap: break-word; 271 | color: #8e8c84; 272 | background-color: #f5f5f5; 273 | border: 1px solid #cccccc; 274 | border-radius: 4px; 275 | } 276 | pre code { 277 | padding: 0; 278 | font-size: inherit; 279 | color: inherit; 280 | white-space: pre-wrap; 281 | background-color: transparent; 282 | border-radius: 0; 283 | } 284 | 285 | /* image */ 286 | img { 287 | max-width: 100%; 288 | vertical-align: middle; 289 | } 290 | 291 | /* footer section */ 292 | #footer { 293 | margin-top: 22px; 294 | padding: 14px 16px; 295 | color: #98978b; 296 | background-color: #3e3f3a; 297 | } 298 | 299 | /* responsiveness fixes */ 300 | video { 301 | max-width: 100%; 302 | } 303 | 304 | /* table of Contents sidebar */ 305 | #toctitle { 306 | display: none; 307 | } 308 | 309 | #toc { 310 | background-color: #3e3f3a; 311 | border-radius: 4px; 312 | } 313 | 314 | #toc ul { 315 | display: inline; 316 | list-style-type: none; 317 | margin: 0; 318 | padding: 0; 319 | overflow: hidden; 320 | } 321 | 322 | #toc li { 323 | display: block; 324 | } 325 | 326 | #toc a { 327 | float: left; 328 | color: #98978b; 329 | text-align: center; 330 | padding: 14px 16px; 331 | text-decoration: none; 332 | } 333 | 334 | #toc li a:hover { 335 | color: #ffffff; 336 | text-decoration: none; 337 | } 338 | 339 | #toc:after { 340 | content: " "; 341 | visibility: hidden; 342 | display: block; 343 | height: 0; 344 | clear: both; 345 | } 346 | 347 | @media all and (max-width: 600px) { 348 | table { 349 | width: 55vw!important; 350 | font-size: 3vw; 351 | } 352 | -------------------------------------------------------------------------------- /cssbak/boot-slate.css: -------------------------------------------------------------------------------- 1 | /* Based on Slate from Bootswatch (https://bootswatch.com/slate/) */ 2 | 3 | /* document body (contains all content) */ 4 | body { 5 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 6 | font-size: 14px; 7 | line-height: 1.42857143; 8 | color: #c8c8c8; 9 | background-color: #272b30; 10 | margin-left: 10%; 11 | margin-right: 10%; 12 | } 13 | 14 | /* document header (contains title etc) */ 15 | #header { 16 | width: 100%; 17 | } 18 | #header>h1 { 19 | border-bottom: 1px solid #ddddd8; 20 | padding-bottom: 8px; 21 | } 22 | 23 | /* headings */ 24 | h1, 25 | h2, 26 | h3, 27 | h4, 28 | h5, 29 | h6 { 30 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 31 | font-weight: 500; 32 | line-height: 1.1; 33 | color: inherit; 34 | } 35 | h1, 36 | h2, 37 | h3 { 38 | margin-top: 20px; 39 | margin-bottom: 10px; 40 | } 41 | h4, 42 | h5, 43 | h6 { 44 | margin-top: 10px; 45 | margin-bottom: 10px; 46 | } 47 | h1 { 48 | font-size: 4em; 49 | /* font-size: 36px; */ 50 | } 51 | h2 { 52 | font-size: 30px; 53 | } 54 | h3 { 55 | font-size: 24px; 56 | } 57 | h4 { 58 | font-size: 18px; 59 | } 60 | h5 { 61 | font-size: 14px; 62 | } 63 | h6 { 64 | font-size: 12px; 65 | } 66 | 67 | /* plain paragraph text */ 68 | .paragraph { 69 | /* font-family: sans-serif; */ 70 | margin: 0 0 10px; 71 | } 72 | p { 73 | /* font-family: sans-serif; */ 74 | margin: 0 0 10px; 75 | } 76 | 77 | /* blockquote text */ 78 | .quoteblock { 79 | font-style: italic; 80 | } 81 | blockquote { 82 | padding: 10px 20px; 83 | margin: 0 0 20px; 84 | font-size: 17.5px; 85 | border-left: 5px solid #7a8288; 86 | } 87 | blockquote p:last-child, 88 | blockquote ul:last-child, 89 | blockquote ol:last-child { 90 | margin-bottom: 0; 91 | } 92 | .blockquote-reverse, 93 | blockquote.pull-right { 94 | padding-right: 15px; 95 | padding-left: 0; 96 | border-right: 5px solid #7a8288; 97 | border-left: 0; 98 | text-align: right; 99 | } 100 | .blockquote-reverse footer:before, 101 | blockquote.pull-right footer:before, 102 | .blockquote-reverse small:before, 103 | blockquote.pull-right small:before, 104 | .blockquote-reverse .small:before, 105 | blockquote.pull-right .small:before { 106 | content: ''; 107 | } 108 | .blockquote-reverse footer:after, 109 | blockquote.pull-right footer:after, 110 | .blockquote-reverse small:after, 111 | blockquote.pull-right small:after, 112 | .blockquote-reverse .small:after, 113 | blockquote.pull-right .small:after { 114 | content: '\00A0 \2014'; 115 | } 116 | 117 | /* blockquote attribution text */ 118 | .attribution, 119 | .cite, 120 | blockquote footer, 121 | blockquote small, 122 | blockquote .small { 123 | display: block; 124 | line-height: 1.42857143; 125 | color: #7a8288; 126 | } 127 | .attribution:before, 128 | blockquote footer:before, 129 | blockquote small:before, 130 | blockquote .small:before { 131 | content: '\2014 \00A0'; 132 | } 133 | 134 | /* unordered list */ 135 | ul, ol { 136 | margin-top: 0; 137 | margin-bottom: 10px; 138 | } 139 | ul ul, 140 | ol ul, 141 | ul ol, 142 | ol ol { 143 | margin-bottom: 0; 144 | } 145 | 146 | 147 | /* links */ 148 | a { 149 | color: #ffffff; 150 | text-decoration: none; 151 | } 152 | a:hover, 153 | a:focus { 154 | color: #ffffff; 155 | text-decoration: underline; 156 | } 157 | a:focus { 158 | outline: 5px auto -webkit-focus-ring-color; 159 | outline-offset: -2px; 160 | } 161 | 162 | /* horizontal rules */ 163 | hr { 164 | margin-top: 20px; 165 | margin-bottom: 20px; 166 | border: 0; 167 | border-top: 1px solid #1c1e22; 168 | } 169 | 170 | /* table */ 171 | table { 172 | background-color: transparent; 173 | width: 100%; 174 | max-width: 100%; 175 | margin-bottom: 21px; 176 | border-collapse: collapse; 177 | } 178 | table col[class*="col-"] { 179 | position: static; 180 | float: none; 181 | display: table-column; 182 | } 183 | table td[class*="col-"], 184 | table th[class*="col-"] { 185 | position: static; 186 | float: none; 187 | display: table-cell; 188 | } 189 | 190 | /* table caption */ 191 | caption { 192 | padding-top: 8px; 193 | padding-bottom: 8px; 194 | color: #7a8288; 195 | text-align: left; 196 | } 197 | 198 | /* table header row */ 199 | thead { 200 | border-bottom: 2px solid #1c1e22; 201 | } 202 | 203 | /* table header cell */ 204 | th { 205 | text-align: left; 206 | padding-left: 8px; 207 | } 208 | 209 | /* table footer */ 210 | tfoot { 211 | color: #807F81; 212 | border-top: 1px solid #1c1e22; 213 | } 214 | 215 | /* table cell */ 216 | td { 217 | border-top: 1px solid #1c1e22; 218 | } 219 | td p { 220 | margin: auto; 221 | padding: 8px; 222 | } 223 | 224 | /* table body */ 225 | tbody > tr:nth-of-type(odd) { 226 | background-color: #353a41; 227 | } 228 | tbody > tr:hover { 229 | background-color: #49515a; 230 | } 231 | 232 | /* inline code */ 233 | code, 234 | kbd, 235 | pre, 236 | samp { 237 | font-family: monospace, monospace; 238 | font-size: 1em; 239 | } 240 | code { 241 | padding: 2px 4px; 242 | font-size: 90%; 243 | color: #3a3f44; 244 | background-color: #f5f5f5; 245 | border-radius: 4px; 246 | } 247 | kbd { 248 | padding: 2px 4px; 249 | font-size: 90%; 250 | color: #ffffff; 251 | background-color: #333333; 252 | border-radius: 3px; 253 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 254 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 255 | } 256 | kbd kbd { 257 | padding: 0; 258 | font-size: 100%; 259 | font-weight: bold; 260 | -webkit-box-shadow: none; 261 | box-shadow: none; 262 | } 263 | pre { 264 | display: block; 265 | padding: 9.5px; 266 | margin: 0 0 10px; 267 | font-size: 13px; 268 | line-height: 1.42857143; 269 | word-break: break-all; 270 | word-wrap: break-word; 271 | color: #3a3f44; 272 | background-color: #f5f5f5; 273 | border: 1px solid #cccccc; 274 | border-radius: 4px; 275 | } 276 | pre code { 277 | padding: 0; 278 | font-size: inherit; 279 | color: inherit; 280 | white-space: pre-wrap; 281 | background-color: transparent; 282 | border-radius: 0; 283 | } 284 | 285 | /* image */ 286 | img { 287 | max-width: 100%; 288 | vertical-align: middle; 289 | } 290 | 291 | /* footer section */ 292 | #footer { 293 | margin-top: 22px; 294 | padding: 14px 16px; 295 | background-color: #3a3f44; 296 | } 297 | 298 | /* responsiveness fixes */ 299 | video { 300 | max-width: 100%; 301 | } 302 | 303 | /* table of Contents sidebar */ 304 | #toctitle { 305 | color: #272b30; 306 | } 307 | 308 | #toc ul { 309 | display: inline; 310 | list-style-type: none; 311 | margin: 0; 312 | padding: 0; 313 | overflow: hidden; 314 | } 315 | 316 | #toc li { 317 | display: block; 318 | } 319 | 320 | #toc a { 321 | background-color: #3a3f44; 322 | float: left; 323 | text-align: center; 324 | padding: 14px 16px; 325 | text-decoration: none; 326 | } 327 | 328 | #toc li a:hover { 329 | background-color: #272b2e; 330 | text-decoration: none; 331 | } 332 | 333 | #toc:after { 334 | content: " "; 335 | visibility: hidden; 336 | display: block; 337 | height: 0; 338 | clear: both; 339 | } 340 | 341 | @media all and (max-width: 600px) { 342 | table { 343 | width: 55vw!important; 344 | font-size: 3vw; 345 | } 346 | } 347 | -------------------------------------------------------------------------------- /cssbak/boot-superhero.css: -------------------------------------------------------------------------------- 1 | /* Based on Superhero from Bootswatch (https://bootswatch.com/superhero/) */ 2 | @import url("//fonts.googleapis.com/css?family=Lato:300,400,700"); 3 | 4 | /* document body (contains all content) */ 5 | body { 6 | font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; 7 | font-size: 15px; 8 | line-height: 1.42857143; 9 | color: #ebebeb; 10 | background-color: #2b3e50; 11 | margin-left: 10%; 12 | margin-right: 10%; 13 | } 14 | 15 | /* document header (contains title etc) */ 16 | #header { 17 | width: 100%; 18 | } 19 | #header>h1 { 20 | border-bottom: 1px solid #ddddd8; 21 | padding-bottom: 8px; 22 | } 23 | 24 | /* headings */ 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-family: inherit; 32 | font-weight: 400; 33 | line-height: 1.1; 34 | color: inherit; 35 | } 36 | h1, 37 | h2, 38 | h3 { 39 | margin-top: 21px; 40 | margin-bottom: 10.5px; 41 | } 42 | h4, 43 | h5, 44 | h6 { 45 | margin-top: 10.5px; 46 | margin-bottom: 10.5px; 47 | } 48 | h1 { 49 | font-size: 4em; 50 | /* font-size: 39px; */ 51 | } 52 | h2 { 53 | font-size: 32px; 54 | } 55 | h3 { 56 | font-size: 26px; 57 | } 58 | h4 { 59 | font-size: 19px; 60 | } 61 | h5 { 62 | font-size: 15px; 63 | } 64 | h6 { 65 | font-size: 13px; 66 | } 67 | 68 | /* plain paragraph text */ 69 | .paragraph { 70 | /* font-family: sans-serif; */ 71 | margin: 0 0 10.5px; 72 | } 73 | p { 74 | /* font-family: sans-serif; */ 75 | margin: 0 0 10.5px; 76 | } 77 | 78 | /* blockquote text */ 79 | .quoteblock { 80 | font-style: italic; 81 | } 82 | blockquote { 83 | padding: 10.5px 21px; 84 | margin: 0 0 21px; 85 | font-size: 18.75px; 86 | border-left: 5px solid #4e5d6c; 87 | } 88 | blockquote p:last-child, 89 | blockquote ul:last-child, 90 | blockquote ol:last-child { 91 | margin-bottom: 0; 92 | } 93 | .blockquote-reverse, 94 | blockquote.pull-right { 95 | padding-right: 15px; 96 | padding-left: 0; 97 | border-right: 5px solid #4e5d6c; 98 | border-left: 0; 99 | text-align: right; 100 | } 101 | .blockquote-reverse footer:before, 102 | blockquote.pull-right footer:before, 103 | .blockquote-reverse small:before, 104 | blockquote.pull-right small:before, 105 | .blockquote-reverse .small:before, 106 | blockquote.pull-right .small:before { 107 | content: ''; 108 | } 109 | .blockquote-reverse footer:after, 110 | blockquote.pull-right footer:after, 111 | .blockquote-reverse small:after, 112 | blockquote.pull-right small:after, 113 | .blockquote-reverse .small:after, 114 | blockquote.pull-right .small:after { 115 | content: '\00A0 \2014'; 116 | } 117 | 118 | /* blockquote attribution text */ 119 | .attribution, 120 | .cite, 121 | blockquote footer, 122 | blockquote small, 123 | blockquote .small { 124 | display: block; 125 | line-height: 1.42857143; 126 | color: #ebebeb; 127 | } 128 | .attribution:before, 129 | blockquote footer:before, 130 | blockquote small:before, 131 | blockquote .small:before { 132 | content: '\2014 \00A0'; 133 | } 134 | 135 | /* unordered list */ 136 | ul, ol { 137 | margin-top: 0; 138 | margin-bottom: 10.5px; 139 | } 140 | ul ul, 141 | ol ul, 142 | ul ol, 143 | ol ol { 144 | margin-bottom: 0; 145 | } 146 | 147 | 148 | /* links */ 149 | a { 150 | color: #df691a; 151 | text-decoration: none; 152 | } 153 | a:hover, 154 | a:focus { 155 | color: #df691a; 156 | text-decoration: underline; 157 | } 158 | a:focus { 159 | outline: 5px auto -webkit-focus-ring-color; 160 | outline-offset: -2px; 161 | } 162 | 163 | /* horizontal rules */ 164 | hr { 165 | margin-top: 21px; 166 | margin-bottom: 21px; 167 | border: 0; 168 | border-top: 1px solid #596a7b; 169 | } 170 | 171 | /* table */ 172 | table { 173 | background-color: transparent; 174 | width: 100%; 175 | max-width: 100%; 176 | margin-bottom: 21px; 177 | border-collapse: collapse; 178 | } 179 | table col[class*="col-"] { 180 | position: static; 181 | float: none; 182 | display: table-column; 183 | } 184 | table td[class*="col-"], 185 | table th[class*="col-"] { 186 | position: static; 187 | float: none; 188 | display: table-cell; 189 | } 190 | 191 | /* table caption */ 192 | caption { 193 | padding-top: 6px; 194 | padding-bottom: 6px; 195 | color: #4e5d6c; 196 | text-align: left; 197 | } 198 | 199 | /* table header row */ 200 | thead { 201 | border-bottom: 2px solid #4e5d6c; 202 | } 203 | 204 | /* table header cell */ 205 | th { 206 | text-align: left; 207 | padding-left: 8px; 208 | } 209 | 210 | /* table footer */ 211 | tfoot { 212 | color: #807F81; 213 | border-top: 1px solid #4e5d6c; 214 | } 215 | 216 | /* table cell */ 217 | td { 218 | border-top: 1px solid #4e5d6c; 219 | } 220 | td p { 221 | margin: auto; 222 | padding: 8px; 223 | } 224 | 225 | /* table body */ 226 | tbody > tr:nth-of-type(odd) { 227 | background-color: #4e5d6c; 228 | } 229 | tbody > tr:hover { 230 | background-color: #485563; 231 | } 232 | 233 | /* inline code */ 234 | code, 235 | kbd, 236 | pre, 237 | samp { 238 | font-family: monospace, monospace; 239 | font-size: 1em; 240 | } 241 | code { 242 | padding: 2px 4px; 243 | font-size: 90%; 244 | color: #333333; 245 | background-color: #f5f5f5; 246 | border-radius: 0; 247 | } 248 | kbd { 249 | padding: 2px 4px; 250 | font-size: 90%; 251 | color: #ffffff; 252 | background-color: #333333; 253 | border-radius: 0; 254 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 255 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 256 | } 257 | kbd kbd { 258 | padding: 0; 259 | font-size: 100%; 260 | font-weight: bold; 261 | -webkit-box-shadow: none; 262 | box-shadow: none; 263 | } 264 | pre { 265 | display: block; 266 | padding: 10px; 267 | margin: 0 0 10.5px; 268 | font-size: 14px; 269 | line-height: 1.42857143; 270 | word-break: break-all; 271 | word-wrap: break-word; 272 | color: #333333; 273 | background-color: #f5f5f5; 274 | border: 1px solid #cccccc; 275 | border-radius: 0; 276 | } 277 | pre code { 278 | padding: 0; 279 | font-size: inherit; 280 | color: inherit; 281 | white-space: pre-wrap; 282 | background-color: transparent; 283 | border-radius: 0; 284 | } 285 | 286 | /* image */ 287 | img { 288 | max-width: 100%; 289 | vertical-align: middle; 290 | } 291 | 292 | /* footer section */ 293 | #footer { 294 | margin-top: 22px; 295 | padding: 14px 16px; 296 | background-color: #4e5d6c; 297 | } 298 | 299 | /* responsiveness fixes */ 300 | video { 301 | max-width: 100%; 302 | } 303 | 304 | /* table of Contents sidebar */ 305 | #toctitle { 306 | color: #2b3e50; 307 | } 308 | 309 | #toc ul { 310 | display: inline; 311 | list-style-type: none; 312 | margin: 0; 313 | padding: 0; 314 | overflow: hidden; 315 | } 316 | 317 | #toc li { 318 | display: block; 319 | } 320 | 321 | #toc a { 322 | color: #ebebeb; 323 | background-color: #4e5d6c; 324 | float: left; 325 | text-align: center; 326 | padding: 14px 16px; 327 | text-decoration: none; 328 | } 329 | 330 | #toc li a:hover { 331 | background-color: #485563; 332 | text-decoration: none; 333 | } 334 | 335 | #toc:after { 336 | content: " "; 337 | visibility: hidden; 338 | display: block; 339 | height: 0; 340 | clear: both; 341 | } 342 | 343 | @media all and (max-width: 600px) { 344 | table { 345 | width: 55vw!important; 346 | font-size: 3vw; 347 | } 348 | -------------------------------------------------------------------------------- /cssbak/boot-yeti.css: -------------------------------------------------------------------------------- 1 | /* Based on Yeti from Bootswatch (https://bootswatch.com/yeti/) */ 2 | @import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"); 3 | 4 | /* document body (contains all content) */ 5 | body { 6 | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 7 | font-size: 15px; 8 | line-height: 1.4; 9 | color: #222222; 10 | background-color: #ffffff; 11 | margin-left: 10%; 12 | margin-right: 10%; 13 | } 14 | 15 | /* document header (contains title etc) */ 16 | #header { 17 | width: 100%; 18 | } 19 | #header>h1 { 20 | border-bottom: 1px solid #ddddd8; 21 | padding-bottom: 8px; 22 | } 23 | 24 | /* headings */ 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 32 | font-weight: 300; 33 | line-height: 1.1; 34 | color: inherit; 35 | } 36 | h1, 37 | h2, 38 | h3 { 39 | margin-top: 21px; 40 | margin-bottom: 10.5px; 41 | } 42 | h4, 43 | h5, 44 | h6 { 45 | margin-top: 10.5px; 46 | margin-bottom: 10.5px; 47 | } 48 | h1 { 49 | font-size: 4em; 50 | /* font-size: 39px; */ 51 | } 52 | h2 { 53 | font-size: 32px; 54 | } 55 | h3 { 56 | font-size: 26px; 57 | } 58 | h4 { 59 | font-size: 19px; 60 | } 61 | h5 { 62 | font-size: 15px; 63 | } 64 | h6 { 65 | font-size: 13px; 66 | } 67 | 68 | /* plain paragraph text */ 69 | .paragraph { 70 | /* font-family: sans-serif; */ 71 | margin: 0 0 10.5px; 72 | } 73 | p { 74 | margin: 0 0 10.5px; 75 | } 76 | 77 | /* blockquote text */ 78 | .quoteblock { 79 | font-style: italic; 80 | } 81 | blockquote { 82 | padding: 10.5px 21px; 83 | margin: 0 0 21px; 84 | font-size: 18.75px; 85 | border-left: 5px solid #dddddd; 86 | } 87 | blockquote p:last-child, 88 | blockquote ul:last-child, 89 | blockquote ol:last-child { 90 | margin-bottom: 0; 91 | } 92 | .blockquote-reverse, 93 | blockquote.pull-right { 94 | padding-right: 15px; 95 | padding-left: 0; 96 | border-right: 5px solid #dddddd; 97 | border-left: 0; 98 | text-align: right; 99 | } 100 | .blockquote-reverse footer:before, 101 | blockquote.pull-right footer:before, 102 | .blockquote-reverse small:before, 103 | blockquote.pull-right small:before, 104 | .blockquote-reverse .small:before, 105 | blockquote.pull-right .small:before { 106 | content: ''; 107 | } 108 | .blockquote-reverse footer:after, 109 | blockquote.pull-right footer:after, 110 | .blockquote-reverse small:after, 111 | blockquote.pull-right small:after, 112 | .blockquote-reverse .small:after, 113 | blockquote.pull-right .small:after { 114 | content: '\00A0 \2014'; 115 | } 116 | 117 | /* blockquote attribution text */ 118 | .attribution, 119 | .cite, 120 | blockquote footer, 121 | blockquote small, 122 | blockquote .small { 123 | display: block; 124 | line-height: 1.4; 125 | color: #6f6f6f; 126 | } 127 | .attribution:before, 128 | blockquote footer:before, 129 | blockquote small:before, 130 | blockquote .small:before { 131 | content: '\2014 \00A0'; 132 | } 133 | 134 | /* unordered list */ 135 | ul, ol { 136 | margin-top: 0; 137 | margin-bottom: 10.5px; 138 | } 139 | ul ul, 140 | ol ul, 141 | ul ol, 142 | ol ol { 143 | margin-bottom: 0; 144 | } 145 | 146 | /* links */ 147 | a { 148 | color: #008cba; 149 | text-decoration: none; 150 | } 151 | a:hover, 152 | a:focus { 153 | color: #008cba; 154 | text-decoration: underline; 155 | } 156 | a:focus { 157 | outline: 5px auto -webkit-focus-ring-color; 158 | outline-offset: -2px; 159 | } 160 | 161 | /* horizontal rules */ 162 | hr { 163 | margin-top: 21px; 164 | margin-bottom: 21px; 165 | border: 0; 166 | border-top: 1px solid #dddddd; 167 | } 168 | 169 | /* table */ 170 | table { 171 | background-color: transparent; 172 | width: 100%; 173 | max-width: 100%; 174 | margin-bottom: 21px; 175 | border-collapse: collapse; 176 | } 177 | table col[class*="col-"] { 178 | position: static; 179 | float: none; 180 | display: table-column; 181 | } 182 | table td[class*="col-"], 183 | table th[class*="col-"] { 184 | position: static; 185 | float: none; 186 | display: table-cell; 187 | } 188 | 189 | /* table caption */ 190 | caption { 191 | padding-top: 8px; 192 | padding-bottom: 8px; 193 | color: #999999; 194 | text-align: left; 195 | } 196 | 197 | /* table header row */ 198 | thead { 199 | border-bottom: 2px solid #dddddd; 200 | } 201 | 202 | /* table header cell */ 203 | th { 204 | text-align: left; 205 | padding-left: 8px; 206 | } 207 | 208 | /* table footer */ 209 | tfoot { 210 | color: #807F81; 211 | border-top: 1px solid #dddddd; 212 | } 213 | 214 | /* table cell */ 215 | td { 216 | border-top: 1px solid #dddddd; 217 | } 218 | td p { 219 | margin: auto; 220 | padding: 8px; 221 | } 222 | 223 | /* table body */ 224 | tbody > tr:nth-of-type(odd) { 225 | background-color: #f9f9f9; 226 | } 227 | tbody > tr:hover { 228 | background-color: #f5f5f5; 229 | } 230 | 231 | /* inline code */ 232 | code, 233 | kbd, 234 | pre, 235 | samp { 236 | font-family: monospace, monospace; 237 | font-size: 1em; 238 | } 239 | code { 240 | padding: 2px 4px; 241 | font-size: 90%; 242 | color: #333333; 243 | background-color: #f5f5f5; 244 | border-radius: 0; 245 | } 246 | kbd { 247 | padding: 2px 4px; 248 | font-size: 90%; 249 | color: #ffffff; 250 | background-color: #333333; 251 | border-radius: 0; 252 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 253 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); 254 | } 255 | kbd kbd { 256 | padding: 0; 257 | font-size: 100%; 258 | font-weight: bold; 259 | -webkit-box-shadow: none; 260 | box-shadow: none; 261 | } 262 | pre { 263 | display: block; 264 | padding: 10px; 265 | margin: 0 0 10.5px; 266 | font-size: 14px; 267 | line-height: 1.4; 268 | word-break: break-all; 269 | word-wrap: break-word; 270 | color: #333333; 271 | background-color: #f5f5f5; 272 | border: 1px solid #cccccc; 273 | border-radius: 0; 274 | } 275 | pre code { 276 | padding: 0; 277 | font-size: inherit; 278 | color: inherit; 279 | white-space: pre-wrap; 280 | background-color: transparent; 281 | border-radius: 0; 282 | } 283 | 284 | /* image */ 285 | img { 286 | max-width: 100%; 287 | vertical-align: middle; 288 | } 289 | 290 | /* footer section */ 291 | #footer { 292 | margin-top: 22px; 293 | padding: 14px 16px; 294 | color: #ffffff; 295 | background-color: #333333; 296 | } 297 | 298 | /* responsiveness fixes */ 299 | video { 300 | max-width: 100%; 301 | } 302 | 303 | /* table of Contents sidebar */ 304 | #toctitle { 305 | color: #ffffff; 306 | } 307 | 308 | #toc ul { 309 | display: inline; 310 | list-style-type: none; 311 | margin: 0; 312 | padding: 0; 313 | overflow: hidden; 314 | } 315 | 316 | #toc li { 317 | display: block; 318 | } 319 | 320 | #toc a { 321 | background-color: #333333; 322 | float: left; 323 | color: white; 324 | text-align: center; 325 | padding: 14px 16px; 326 | text-decoration: none; 327 | } 328 | 329 | #toc li a:hover { 330 | background-color: #272727; 331 | text-decoration: none; 332 | } 333 | 334 | #toc:after { 335 | content: " "; 336 | visibility: hidden; 337 | display: block; 338 | height: 0; 339 | clear: both; 340 | } 341 | 342 | @media all and (max-width: 600px) { 343 | table { 344 | width: 55vw!important; 345 | font-size: 3vw; 346 | } 347 | -------------------------------------------------------------------------------- /cssbak/clean.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url("//fonts.googleapis.com/css?family=Noto+Sans:300,600italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#2c3e50; 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#CCC; 15 | --linkcolor:#b71c1c; 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | /* Text styles */ 22 | h1{color:var(--primarycolor) !important;} 23 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;} 24 | .title{color:var(--tertiarycolor) !important; font-family:"Noto Sans",sans-serif !important;font-style: normal !important; font-weight: normal !important;} 25 | p{font-family: "Noto Sans",sans-serif !important} 26 | 27 | /* Table styles */ 28 | th{font-family: "Noto Sans",sans-serif !important} 29 | 30 | /* Responsiveness fixes */ 31 | video { 32 | max-width: 100%; 33 | } 34 | 35 | @media all and (max-width: 600px) { 36 | table { 37 | width: 55vw!important; 38 | font-size: 3vw; 39 | } 40 | -------------------------------------------------------------------------------- /cssbak/dark.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#282c34; 10 | --primarycolor:#f39c12; 11 | --secondarycolor:#03a9f4; 12 | --tertiarycolor:#4db6ac; 13 | --sidebarbackground:#21252b; 14 | --linkcolor:#f44336; 15 | --linkcoloralternate:#ff9800; 16 | --white:#FFFFFF; 17 | } 18 | 19 | /* Text styles */ 20 | 21 | body{font-family: "Noto Sans",sans-serif;background-color: var(--maincolor);color:var(--white);} 22 | 23 | h1{color:var(--primarycolor) !important;font-family:"Noto Sans",sans-serif;} 24 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Noto Sans",sans-serif;} 25 | .title{color:var(--white) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 26 | p{font-family: "Noto Sans",sans-serif ! important} 27 | #toc.toc2 a:link{color:var(--linkcolor);} 28 | blockquote{color:var(--tertiarycolor) !important} 29 | .quoteblock{color:var(--white)} 30 | code{color:var(--linkcoloralternate);background-color: var(--sidebarbackground) !important} 31 | 32 | 33 | /* Table styles */ 34 | th{background-color: var(--maincolor);color:var(--white) !important;} 35 | td{background-color: var(--maincolor);color: var(--linkcoloralternate) !important} 36 | 37 | 38 | #toc.toc2{background-color:var(--sidebarbackground);} 39 | #toctitle{color:var(--white);} 40 | 41 | /* Responsiveness fixes */ 42 | video { 43 | max-width: 100%; 44 | } 45 | 46 | @media all and (max-width: 600px) { 47 | table { 48 | width: 55vw!important; 49 | font-size: 3vw; 50 | } 51 | } 52 | 53 | .exampleblock > .content { 54 | background-color: var(--maincolor); 55 | } 56 | 57 | a { 58 | color: var(--secondarycolor); 59 | } 60 | 61 | .admonitionblock td.icon .icon-tip::before { 62 | text-shadow: none; 63 | color: var(--white); 64 | } 65 | .admonitionblock td.icon .icon-note::before { 66 | color: var(--tertiarycolor); 67 | } 68 | .admonitionblock td.icon .icon-important::before { 69 | color: var(--linkcolor); 70 | } 71 | /*.admonitionblock td.icon .icon-caution::before { 72 | color: var(--linkcoloralternate); 73 | }*/ 74 | .admonitionblock td.icon .icon-warning::before { 75 | color: var(--primarycolor); 76 | } 77 | 78 | #preamble > .sectionbody > .paragraph:first-of-type p { 79 | color: var(--white); 80 | } 81 | 82 | .quoteblock blockquote::before { 83 | color: var(--primarycolor); 84 | } 85 | .quoteblock .attribution cite, .verseblock .attribution cite { 86 | color: var(--white); 87 | } 88 | .verseblock pre { 89 | color: var(--white); 90 | } 91 | .quoteblock blockquote, .quoteblock blockquote p { 92 | color: var(--white); 93 | } 94 | 95 | .sidebarblock { 96 | background: var(--sidebarbackground); 97 | } 98 | .literalblock pre, .listingblock pre:not(.highlight), .listingblock pre[class="highlight"], .listingblock pre[class^="highlight "], .listingblock pre.CodeRay, .listingblock pre.prettyprint { 99 | background: var(--sidebarbackground); 100 | color: var(--white); 101 | } 102 | 103 | #header .details { 104 | color: var(--white); 105 | } 106 | #header .details span.email a { 107 | color: var(--linkcoloralternate); 108 | } 109 | -------------------------------------------------------------------------------- /cssbak/fedora.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Montserrat|Open+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#294172; /* Fedora Dark Blue */ 11 | --secondarycolor:#3c6eb4; /* Fedora Blue */ 12 | --tertiarycolor:#CCCCCC; 13 | --highlightcolor:#e59728; /* Features Orange */ 14 | --sidebarbackground:#CACACA; 15 | --linkcolor:#0D47A1; 16 | --linkcoloralternate:#db3279; /* Friends Magneta */ 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | /* Text styles */ 22 | 23 | body{font-family: "Open Sans",sans-serif;background-color: var(--maincolor);color:var(--black);} 24 | 25 | h1{color:var(--primarycolor) !important;font-family:"Montserrat",sans-serif;} 26 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Montserrat",sans-serif;} 27 | .title{color:var(--black) !important;font-family:"Open Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | a{text-decoration: none;} 29 | p{font-family: "Open Sans",sans-serif ! important} 30 | #toc.toc2 a:link{color:var(--linkcolor);} 31 | blockquote{color:var(--linkcoloralternate) !important} 32 | .quoteblock blockquote:before{color:var(--linkcoloralternate)} 33 | code{color:var(--white);background-color: var(--highlightcolor) !important} 34 | mark{background-color: var(--highlightcolor)} /* Text highlighting color */ 35 | 36 | /* Table styles */ 37 | th{background-color: var(--maincolor);color:var(--black) !important;} 38 | td{background-color: var(--maincolor);color: var(--black) !important} 39 | 40 | 41 | #toc.toc2{background-color:var(--sidebarbackground);} 42 | #toctitle{color:var(--white);} 43 | 44 | /* Responsiveness fixes */ 45 | video { 46 | max-width: 100%; 47 | } 48 | 49 | @media all and (max-width: 600px) { 50 | table { 51 | width: 55vw!important; 52 | font-size: 3vw; 53 | } 54 | -------------------------------------------------------------------------------- /cssbak/gazette.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Source+Serif+Pro|UnifrakturMaguntia|Source+Sans+Pro); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#000000; 11 | --secondarycolor:#AAAAAA; 12 | --tertiarycolor:#CCCCCC; 13 | --sidebarbackground:#FFFFFF; 14 | --linkcolor:#0D47A1; 15 | --linkcoloralternate:#B71C1C; 16 | } 17 | 18 | /* Text styles */ 19 | 20 | body { 21 | font-family: "Source Serif Pro", serif; 22 | background-color: var(--maincolor); 23 | color: black; 24 | } 25 | 26 | h1,h2,h3,h4,h5,h6 { 27 | color: var(--primarycolor) !important; 28 | } 29 | h1 { 30 | font-family: "UnifrakturMaguntia", serif; 31 | } 32 | #header h1 { 33 | border-bottom: 2px solid black!important; 34 | } 35 | h2 { 36 | font-family: "Source Serif Pro", serif; 37 | font-style: italic; 38 | font-weight: bold; 39 | text-transform: uppercase; 40 | } 41 | h3 { 42 | font-family: "Source Serif Pro", serif; 43 | font-style: italic; 44 | font-weight: bold; 45 | } 46 | h4 { 47 | font-family:'Times New Roman',Times,serif; 48 | letter-spacing: -1px; 49 | text-transform: uppercase; 50 | } 51 | h5 { 52 | font-family:'Times New Roman',Times,serif; 53 | letter-spacing: -1px; 54 | text-transform: uppercase; 55 | } 56 | h6 { 57 | font-family: "Source Serif Pro", serif; 58 | font-weight: bold; 59 | } 60 | hr { 61 | border-color: black; 62 | } 63 | 64 | .title { 65 | color: black !important; 66 | font-family: "Source Serif Pro", serif; 67 | font-style: normal; 68 | font-weight: normal; 69 | } 70 | a { 71 | text-decoration: none; 72 | color: #5A5A5A!important; 73 | } 74 | p { 75 | font-family: "Source Serif Pro", serif !important; 76 | } 77 | #toc.toc2 a:link { 78 | color: var(--linkcolor); 79 | font-family: "Source Serif Pro", serif; 80 | } 81 | blockquote { 82 | color: var(--primarycolor) !important; 83 | } 84 | .quoteblock { 85 | color: black; 86 | } 87 | .quoteblock blockquote:before { 88 | color: black; 89 | } 90 | code { 91 | color: white; 92 | background-color: var(--secondarycolor) !important; 93 | } 94 | mark { 95 | background-color: var(--tertiarycolor); 96 | } /* Text highlighting color */ 97 | 98 | cite { 99 | color: var(--primarycolor)!important; 100 | } 101 | 102 | pre { 103 | background-color: var(--maincolor)!important; 104 | } 105 | code { 106 | /* background-color: var(--maincolor)!important; */ 107 | } 108 | 109 | img { 110 | -webkit-filter: grayscale(100%); 111 | filter: grayscale(100%); 112 | } 113 | video { 114 | -webkit-filter: grayscale(100%); 115 | filter: grayscale(100%); 116 | } 117 | 118 | /* Table styles */ 119 | th { 120 | background-color: var(--maincolor); 121 | color: black !important; 122 | } 123 | td { 124 | background-color: var(--maincolor); 125 | color: black !important; 126 | } 127 | 128 | 129 | #toc.toc2 { 130 | background-color: var(--sidebarbackground); 131 | } 132 | #toctitle { 133 | color: black; 134 | font-family: "Source Serif Pro", serif; 135 | font-weight: bold; 136 | padding-top: 20px; 137 | } 138 | 139 | /* Responsiveness fixes */ 140 | video { 141 | max-width: 100%; 142 | } 143 | 144 | @media all and (max-width: 600px) { 145 | table { 146 | width: 55vw!important; 147 | font-size: 3vw; 148 | } 149 | -------------------------------------------------------------------------------- /cssbak/italian-pop.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Galada|Lato); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#b71c1c; 11 | --sidebarbackground:#CCC; 12 | --linkcolor:#b71c1c; 13 | --linkcoloralternate:#f44336; 14 | --white:#FFFFFF; 15 | --black:#000000; 16 | --grey:#212121; 17 | } 18 | 19 | body{font-family: "Lato",sans-serif;background-color: var(--maincolor);color:var(--black);} 20 | 21 | h1,h2,h3,h4,h5,h6{color:var(--primarycolor) !important;font-family:"Galada",sans-serif;} 22 | .title{color:var(--black) !important;font-family:"Galada",sans-serif;font-style: normal; font-weight: normal;} 23 | p{font-family: "Lato",sans-serif ! important;color:var(--grey)} 24 | #toc.toc2 a:link{color:var(--linkcolor);} 25 | 26 | 27 | /* Table styles */ 28 | th{background-color: var(--primarycolor);color:var(--black) !important;color:var(--white) !important} 29 | td{color: var(--black)} 30 | tr:nth-child(even) {background-color: #FFF !important} 31 | tr:nth-child(odd) {background: #CCC !important} 32 | 33 | #toc.toc2{background-color:var(--sidebarbackground);} 34 | #toctitle{color:var(--white);} 35 | 36 | /* Responsiveness fixes */ 37 | video { 38 | max-width: 100%; 39 | } 40 | 41 | @media all and (max-width: 600px) { 42 | table { 43 | width: 55vw!important; 44 | font-size: 3vw; 45 | } 46 | -------------------------------------------------------------------------------- /cssbak/material-amber.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#FFC107; /* Amber 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#FF6F00; /* Amber 900 */ 15 | --linkcolor:#FFE082; /* Amber 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/material-blue.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#2196F3; /* Blue 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#0D47A1; /* Blue 900 */ 15 | --linkcolor:#90CAF9; /* Blue 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/material-brown.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#795548; /* Brown 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#3E2723; /* Brown 900 */ 15 | --linkcolor:#BCAAA4; /* Brown 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/material-green.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#4CAF50; /* Green 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#1B5E20; /* Green 900 */ 15 | --linkcolor:#A5D6A7; /* Green 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/material-grey.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#9E9E9E; /* Grey 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#212121; /* Grey 900 */ 15 | --linkcolor:#EEEEEE; /* Grey 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/material-orange.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#FF9800; /* Orange 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#E65100; /* Orange 900 */ 15 | --linkcolor:#FFCC80; /* Orange 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/material-pink.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#E91E63; /* Pink 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#880E4F; /* Pink 900 */ 15 | --linkcolor:#F48FB1; /* Pink 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/material-purple.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#9C27B0; /* Purple 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#4A148C; /* Purple 900 */ 15 | --linkcolor:#CE93D8; /* Purple 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/material-red.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#F44336; /* Red 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#B71C1C; /* Red 900 */ 15 | --linkcolor:#EF9A9A; /* Red 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: var(--linkcolor); 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: var(--linkcolor);color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/material-teal.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#009688; /* Teal 500 */ 12 | --secondarycolor:#ba3925; 13 | --tertiarycolor: #186d7a; 14 | --sidebarbackground:#004d40; /* Teal 900 */ 15 | --linkcolor:#80cbc4; /* Teal 200 */ 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Noto Sans",sans-serif;} 22 | 23 | #header{background-color:var(--primarycolor); padding:25px;max-width: none;} 24 | #footer{background-color: var(--sidebarbackground);} 25 | h1,h2,h3{background-color:var(--primarycolor);color:var(--white) !important;font-family:"Noto Sans",sans-serif;text-decoration:none;padding:10px;} 26 | h4,h5,h6{color:var(--primarycolor);} 27 | .title{color:var(--sidebarbackground) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:white;} 30 | 31 | a { 32 | text-decoration: none; 33 | color: var(--linkcolor); 34 | } 35 | a:hover { 36 | color: var(--sidebarbackground); 37 | } 38 | .quoteblock blockquote::before { 39 | color: var(--linkcolor); 40 | } 41 | mark { 42 | color: var(--white); 43 | background-color: #80cbc4; 44 | } 45 | 46 | /* Card styling */ 47 | .sect1{border-bottom:1px solid grey;border-radius:8px;} 48 | 49 | /* Table styles */ 50 | th{background-color: #80cbc4;color:#FFFFFF;} 51 | 52 | #toc.toc2{background-color:var(--sidebarbackground);color:white !important;} 53 | #toc.toc2.a{color:var(--white);} 54 | #toc.toc2.a:active{color:var(--white) !important;} 55 | #toc.toc2.a:visited{color:var(--white) !important;} 56 | #toctitle{color:white;font-size: 16px;} 57 | 58 | /* Responsiveness fixes */ 59 | video { 60 | max-width: 100%; 61 | } 62 | 63 | @media all and (max-width: 600px) { 64 | table { 65 | width: 55vw!important; 66 | font-size: 3vw; 67 | } 68 | -------------------------------------------------------------------------------- /cssbak/medium.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 3 | font-weight: 400; 4 | font-size: 21px!important; 5 | line-height: 1.58; 6 | letter-spacing: -.003em; 7 | margin-top: 29px; 8 | width: 90vh; 9 | margin: 0 auto; 10 | padding-left: 5vw!important; 11 | } 12 | 13 | h1 { 14 | margin-top: 0; 15 | font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; 16 | font-weight: 700; 17 | font-style: normal; 18 | font-size: 36px; 19 | margin-left: -2.25px; 20 | line-height: 1.15; 21 | letter-spacing: -.02em; 22 | color: rgba(0,0,0,.8); 23 | word-wrap: break-word; 24 | } 25 | h1 { 26 | border-bottom: 0!important; 27 | } 28 | 29 | h2, h3, h4, h5, h6 { 30 | margin-top: 39px; 31 | font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; 32 | font-weight: 300; 33 | font-style: normal; 34 | margin-left: -1.75px; 35 | line-height: 1.22; 36 | letter-spacing: -.022em; 37 | color: rgba(0,0,0,.44); 38 | } 39 | h2 { 40 | font-size: 28px; 41 | } 42 | h3 { 43 | font-size: 26px; 44 | } 45 | h4 { 46 | font-size: 24px; 47 | } 48 | h5 { 49 | font-size: 22px; 50 | } 51 | h6 { 52 | font-size: 20px; 53 | } 54 | 55 | #toc { 56 | display: none; 57 | } 58 | 59 | blockquote { 60 | margin-top: 55px; 61 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 62 | font-weight: 400; 63 | font-style: italic; 64 | font-size: 28px; 65 | margin-left: -1.75px; 66 | line-height: 1.48; 67 | letter-spacing: -.014em; 68 | color: rgba(0,0,0,.6); 69 | border: none; 70 | padding: 0; 71 | padding-left: 50px; 72 | text-align: left; 73 | } 74 | blockquote:before { 75 | color: rgba(0,0,0,.6)!important; 76 | } 77 | 78 | .byline { 79 | font-style: italic; 80 | font-weight: 700; 81 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 82 | font-size: 21px; 83 | line-height: 1.58; 84 | letter-spacing: -.003em; 85 | color: rgba(0,0,0,.8); 86 | } 87 | 88 | .blurb { 89 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 90 | font-weight: 400; 91 | font-size: 21px; 92 | line-height: 1.58; 93 | letter-spacing: -.003em; 94 | } 95 | 96 | hr { 97 | margin-top: 52px; 98 | margin-bottom: 42px; 99 | border: 0; 100 | text-align: center; 101 | } 102 | hr:before { 103 | font-family: Georgia,Cambria,"Times New Roman",Times,serif; 104 | font-weight: 400; 105 | font-style: italic; 106 | font-size: 28px; 107 | letter-spacing: .6em; 108 | content: '...'; 109 | display: inline-block; 110 | margin-left: .6em; 111 | color: rgba(0,0,0,.6); 112 | position: relative; 113 | top: -30px; 114 | } 115 | a { 116 | text-decoration: none; 117 | background-image: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 50%); 118 | background-repeat: repeat-x; 119 | background-size: 2px 2px; 120 | background-position: 0 22px; 121 | color: inherit; 122 | background-color: transparent; 123 | } 124 | a:hover { 125 | outline: 0; 126 | color: inherit; 127 | } 128 | p { 129 | font-size: inherit; 130 | } 131 | 132 | .title { 133 | font-style: normal!important; 134 | font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important; 135 | font-weight: 300!important; 136 | font-size: 13px!important; 137 | line-height: 1.4!important; 138 | color: rgba(0,0,0,.6)!important; 139 | letter-spacing: 0!important; 140 | text-align: center!important; 141 | margin-top: 10px!important; 142 | } 143 | .title a { 144 | text-decoration: none; 145 | background-image: linear-gradient(to bottom,rgba(0,0,0,.44) 50%,#fff 50%); 146 | background-size: 2px 2px; 147 | background-position: 0 14px; 148 | background-repeat: repeat-x; 149 | font-size: 13px!important; 150 | } 151 | .title a:hover { 152 | outline: 0; 153 | color: inherit; 154 | } 155 | 156 | tfoot .tableblock { 157 | font-weight: bold; 158 | } 159 | 160 | /* Responsiveness fixes */ 161 | img { 162 | max-width: 100%; 163 | } 164 | video { 165 | max-width: 85vw; 166 | } 167 | 168 | @media all and (max-width: 600px) { 169 | table { 170 | width: 55vw!important; 171 | font-size: 3vw; 172 | } 173 | 174 | pre { 175 | font-size: large; 176 | } -------------------------------------------------------------------------------- /cssbak/monospace.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url("https://fonts.googleapis.com/css?family=Source+Code+Pro"); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#000000; 12 | --secondarycolor:#000000; 13 | --tertiarycolor: #000000; 14 | --sidebarbackground:#CCC; 15 | --linkcolor:#000000; 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | body{font-family: "Source Code Pro",sans-serif;} 22 | 23 | /* Text styles */ 24 | h1{color:var(--primarycolor) !important; font-family: "Source Code Pro",sans-serif;} 25 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important; font-family: "Source Code Pro",sans-serif;} 26 | .title{color:var(--tertiarycolor) !important; font-family:"Source Code Pro",sans-serif !important;font-style: normal !important; font-weight: normal !important;} 27 | 28 | /* Sidebar */ 29 | #toctitle{font-family: "Source Code Pro",sans-serif;} 30 | .sectlevel1{font-family: "Source Code Pro",sans-serif!important;} 31 | .sectlevel2{font-family: "Source Code Pro",sans-serif!important;} 32 | 33 | /* Responsiveness fixes */ 34 | video { 35 | max-width: 100%; 36 | } 37 | 38 | @media all and (max-width: 600px) { 39 | table { 40 | width: 55vw!important; 41 | font-size: 3vw; 42 | } 43 | -------------------------------------------------------------------------------- /cssbak/notebook.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Cabin+Sketch|Architects+Daughter); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#000000; 11 | --secondarycolor:#1a237e; 12 | --tertiarycolor:#CCCCCC; 13 | --highlightcolor: #ffd600; 14 | --sidebarbackground:#CACACA; 15 | --linkcolor:#0D47A1; 16 | --linkcoloralternate:#B71C1C; 17 | --stickynote: #f9a825; 18 | --white:#FFFFFF; 19 | --black:#000000; 20 | } 21 | 22 | /* Text styles */ 23 | 24 | body{font-family: "Architects Daughter",sans-serif;background-color: #fff;background-image:linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),linear-gradient(#eee .15em, transparent .15em);background-size: 100% 1.2em;} 25 | 26 | h1{color:var(--primarycolor) !important;font-family:"Cabin Sketch",sans-serif;} 27 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Cabin Sketch",sans-serif;} 28 | .title{color:var(--black) !important;font-family:"Architects Daughter",sans-serif;font-style: normal; font-weight: normal;} 29 | /*a{text-decoration: none;}*/ 30 | p{font-family: "Architects Daughter",sans-serif ! important} 31 | #toc.toc2 a:link{color:var(--linkcolor); font-family: "Architects Daughter" !important} 32 | blockquote{color:var(--secondarycolor) !important} 33 | .quoteblock{color:var(--black)} 34 | .quoteblock blockquote:before{color:var(--black)} 35 | code{color:var(--highlightcolor);background-color: var(--black) !important} 36 | mark{background-color: var(--highlightcolor)} /* Text highlighting color */ 37 | pre{background-color: var(--stickynote) !important;color:var(--secondarycolor);font-family: monospace;} 38 | 39 | /* Table styles */ 40 | th{background-color: var(--maincolor);color:var(--black) !important;} 41 | td{background-color: var(--maincolor);color: var(--black) !important} 42 | 43 | 44 | #toc.toc2{background-color:var(--sidebarbackground);font-family: "Architects Daughter",sans-serif;} 45 | #toctitle{color:var(--white); font-family: "Cabin Sketch"} 46 | 47 | /* Responsiveness fixes */ 48 | video { 49 | max-width: 100%; 50 | } 51 | 52 | @media all and (max-width: 600px) { 53 | table { 54 | width: 55vw!important; 55 | font-size: 3vw; 56 | } 57 | -------------------------------------------------------------------------------- /cssbak/plain.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Noto+Sans); 4 | @import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | :root{ 9 | --maincolor:#FFFFFF; 10 | --primarycolor:#000000; 11 | --secondarycolor:#AAAAAA; 12 | --tertiarycolor:#CCCCCC; 13 | --sidebarbackground:#CACACA; 14 | --linkcolor:#0D47A1; 15 | --linkcoloralternate:#B71C1C; 16 | --white:#FFFFFF; 17 | --black:#000000; 18 | } 19 | 20 | /* Text styles */ 21 | 22 | body{font-family: "Noto Sans",sans-serif;background-color: var(--maincolor);color:var(--black);} 23 | 24 | h1{color:var(--primarycolor) !important;font-family:"Noto Sans",sans-serif;} 25 | h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Noto Sans",sans-serif;} 26 | .title{color:var(--black) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;} 27 | a{text-decoration: none;} 28 | p{font-family: "Noto Sans",sans-serif ! important} 29 | #toc.toc2 a:link{color:var(--linkcolor);} 30 | blockquote{color:var(--secondarycolor) !important} 31 | .quoteblock{color:var(--black)} 32 | .quoteblock blockquote:before{color:var(--black)} 33 | code{color:var(--white);background-color: var(--secondarycolor) !important} 34 | mark{background-color: var(--tertiarycolor)} /* Text highlighting color */ 35 | 36 | /* Table styles */ 37 | th{background-color: var(--maincolor);color:var(--black) !important;} 38 | td{background-color: var(--maincolor);color: var(--black) !important} 39 | 40 | 41 | #toc.toc2{background-color:var(--sidebarbackground);} 42 | #toctitle{color:var(--white);} 43 | 44 | /* Responsiveness fixes */ 45 | video { 46 | max-width: 100%; 47 | } 48 | 49 | @media all and (max-width: 600px) { 50 | table { 51 | width: 55vw!important; 52 | font-size: 3vw; 53 | } 54 | -------------------------------------------------------------------------------- /cssbak/template.css: -------------------------------------------------------------------------------- 1 | /* document body (contains all content) */ 2 | body { 3 | font-size: small; 4 | } 5 | 6 | /* document header (contains title etc) */ 7 | #header { 8 | width: 100%; 9 | } 10 | 11 | /* headings */ 12 | h1 { 13 | color: purple; 14 | } 15 | h2 { 16 | color: chartreuse; 17 | } 18 | h3 { 19 | color: coral; 20 | } 21 | h4 { 22 | color: darkcyan; 23 | } 24 | h5 { 25 | color: darkslategray; 26 | } 27 | h6 { 28 | color: olive; 29 | } 30 | 31 | /* Table of Contents sidebar */ 32 | #toc { 33 | background-color: plum!important; 34 | color: white; 35 | font-weight: bold; 36 | } 37 | /* title of the TOC */ 38 | #toctitle { 39 | color: white; 40 | } 41 | /* top-level entries in TOC */ 42 | .sectlevel1 { 43 | background-color: palegoldenrod; 44 | } 45 | /* second-level entries in TOC */ 46 | .sectlevel2 { 47 | background-color: palegreen; 48 | } 49 | 50 | /* main content window */ 51 | #content { 52 | background-color: lavender; 53 | color: navy; 54 | } 55 | 56 | /* plain paragraph text */ 57 | .paragraph { 58 | font-family: sans-serif; 59 | } 60 | p { 61 | font-family: sans-serif; 62 | } 63 | 64 | /* blockquote text */ 65 | .quoteblock { 66 | font-style: italic; 67 | } 68 | blockquote { 69 | font-style: italic; 70 | } 71 | 72 | /* the quotation mark itself (before the block) */ 73 | .quoteblock blockquote::before { 74 | color: blue; 75 | } 76 | 77 | /* blockquote attribution text */ 78 | .attribution { 79 | font-size: x-large; 80 | } 81 | 82 | /* blockquote citation (work where quote cited) */ 83 | cite { 84 | font-size: x-large; 85 | } 86 | 87 | /* ordered list */ 88 | ol { 89 | color: red; 90 | } 91 | .olist { 92 | color: red; 93 | } 94 | 95 | /* unordered list */ 96 | ul { 97 | color: blue; 98 | } 99 | .ulist { 100 | color: blue; 101 | } 102 | 103 | /* links */ 104 | a { 105 | text-decoration: none; 106 | } 107 | 108 | /* bold text */ 109 | strong { 110 | color: green; 111 | } 112 | 113 | /* italic text */ 114 | em { 115 | color: orange; 116 | } 117 | 118 | /* underlined text */ 119 | u { 120 | color: yellow; 121 | } 122 | 123 | /* deleted text */ 124 | del { 125 | text-decoration: line-through; 126 | color: red; 127 | } 128 | /* inserted text */ 129 | ins { 130 | text-decoration: overline; 131 | color: green; 132 | } 133 | 134 | /* strikethrough text */ 135 | s { 136 | text-decoration-color: red; 137 | } 138 | 139 | /* superscript text */ 140 | sup {} 141 | /* subscript text */ 142 | sub {} 143 | 144 | /* small text */ 145 | small {} 146 | 147 | /* highlighted text */ 148 | mark {} 149 | 150 | /* horizontal rules */ 151 | hr {} 152 | 153 | /* table */ 154 | table {} 155 | /* table caption */ 156 | caption {} 157 | /* table header row */ 158 | thead {} 159 | /* table header cell */ 160 | th {} 161 | /* table row */ 162 | tr {} 163 | /* table footer */ 164 | tfoot {} 165 | /* table cell */ 166 | td {} 167 | /* table body */ 168 | tbody {} 169 | 170 | /* inline code */ 171 | code { 172 | background-color: papayawhip!important; 173 | } 174 | /* pre-formatted text */ 175 | pre { 176 | background-color: burlywood!important; 177 | } 178 | .literalblock { 179 | background-color: burlywood!important; 180 | } 181 | 182 | /* image */ 183 | img { 184 | max-width: 100%; 185 | } 186 | /* image caption */ 187 | .imageblock .title { 188 | font-weight: bold!important; 189 | } 190 | 191 | /* audio */ 192 | audio {} 193 | /* video */ 194 | video {} 195 | 196 | /* footer section */ 197 | #footer { 198 | background-color: gray; 199 | color: red; 200 | } 201 | /* footer text (by default contains time of last document update) */ 202 | #footer-text { 203 | font-weight: bold; 204 | color: white; 205 | } 206 | 207 | /* Responsiveness fixes */ 208 | video { 209 | max-width: 100%; 210 | } 211 | 212 | @media all and (max-width: 600px) { 213 | table { 214 | width: 55vw!important; 215 | font-size: 3vw; 216 | } 217 | -------------------------------------------------------------------------------- /cssbak/ubuntu.css: -------------------------------------------------------------------------------- 1 | /* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */ 2 | 3 | @import url(//fonts.googleapis.com/css?family=Ubuntu); 4 | @import url(//asciidoctor.org/stylesheets/asciidoctor.css); /* Default asciidoc style framework - important */ 5 | 6 | /* CUSTOMISATIONS */ 7 | /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */ 8 | 9 | :root{ 10 | --maincolor:#FFFFFF; 11 | --primarycolor:#E95420; 12 | --secondarycolor:#333333; 13 | --tertiarycolor: #772953; 14 | --sidebarbackground:#CCC; 15 | --linkcolor:#b71c1c; 16 | --linkcoloralternate:#f44336; 17 | --white:#FFFFFF; 18 | --black:#000000; 19 | } 20 | 21 | /* Text styles */ 22 | body{font-family: "Ubuntu",sans-serif;} 23 | 24 | h1,h2{color:var(--primarycolor) !important;font-family:"Ubuntu",sans-serif;} 25 | h3,h4,h5,h6{color:var(--secondarycolor);font-family: "Ubuntu",sans-serif;} 26 | .title{color:(--primarycolor) !important;font-family:"Ubuntu",sans-serif;font-style: normal; font-weight: normal;} 27 | p{font-family: "Ubuntu",sans-serif ! important} 28 | #toc.toc2 a:link{color:white;} 29 | code{background-color: var(--secondarycolor) !important;color:var(--white)} 30 | 31 | 32 | /* Table styles */ 33 | th{background-color: var(--tertiarycolor);color:var(--white) !important;} 34 | 35 | #toc.toc2{background-color:#2C001E;color:white;} 36 | #toc.toc2.a{color:white;} 37 | #toctitle{color:#E95420;} 38 | 39 | /* Responsiveness fixes */ 40 | video { 41 | max-width: 100%; 42 | } 43 | 44 | @media all and (max-width: 600px) { 45 | table { 46 | width: 55vw!important; 47 | font-size: 3vw; 48 | } 49 | -------------------------------------------------------------------------------- /default-cover.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | image/svg+xml 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | Asciidoctor 44 | EPUB3 45 | 46 | 47 | Asciidoctor 48 | EPUB3 49 | 50 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /frog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StefanSalewski/NimProgrammingBook/818f5b98e63ca1fb8551ea85828958c5b9828e09/frog.png -------------------------------------------------------------------------------- /frog1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StefanSalewski/NimProgrammingBook/818f5b98e63ca1fb8551ea85828958c5b9828e09/frog1.jpg -------------------------------------------------------------------------------- /genbash.nim: -------------------------------------------------------------------------------- 1 | import std/strutils 2 | 3 | const 4 | css = """ 5 | adoc.css 6 | adoc-colony.css 7 | adoc-foundation.css 8 | adoc-foundation-lime.css 9 | adoc-foundation-potion.css 10 | adoc-github.css 11 | adoc-golo.css 12 | adoc-iconic.css 13 | adoc-maker.css 14 | adoc-readthedocs.css 15 | adoc-riak.css 16 | adoc-rocket-panda.css 17 | adoc-rubygems.css 18 | asciidoc-classic.css 19 | asciidoctor.css 20 | boot-cerulean.css 21 | boot-cosmo.css 22 | boot-cyborg.css 23 | boot-darkly.css 24 | boot-flatly.css 25 | boot-journal.css 26 | boot-lumen.css 27 | boot-paper.css 28 | boot-readable.css 29 | boot-sandstone.css 30 | boot-slate.css 31 | boot-spacelab.css 32 | boot-superhero.css 33 | boot-yeti.css 34 | clean.css 35 | dark.css 36 | fedora.css 37 | gazette.css 38 | italian-pop.css 39 | material-amber.css 40 | material-blue.css 41 | material-brown.css 42 | material-green.css 43 | material-grey.css 44 | material-orange.css 45 | material-pink.css 46 | material-purple.css 47 | material-red.css 48 | material-teal.css 49 | medium.css 50 | monospace.css 51 | notebook.css 52 | plain.css 53 | template.css 54 | tufte.css 55 | ubuntu.css""" 56 | 57 | com = """ 58 | ~/bin/asciidoctor -D output -a rouge-style=molokai -a stylesheet=css/$1 -o nimprogramming_$2.html nimprogramming.adoc""" 59 | 60 | for s in css.split: 61 | let n = s[0 .. ^5] 62 | echo com % [s, n] 63 | 64 | -------------------------------------------------------------------------------- /genpass.nim: -------------------------------------------------------------------------------- 1 | import strutils 2 | const 3 | Keywords = """ 4 | addr and as asm 5 | bind block break 6 | case cast concept const continue converter 7 | defer discard distinct div do 8 | elif else end enum except export 9 | finally for from func 10 | if import in include interface is isnot iterator 11 | let 12 | macro method mixin mod 13 | nil not notin 14 | object of or out 15 | proc ptr 16 | raise ref return 17 | shl shr static 18 | template try tuple type 19 | using 20 | var 21 | when while 22 | xor 23 | yield 24 | """ 25 | 26 | const 27 | Tps = """ 28 | int 29 | int8 30 | int16 31 | int32 32 | uint 33 | uint8 34 | uint16 35 | uint32 36 | float 37 | float32 38 | float64 39 | array 40 | seq 41 | object 42 | tuple 43 | string 44 | """ 45 | 46 | for k in Keywords.split: 47 | echo ":$1: pass:q[[.key]#$1#]" % k 48 | 49 | for k in Tps.split: 50 | echo ":$1: pass:q[[.type]#$1#]" % k 51 | 52 | -------------------------------------------------------------------------------- /gensedscriptforbackticks.nim: -------------------------------------------------------------------------------- 1 | # sed 's/\(\[\.var\]#[^#]\+#\)/`\1`/' 2 | # sed 's/\({[^}]\+}\)/`\1`/' 3 | 4 | import strutils 5 | 6 | const 7 | Tps = """ 8 | var 9 | op 10 | proc 11 | term 12 | code 13 | func 14 | const 15 | lit 16 | key 17 | type 18 | mod 19 | str 20 | obj 21 | tup 22 | mac 23 | array""" 24 | 25 | const 26 | Keywords = """ 27 | addr and as asm 28 | bind block break 29 | case cast concept const continue converter 30 | defer discard distinct div do 31 | elif else end enum except export 32 | finally for from func 33 | if import in include interface is isnot iterator 34 | let 35 | macro macros method methods mixin mod 36 | nil not notin 37 | object objects of or out 38 | proc procs ptr 39 | raise ref return 40 | shl shr static 41 | template templates try tuple tuples type types 42 | using 43 | var 44 | when while 45 | xor 46 | yield""" 47 | 48 | #[ 49 | stdout.write "sed -i '" 50 | for k in Keywords.split: 51 | #echo """sed -i 's/\({$1}\)/`\1`/'""" % k, " ?.adoc" 52 | stdout.write """s/\({$1}\)/\\`\1`/g;""" % k 53 | #echo """s/@/@/'""", " nimprogramming.adoc" 54 | echo """'""", " nimprog.adoc" 55 | 56 | #echo """sed -i 's/\({[^}]\+}\)/`\1`/'""", " ?.adoc" 57 | echo "" 58 | ]# 59 | 60 | stdout.write "sed -i '" 61 | for k in Tps.split: 62 | stdout.write """s/\(\[\.$1\]#[^#]\+#\)/\\`\1`/g;""" % k 63 | echo """'""", " nimprog.adoc" 64 | 65 | -------------------------------------------------------------------------------- /markup: -------------------------------------------------------------------------------- 1 | 2 | 3 | .new{background-color: #FF0; color: #000} 4 | .recent{background-color: #FFA} 5 | .ndef{font-style: italic} 6 | .italic{font-style: italic} 7 | .op{font-family: monospace; font-weight: bold} 8 | .key{font-weight: bold} 9 | .type{font-family: monospace} 10 | .str{font-family: monospace} /* string type */ 11 | .array{font-family: monospace} /* array type */ 12 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 13 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 14 | .var{font-family: monospace; font-style: italic} 15 | .mod{font-family: monospace; font-variant: small-caps} 16 | .lit{font-family: monospace; font-style: italic} 17 | .clit{font-family: monospace; font-style: italic} /* the same as .lit, but never enclosed with backticks */ 18 | .slit{font-family: monospace; font-style: italic} 19 | .const{font-family: monospace; font-style: italic} 20 | .code{font-family: monospace; background-color: #EEE; color: #000} 21 | .term{font-family: monospace; background-color: #EEE; color: #000} 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /mst1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StefanSalewski/NimProgrammingBook/818f5b98e63ca1fb8551ea85828958c5b9828e09/mst1.png -------------------------------------------------------------------------------- /nimbook.css: -------------------------------------------------------------------------------- 1 | @import "/home/stefan/asciidoctor-stylesheet-factory/stylesheets/asciidoctor.css"; 2 | 3 | /* https://github.com/asciidoctor/asciidoctor.org/issues/422 */ 4 | 5 | :root{ 6 | --maincolor:#00FFFF; 7 | --primarycolor:#000000; 8 | --secondarycolor:#AAAA00; 9 | --tertiarycolor:#CCCCCC; 10 | --sidebarbackground:#CACACA; 11 | --linkcolor:#0D47A1; 12 | --linkcoloralternate:#B71C1C; 13 | --white:#FFFFFF; 14 | --black:#000000; 15 | } 16 | 17 | 18 | .var{font-family: monospace; background-color: #DDD; color: #000} 19 | .code{font-family: monospace; background-color: #DDD; color: #000} 20 | .term{font-family: monospace; background-color: #DDD; color: #000} 21 | .ndef{font-style: italic; color: #000} 22 | 23 | 24 | .userinput{font-family: monospace, monospace;color:#000; font-size:80%;} 25 | 26 | .monospace{font-family: monospace, monospace;color:#000; background-color: #EEE; font-size:70%;} 27 | 28 | .important{color: #000; background-color:#FF0} 29 | 30 | .new{color: #000; background-color:#FF0} 31 | 32 | .dim{font-style: italic} 33 | 34 | .quote{} 35 | -------------------------------------------------------------------------------- /sedscriptforbackticks: -------------------------------------------------------------------------------- 1 | sed -i 's/\(\[\.var\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.op\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.proc\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.term\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.code\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.func\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.const\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.lit\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.key\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.type\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.mod\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.str\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.obj\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.tup\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.mac\]#[^#]\+#\)/\\`\1`/g;s/\(\[\.array\]#[^#]\+#\)/\\`\1`/g;' nimprog.adoc 2 | -------------------------------------------------------------------------------- /styles/color-palette.css: -------------------------------------------------------------------------------- 1 | .palette-grayscale { 2 | color: #000000; /* black :: body text, heading default */ 3 | color: #101010; /* off-black :: code, literal, blockquote text */ 4 | color: #202020; /* deep gray :: h4 */ 5 | color: #333332; /* dark gray :: h5, visited link, list bullets, abstract, caption, open quote */ 6 | color: #707070; /* medium gray :: table borders */ 7 | color: #C8C8C8; /* gray :: footer subtitle, sidebar border */ 8 | color: #E0E0E0; /* off white :: pre background, sidebar background */ 9 | color: #FFFFFF; /* white :: chapter subtitle */ 10 | } 11 | 12 | .palette-color { 13 | color: #468C54; /* medium green :: code annotation numbers */ 14 | color: #57AD68; /* green :: end mark, chapter title keyword */ 15 | color: #A9D8B2; /* light green */ 16 | } 17 | 18 | /* 19 | type scale:: 20 | 50 2.27 21 | 32 1.45 22 | 30 1.36 23 | 24 1.1 24 | 22 1 25 | */ 26 | -------------------------------------------------------------------------------- /styles/epub3-css3-only.css: -------------------------------------------------------------------------------- 1 | /* @page is for EPUB2 only */ 2 | @page { 3 | margin: 0; 4 | } 5 | 6 | body.calibre-desktop { 7 | padding: 20pt 0 !important; 8 | } 9 | 10 | body.calibre-desktop > section { 11 | margin: 0 25pt; 12 | } 13 | 14 | /* Gitden & Namo default to 16px font-size; bump it to 19px (118.75%) */ 15 | body.gitden-reader, 16 | body.namo-epub-library { 17 | font-size: 118.75%; 18 | } 19 | 20 | /* Gitden doesn't give us much margin, so let's roughly match Aldiko and Kindle (narrow setting) */ 21 | body.gitden-reader { 22 | margin: 0 5pt !important; 23 | } 24 | 25 | /* Namo has the same margin problem, except setting side margins doesn't work */ 26 | /*body.namo-epub-library > section.chapter { 27 | margin: 0 5pt; 28 | }*/ 29 | 30 | /* Use tighter margins and smaller font (18px) on phones (Nexus 4 and smaller) */ 31 | @media only screen and (max-device-width: 768px) and (max-device-height: 1280px), only screen and (max-device-width: 1280px) and (max-device-height: 768px) { 32 | body.gitden-reader, 33 | body.namo-epub-library { 34 | font-size: 112.5%; 35 | } 36 | 37 | /*body.gitden-reader { 38 | margin: 0 5pt !important; 39 | }*/ 40 | /*body.namo-epub-library > section.chapter { 41 | margin: 0 5pt; 42 | }*/ 43 | } 44 | 45 | body.gitden-reader pre { 46 | white-space: pre-wrap !important; /* Gitden must be applying white-space: pre !important */ 47 | } 48 | 49 | body h1, body h2, body h3:not(.list-heading), body h4, body h5, body h6, 50 | h1 :not(code), h2 :not(code), h3:not(.list-heading) :not(code), h4 :not(code), h5 :not(code), h6 :not(code) { 51 | /* !important required to override custom font setting in Kindle / Gitden / Namo */ 52 | /* Gitden requires the extra weight of a parent selector; it also makes headings bold when custom font is specified */ 53 | /* Kindle and Gitden require the override on heading child elements */ 54 | font-family: "M+ 1p", sans-serif !important; 55 | } 56 | 57 | /* QUESTION what about nested elements inside code? */ 58 | body code, body kbd, body pre, pre :not(code) { 59 | /* !important required to override custom font setting in Kindle / Gitden / Namo */ 60 | /* Gitden requires the extra weight of a parent selector */ 61 | /* Kindle and Gitden require the override on pre child elements */ 62 | font-family: "M+ 1mn", monospace !important; 63 | } 64 | 65 | @media amzn-kf8 { 66 | /* Kindle does its own margin management, so don't use an explicit margin */ 67 | /*body { 68 | margin: 0 !important; 69 | }*/ 70 | /* text-rendering is the only way to enable kerning in Kindle (and Calibre, though it seems to kern automatically) */ 71 | /* personally, I think Kindle overdoes kerning, but we're running with it for now */ 72 | /* text-rendering: optimizeLegibility kills certain Kindle eInk devices */ 73 | /*h1, h2, h3, h4, h5, h6, 74 | body p, li, dd, blockquote > footer, 75 | th, td, figcaption, caption { 76 | text-rendering: optimizeLegibility; 77 | }*/ 78 | 79 | h1.chapter-title .subtitle::after { 80 | display: table; 81 | content: ' '; 82 | clear: both; 83 | } 84 | } 85 | 86 | .chapter-header p.byline { 87 | height: auto; /* Aldiko requires this value to be 0; reset it for all others */ 88 | } 89 | 90 | /* Font-based icons */ 91 | .icon { 92 | display: inline-block; 93 | /* !important required to override custom font setting in Kindle (since .icon can appear inside a span) */ 94 | font-family: "FontAwesome" !important; 95 | font-style: normal !important; 96 | font-weight: normal !important; 97 | line-height: 1; 98 | } 99 | 100 | .icon-1_5x { 101 | padding: 0 0.25em; 102 | -webkit-transform: scale(1.5, 1.5); 103 | transform: scale(1.5, 1.5); 104 | } 105 | 106 | .icon-2x { 107 | padding: 0 0.5em; 108 | -webkit-transform: scale(2, 2); 109 | transform: scale(2, 2); 110 | } 111 | 112 | .icon-small { 113 | font-size: 0.85em; 114 | vertical-align: 0.075em; 115 | } 116 | 117 | .icon-1_5em { 118 | font-size: 1.5em; 119 | } 120 | 121 | .icon-2em { 122 | font-size: 2em; 123 | } 124 | 125 | .icon-3em { 126 | font-size: 3em; 127 | } 128 | 129 | .icon-4em { 130 | font-size: 4em; 131 | } 132 | 133 | .icon-rotate-90 { 134 | -webkit-transform: rotate(90deg); 135 | transform: rotate(90deg); 136 | } 137 | 138 | .icon-rotate-90i { 139 | -webkit-transform: scale(-1, 1) rotate(90deg); 140 | transform: scale(-1, 1) rotate(90deg); 141 | } 142 | 143 | .icon-rotate-180 { 144 | -webkit-transform: rotate(180deg); 145 | transform: rotate(180deg); 146 | } 147 | 148 | .icon-rotate-180i { 149 | -webkit-transform: scale(-1, 1) rotate(180deg); 150 | transform: scale(-1, 1) rotate(180deg); 151 | } 152 | 153 | .icon-rotate-270 { 154 | -webkit-transform: rotate(270deg); 155 | transform: rotate(270deg); 156 | } 157 | 158 | .icon-rotate-270i { 159 | -webkit-transform: scale(-1, 1) rotate(270deg); 160 | transform: scale(-1, 1) rotate(270deg); 161 | } 162 | 163 | .icon-flip-h { 164 | -webkit-transform: scale(-1, 1); 165 | transform: scale(-1, 1); 166 | } 167 | 168 | .icon-flip-v { 169 | -webkit-transform: scale(1, -1); 170 | transform: scale(1, -1); 171 | } 172 | 173 | .new{background-color: #FF0; color: #000} 174 | .recent{background-color: #FFA} 175 | .ndef{font-style: italic} 176 | .italic{font-style: italic} 177 | .op{font-family: monospace; font-weight: bold} 178 | .key{font-weight: bold} 179 | .type{font-family: monospace} 180 | .str{font-family: monospace} /* string type */ 181 | .array{font-family: monospace} /* array type */ 182 | .tup{font-family: monospace} /* tuple type, tuple is indeed a keyword */ 183 | .obj{font-family: monospace} /* object type, object is indeed a keyword */ 184 | .var{font-family: monospace; font-style: italic} 185 | .mod{font-family: monospace; font-variant: small-caps} 186 | .lit{font-family: monospace; font-style: italic} 187 | .const{font-family: monospace; font-style: italic} 188 | .code{font-family: monospace; background-color: #EEE; color: #000} 189 | .term{font-family: monospace; background-color: #EEE; color: #000} 190 | 191 | -------------------------------------------------------------------------------- /styles/epub3-fonts.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "Noto Serif"; 3 | font-style: normal; 4 | font-weight: normal; 5 | src: url(../fonts/notoserif-regular-latin.ttf); 6 | } 7 | 8 | @font-face { 9 | font-family: "Noto Serif"; 10 | font-style: italic; 11 | font-weight: normal; 12 | src: url(../fonts/notoserif-italic-latin.ttf); 13 | } 14 | 15 | @font-face { 16 | font-family: "Noto Serif"; 17 | font-style: normal; 18 | font-weight: bold; 19 | src: url(../fonts/notoserif-bold-latin.ttf); 20 | } 21 | 22 | @font-face { 23 | font-family: "Noto Serif"; 24 | font-style: italic; 25 | font-weight: bold; 26 | src: url(../fonts/notoserif-bolditalic-latin.ttf); 27 | } 28 | 29 | /* NOTE: use numeric font weights for M+ 1p since we're using weight variations */ 30 | @font-face { 31 | font-family: "M+ 1p"; 32 | font-style: normal; 33 | font-weight: 400; 34 | src: url(../fonts/mplus1p-regular-latin.ttf); 35 | } 36 | 37 | @font-face { 38 | font-family: "M+ 1p"; 39 | font-style: normal; 40 | font-weight: 200; 41 | src: url(../fonts/mplus1p-light-latin.ttf); 42 | } 43 | 44 | @font-face { 45 | font-family: "M+ 1p"; 46 | font-style: normal; 47 | font-weight: 700; 48 | src: url(../fonts/mplus1p-bold-latin.ttf); 49 | } 50 | 51 | @font-face { 52 | font-family: "M+ 1mn"; 53 | font-style: normal; 54 | font-weight: normal; 55 | src: url(../fonts/mplus1mn-regular-ascii-conums.ttf); 56 | } 57 | 58 | @font-face { 59 | font-family: "M+ 1mn"; 60 | font-style: italic; 61 | font-weight: normal; 62 | /* actually the M+ 1mn light font repurposed using FontForge to stand-in for Italic */ 63 | src: url(../fonts/mplus1mn-italic-ascii.ttf); 64 | } 65 | 66 | @font-face { 67 | font-family: "M+ 1mn"; 68 | font-style: normal; 69 | font-weight: bold; 70 | /* actually the M+ 1mn medium font repurposed using FontForge to stand-in for Bold */ 71 | src: url(../fonts/mplus1mn-bold-ascii.ttf); 72 | } 73 | 74 | @font-face { 75 | font-family: "M+ 1mn"; 76 | font-style: italic; 77 | font-weight: bold; 78 | /* actually the M+ 1mn bold font repurposed using FontForge to stand-in for Bold Italic */ 79 | src: url(../fonts/mplus1mn-bolditalic-ascii.ttf); 80 | } 81 | 82 | @font-face { 83 | font-family: "FontAwesome"; 84 | font-style: normal; 85 | font-weight: normal; 86 | src: url(../fonts/awesome/fa-solid-900.ttf); 87 | } 88 | 89 | @font-face { 90 | font-family: "FontIcons"; 91 | font-style: normal; 92 | font-weight: normal; 93 | src: url(../fonts/assorted-icons.ttf); 94 | } 95 | -------------------------------------------------------------------------------- /themes/default-sans.yml: -------------------------------------------------------------------------------- 1 | # ~/bin/asciidoctor-pdf --theme theme1.yml nimprogramming.adoc 2 | extends: default-sans 3 | #base: 4 | # font_size: 8 5 | # line_height_length: 10 6 | # font-color: #ff0000 7 | 8 | role: 9 | new: 10 | font-color: #000 11 | background-color: #FF0 12 | 13 | recent: 14 | background-color: #FFA 15 | 16 | ndef: 17 | font-style: italic 18 | 19 | italic: 20 | font-style: italic 21 | 22 | op: 23 | font-family: $codespan-font-family 24 | font_style: bold 25 | 26 | key: 27 | font_style: bold 28 | 29 | type: 30 | font-family: $codespan-font-family 31 | 32 | str: 33 | font-family: $codespan-font-family 34 | 35 | array: 36 | font-family: $codespan-font-family 37 | 38 | tup: 39 | font-family: $codespan-font-family 40 | 41 | obj: 42 | font-family: $codespan-font-family 43 | 44 | var: 45 | font-family: $codespan-font-family 46 | font-style: italic 47 | 48 | mod: 49 | #font-family: $codespan-font-family 50 | text-transform: smallcaps 51 | 52 | lit: 53 | font-family: $codespan-font-family 54 | font-style: italic 55 | 56 | clit: 57 | font-family: $codespan-font-family 58 | font-style: italic 59 | 60 | slit: 61 | font-family: $codespan-font-family 62 | font-style: italic 63 | 64 | const: 65 | font-family: $codespan-font-family 66 | font-style: italic 67 | 68 | code: 69 | font-family: $codespan-font-family 70 | font-color: #000 71 | background-color: #EEE 72 | #border-color: #33FF33 73 | #border-radius: 2 74 | #border-width: 0.5 75 | #border-offset: .0 76 | 77 | term: 78 | font-family: $codespan-font-family 79 | font-color: #000 80 | background-color: #EEE 81 | 82 | 83 | -------------------------------------------------------------------------------- /themes/default.yml: -------------------------------------------------------------------------------- 1 | # ~/bin/asciidoctor-pdf --theme theme1.yml nimprogramming.adoc 2 | extends: default 3 | #base: 4 | # font_size: 8 5 | # line_height_length: 10 6 | # font-color: #ff0000 7 | 8 | role: 9 | new: 10 | font-color: #000 11 | background-color: #FF0 12 | 13 | recent: 14 | background-color: #FFA 15 | 16 | ndef: 17 | font-style: italic 18 | 19 | italic: 20 | font-style: italic 21 | 22 | op: 23 | font-family: $codespan-font-family 24 | font_style: bold 25 | 26 | key: 27 | font_style: bold 28 | 29 | type: 30 | font-family: $codespan-font-family 31 | 32 | str: 33 | font-family: $codespan-font-family 34 | 35 | array: 36 | font-family: $codespan-font-family 37 | 38 | tup: 39 | font-family: $codespan-font-family 40 | 41 | obj: 42 | font-family: $codespan-font-family 43 | 44 | var: 45 | font-family: $codespan-font-family 46 | font-style: italic 47 | 48 | mod: 49 | #font-family: $codespan-font-family 50 | text-transform: smallcaps 51 | 52 | lit: 53 | font-family: $codespan-font-family 54 | font-style: italic 55 | 56 | clit: 57 | font-family: $codespan-font-family 58 | font-style: italic 59 | 60 | slit: 61 | font-family: $codespan-font-family 62 | font-style: italic 63 | 64 | const: 65 | font-family: $codespan-font-family 66 | font-style: italic 67 | 68 | code: 69 | font-family: $codespan-font-family 70 | font-color: #000 71 | background-color: #EEE 72 | #border-color: #33FF33 73 | #border-radius: 2 74 | #border-width: 0.5 75 | #border-offset: .0 76 | 77 | term: 78 | font-family: $codespan-font-family 79 | font-color: #000 80 | background-color: #EEE 81 | 82 | 83 | --------------------------------------------------------------------------------