From 138076ad309c09640395421bfdb330d8cb0efc43 Mon Sep 17 00:00:00 2001
From: Mitsuo Tokumori <rtokumori@pucp.edu.pe>
Date: Fri, 1 Jul 2022 08:02:43 -0500
Subject: Add pandoc/linuxcolor_style.html

My CSS to render my notes in html using pandoc.
---
 pandoc/linuxcolors_style.html | 188 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 188 insertions(+)
 create mode 100644 pandoc/linuxcolors_style.html

diff --git a/pandoc/linuxcolors_style.html b/pandoc/linuxcolors_style.html
new file mode 100644
index 0000000..e050698
--- /dev/null
+++ b/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>
-- 
cgit v1.2.3