diff options
Diffstat (limited to 'public/.config/pandoc/linuxcolors_style.html')
| -rw-r--r-- | public/.config/pandoc/linuxcolors_style.html | 188 |
1 files changed, 188 insertions, 0 deletions
diff --git a/public/.config/pandoc/linuxcolors_style.html b/public/.config/pandoc/linuxcolors_style.html new file mode 100644 index 0000000..e050698 --- /dev/null +++ b/public/.config/pandoc/linuxcolors_style.html @@ -0,0 +1,188 @@ +<style type="text/css"> +:root { + /* Linux Colors (Konsole) + ()normal, (I)ntense, (F)aint + + https://kernel.org + */ + + --color1: rgb(0, 0, 0); /* background */ + --color2: rgb(178, 24, 24); /* red */ + --color3: rgb(24, 178, 24); /* green */ + --color4: rgb(178, 104, 24); /* yellow */ + --color5: rgb(24, 24, 178); /* blue */ + --color6: rgb(178, 24, 178); /* magenta */ + --color7: rgb(24, 178, 178); /* cyan */ + --color8: rgb(178, 178, 178); /* foreground */ + + --color1I: rgb(104, 104, 104); + --color2I: rgb(255, 84, 84); + --color3I: rgb(84, 255, 84); + --color4I: rgb(255, 255, 84); + --color5I: rgb(84, 84, 255); + --color6I: rgb(255, 84, 255); + --color7I: rgb(84, 255, 255); + --color8I: rgb(255, 255, 255); + + --color1F: rgb(0, 0, 0); + --color2F: rgb(101, 0, 0); + --color3F: rgb(0, 101, 0); + --color4F: rgb(101, 94, 0); + --color5F: rgb(0, 0, 101); + --color6F: rgb(101, 0, 101); + --color7F: rgb(0, 101, 101); + --color8F: rgb(101, 101, 101); + + /* + previously (h1-5): + - navy + - navy + - royalblue + - steelblue + - skyblue + */ +} +html { + font-size: 1em; /* (use browser's default, usually 16px) */ +} +body { + margin: auto; + padding-right: 1em; + padding-left: 1em; + max-width: 44em; + min-width: 44em; /* test different values */ + overflow: auto; + + border-left: 1px solid black; + border-right: 1px solid black; + font-family: sans-serif; + font-size: 100%; + line-height: 140%; + color: var(--color8); + background-color: var(--color1); +} +pre { + /* "wrapper" for code element */ + border: 1px solid var(--color8); + padding: 0.25em; + overflow: auto; + font-family: monospace; + /* 1.2 em relative to what? What size of M? I've no idea */ + font-size: 1.1em; + line-height: 1.1em; +} +code { + /* wraps around the lines of code, or something like that. I'm not sure + what is it's function + */ + /* somewhere in pandoc, this element get's white-space: pre-wrap, which + wraps code that doesn't fit in parent element. So I need to overwrite + that setting here. Now the contents overflow, and a scrollbar is + automatically enabled + */ + white-space: pre; +} +/* Definition List <dl>, Definition Title <dt>, Definition Description <dd> */ +dt { + font-weight: bold; +} +dd p { + margin-top: 0; +} +blockquote { + margin-top: 10px; + margin-bottom: 10px; + margin-left: 5px; + padding-left: 15px; + border-left: 3px solid #ccc; +} +h1, h2, h3, h4, h5 { + /* headers use serif font */ + /*font-weight: bold;*/ + font-family: Verdana, serif; +} + +h1 { + /* inspiration: htop table header + use: chapter begin + */ + font-size: 180%; + color: var(--color1); + background-color: var(--color3); + padding: 0.1em; +} + +h2 { + /* inspiration: Wikipedia section + use: section begin + */ + font-size: 160%; + + color: var(--color8I); + border-bottom: 1px solid; +} + +h3 { + /* inspiration: man page header + use: subsection + */ + font-size: 140%; + + color: var(--color8I); + /* UPPERCASE afecta mucho el tamaño :( */ + /*text-transform: uppercase;*/ +} + +h4 { + /* inspiration: man page sub-header + use: subsection + */ + font-size: 120%; + color: var(--color8I); +} + +h5 { + /* inspiration: man page sub-header + use: subsection + */ + font-size: 100%; + /*font-style: italic;*/ + color: var(--color8I); +} + +h1.title { + font-size: 200%; + line-height: 110%; + font-weight: bold; + + color: var(--color1); + background-color: var(--color3); + + border: none; + + padding-top: 0.2em; + padding-bottom: 0.2em; + text-align: center; +} + +p.author, p.date { + text-align: center; +} + +:any-link { + color: var(--color8); + text-decoration: underline; +} + +#footer { + padding-top: 1em; + font-size: 70%; + color: gray; + text-align: center; +} + +/* maybe fix this, make more dynamic */ +img { + max-width: 40em; +} +</style> |