/* An incomplete mix of */
/* 1. motherfuckingwebsite.com + bettermotherfuckingwebsite.com +
   thebestmotherfucking.website*/
/* 2. Org default style*/
/* 3. doom-molokai, using htmlize-buffer */

body {
    margin: 40px auto;
    max-width: 1000px;
    line-height: 1.6;
    font-size: 18px;
    padding: 0 10px;
    font-family: sans-serif;
    /* original colors */
    /* color: #444; */
    /* background-color: #eeeeee; */
    /* colors resembling Firefox's reader mode in the dark setting */
    color: #eeeeee !important;
    background-color: #333333;
}
h1,h2,h3 {
    line-height: 1.2;
}
img {
    max-width: 80%;
    height: auto;
    width: auto\9; /* ie8 */
}

Org defaults
.title  {
    text-align: center;
    margin-bottom: .2em;
}
.subtitle {
    text-align: center;
    font-size: medium;
    font-weight: bold;
    margin-top:0;
}
.todo   {
    font-family: monospace;
    color: red;
}
.done   {
    font-family: monospace;
    color: green;
}
.priority {
    font-family: monospace;
    color: orange;
}
.tag    {
    background-color: #111111;
    font-family: monospace;
    padding: 2px;
    font-size: 80%;
    font-weight: normal;
}
.timestamp {
    color: #bebebe;
}
.timestamp-kwd {
    color: #5f9ea0;
}
.org-right  {
    margin-left: auto;
    margin-right: 0px;
    text-align: right;
}
.org-left   {
    margin-left: 0px;
    margin-right: auto;
    text-align: left;
}
.org-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.underline {
    text-decoration: underline;
}
#postamble p, #preamble p {
    font-size: 90%;
    margin: .2em;
}
p.verse {
    margin-left: 3%;
}
pre {
    border: 1px solid #ccc;
    /* box-shadow: 3px 3px 3px #eee; */
    padding: 8pt;
    font-family: monospace;
    overflow: scroll;
    margin: 1.2em;
}
pre.src {
    position: relative;
    overflow: scroll;
    padding-top: 1.2em;
}
pre.src:before {
    display: none;
    position: absolute;
    background-color: #111111;
    /* top: -10px; */
    /* right: 10px; */
    /* padding: 3px; */
    border: 1px solid black;
}
pre.src:hover:before {
    display: inline;}
/* Languages per Org manual */
pre.src-asymptote:before {
    content: 'Asymptote';
}
pre.src-awk:before {
    content: 'Awk';
}
pre.src-C:before {
    content: 'C';
}
/* pre.src-C++ doesn't work in CSS */
pre.src-clojure:before {
    content: 'Clojure';
}
pre.src-css:before {
    content: 'CSS';
}
pre.src-D:before {
    content: 'D';
}
pre.src-ditaa:before {
    content: 'ditaa';
}
pre.src-dot:before {
    content: 'Graphviz';
}
pre.src-calc:before {
    content: 'Emacs Calc';
}
pre.src-emacs-lisp:before {
    content: 'Emacs Lisp';
}
pre.src-fortran:before {
    content: 'Fortran';
}
pre.src-gnuplot:before {
    content: 'gnuplot';
}
pre.src-haskell:before {
    content: 'Haskell';
}
pre.src-hledger:before {
    content: 'hledger';
}
pre.src-java:before {
    content: 'Java';
}
pre.src-js:before {
    content: 'Javascript';
}
pre.src-latex:before {
    content: 'LaTeX';
}
pre.src-ledger:before {
    content: 'Ledger';
}
pre.src-lisp:before {
    content: 'Lisp';
}
pre.src-lilypond:before {
    content: 'Lilypond';
}
pre.src-lua:before {
    content: 'Lua';
}
pre.src-matlab:before {
    content: 'MATLAB';
}
pre.src-mscgen:before {
    content: 'Mscgen';
}
pre.src-ocaml:before {
    content: 'Objective Caml';
}
pre.src-octave:before {
    content: 'Octave';
}
pre.src-org:before {
    content: 'Org mode';
}
pre.src-oz:before {
    content: 'OZ';
}
pre.src-plantuml:before {
    content: 'Plantuml';
}
pre.src-processing:before {
    content: 'Processing.js';
}
pre.src-python:before {
    content: 'Python';
}
pre.src-R:before {
    content: 'R';
}
pre.src-ruby:before {
    content: 'Ruby';
}
pre.src-sass:before {
    content: 'Sass';
}
pre.src-scheme:before {
    content: 'Scheme';
}
pre.src-screen:before {
    content: 'Gnu Screen';
}
pre.src-sed:before {
    content: 'Sed';
}
pre.src-sh:before {
    content: 'shell';
}
pre.src-sql:before {
    content: 'SQL';
}
pre.src-sqlite:before {
    content: 'SQLite';
}
/* additional languages in org.el's org-babel-load-languages alist */
pre.src-forth:before {
    content: 'Forth';
}
pre.src-io:before {
    content: 'IO';
}
pre.src-J:before {
    content: 'J';
}
pre.src-makefile:before {
    content: 'Makefile';
}
pre.src-maxima:before {
    content: 'Maxima';
}
pre.src-perl:before {
    content: 'Perl';
}
pre.src-picolisp:before {
    content: 'Pico Lisp';
}
pre.src-scala:before {
    content: 'Scala';
}
pre.src-shell:before {
    content: 'Shell Script';
}
pre.src-ebnf2ps:before {
    content: 'ebfn2ps';
}
/* additional language identifiers per "defun org-babel-execute"
       in ob-*.el */
pre.src-cpp:before  {
    content: 'C++';
}
pre.src-abc:before  {
    content: 'ABC';
}
pre.src-coq:before  {
    content: 'Coq';
}
pre.src-groovy:before  {
    content: 'Groovy';
}
/* additional language identifiers from org-babel-shell-names in
     ob-shell.el: ob-shell is the only babel language using a lambda to put
     the execution function name together. */
pre.src-bash:before  {
    content: 'bash';
}
pre.src-csh:before  {
    content: 'csh';
}
pre.src-ash:before  {
    content: 'ash';
}
pre.src-dash:before  {
    content: 'dash';
}
pre.src-ksh:before  {
    content: 'ksh';
}
pre.src-mksh:before  {
    content: 'mksh';
}
pre.src-posh:before  {
    content: 'posh';
}
/* Additional Emacs modes also supported by the LaTeX listings package */
pre.src-ada:before {
    content: 'Ada';
}
pre.src-asm:before {
    content: 'Assembler';
}
pre.src-caml:before {
    content: 'Caml';
}
pre.src-delphi:before {
    content: 'Delphi';
}
pre.src-html:before {
    content: 'HTML';
}
pre.src-idl:before {
    content: 'IDL';
}
pre.src-mercury:before {
    content: 'Mercury';
}
pre.src-metapost:before {
    content: 'MetaPost';
}
pre.src-modula-2:before {
    content: 'Modula-2';
}
pre.src-pascal:before {
    content: 'Pascal';
}
pre.src-ps:before {
    content: 'PostScript';
}
pre.src-prolog:before {
    content: 'Prolog';
}
pre.src-simula:before {
    content: 'Simula';
}
pre.src-tcl:before {
    content: 'tcl';
}
pre.src-tex:before {
    content: 'TeX';
}
pre.src-plain-tex:before {
    content: 'Plain TeX';
}
pre.src-verilog:before {
    content: 'Verilog';
}
pre.src-vhdl:before {
    content: 'VHDL';
}
pre.src-xml:before {
    content: 'XML';
}
pre.src-nxml:before {
    content: 'XML';
}
/* add a generic configuration mode;
LaTeX export needs an additional
     (add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
pre.src-conf:before {
    content: 'Configuration File';
}

/* table { */
/*     border-collapse:collapse; */
/* } */
/* caption.t-above { */
/*     caption-side: top; */
/* } */
/* caption.t-bottom { */
/*     caption-side: bottom; */
/* } */
/* td, th { */
/*     vertical-align:top; */
/* } */
/* th.org-right  { */
/*     text-align: center; */
/* } */
/* th.org-left   { */
/*     text-align: center; */
/* } */
/* th.org-center { */
/*     text-align: center; */
/* } */
/* td.org-right  { */
/*     text-align: right; */
/* } */
/* td.org-left   { */
/*     text-align: left; */
/* } */
/* td.org-center { */
/*     text-align: center; */
/* } */
/* dt { */
/*     font-weight: bold; */
/* } */
/* .footpara { */
/*     display: inline; */
/* } */
/* .footdef  { */
/*     margin-bottom: 1em; */
/* } */
/* .figure { */
/*     padding: 1em; */
/* } */
/* .figure p { */
/*     text-align: center; */
/* } */
/* .equation-container { */
/*     display: table; */
/*     text-align: center; */
/*     width: 100%; */
/* } */
/* .equation { */
/*     vertical-align: middle; */
/* } */
/* .equation-label { */
/*     display: table-cell; */
/*     text-align: right; */
/*     vertical-align: middle; */
/* } */
/* .inlinetask { */
/*     padding: 10px; */
/*     border: 2px solid gray; */
/*     margin: 10px; */
/*     background: #ffffcc; */
/* } */
/* #org-div-home-and-up */
/* { */
/*     text-align: right; */
/*     font-size: 70%; */
/*     white-space: nowrap; */
/* } */
/* textarea { */
/*     overflow-x: auto; */
/* } */
/* .linenr { */
/*     font-size: smaller */
/* } */
/* .code-highlighted { */
/*     background-color: #ffff00; */
/* } */
/* .org-info-js_info-navigation { */
/*     border-style: none; */
/* } */
/* #org-info-js_console-label */
/* { */
/*     font-size: 10px; */
/*     font-weight: bold; */
/*     white-space: nowrap; */
/* } */
/* .org-info-js_search-highlight */
/* { */
/*     background-color: #ffff00; */
/*     color: #000000; */
/*     font-weight: bold; */
/* } */
/* .org-svg { */
/*     width: 90%; */
/* } */


/* htmlize-buffer output */
body {
    color: #eff0f1;
    background-color: #232629;
}
.builtin {
    /* font-lock-builtin-face */
    color: #fd971f;
}
.comment {
    /* font-lock-comment-face */
    color: #555556;
}
.comment-delimiter {
    /* font-lock-comment-delimiter-face */
    color: #555556;
}
.constant {
    /* font-lock-constant-face */
    color: #fd971f;
}
.custom {
    /* (:background "#27da2b442eaf" :extend t) */
    background-color: #27da2b442eaf;
}
.doc {
    /* font-lock-doc-face */
    color: #7f7f80;
}
.function-name {
    /* font-lock-function-name-face */
    color: #b6e63e;
}
.hl-line {
    /* hl-line */
    background-color: #222323;
}
.italic {
    /* italic */
    font-style: italic;
}
.keyword {
    /* font-lock-keyword-face */
    color: #fb2874;
}
.nameless {
    /* nameless-face */
    color: #66d9ef;
}
.org-block-begin-line {
    /* org-block-begin-line */
    color: #555556;
    background-color: #2d2e2e;
}
.org-block-end-line {
    /* org-block-end-line */
    color: #555556;
    background-color: #2d2e2e;
}
.org-checkbox {
    /* org-checkbox */
    color: #e2c770;
    font-weight: bold;
}
.org-checkbox-statistics-todo {
    /* org-checkbox-statistics-todo */
    color: #e2c770;
    font-weight: bold;
}
code {
    /* org-code */
    color: #fd971f;
}
.org-document-info-keyword {
    /* org-document-info-keyword */
    color: #555556;
}
.org-document-title {
    /* org-document-title */
    color: #fd971f;
    font-weight: bold;
}
.org-done {
    /* org-done */
    color: #555556;
    font-weight: bold;
}
.org-drawer {
    /* org-drawer */
    color: #87cefa;
}
.org-footnote {
    /* org-footnote */
    color: #fd971f;
}
.org-hide {
    /* org-hide */
    color: #232629;
}
/* I want URLs in headings to be colored using the heading colors */
a {
    color: #fd971f;
    font-weight: bold;
    text-decoration: underline;
}
h1 {
    color: #fb2874;
    font-weight: bold;
}
h2 {
    color: #fd971f;
    font-weight: bold;
}
h3 {
    color: #9c91e4;
    font-weight: bold;
}
h4 {
    color: #5ca8dd;
    font-weight: bold;
}
h5 {
    color: #fb5d96;
    font-weight: bold;
}
h6 {
    color: #92c4e8;
    font-weight: bold;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a { color: inherit; }
.org-meta-line {
    /* org-meta-line */
    color: #7f7f80;
}
.org-property-value {
    /* org-property-value */
    color: #7f7f80;
}
.org-special-keyword {
    /* org-special-keyword */
    color: #7f7f80;
}
.org-tag {
    /* org-tag */
    color: #e2c770;
}
.org-todo {
    /* org-todo */
    color: #e2c770;
    font-weight: bold;
}
.org-verbatim {
    /* org-verbatim */
    color: #b6e63e;
}
.rainbow-delimiters-depth-1 {
    /* rainbow-delimiters-depth-1-face */
    color: #fb2874;
}
.rainbow-delimiters-depth-2 {
    /* rainbow-delimiters-depth-2-face */
    color: #fd971f;
}
.rainbow-delimiters-depth-3 {
    /* rainbow-delimiters-depth-3-face */
    color: #b6e63e;
}
.rainbow-delimiters-depth-4 {
    /* rainbow-delimiters-depth-4-face */
    color: #66d9ef;
}
.rainbow-delimiters-depth-5 {
    /* rainbow-delimiters-depth-5-face */
    color: #fb2874;
}
.rainbow-delimiters-depth-6 {
    /* rainbow-delimiters-depth-6-face */
    color: #fd971f;
}
.rainbow-delimiters-depth-7 {
    /* rainbow-delimiters-depth-7-face */
    color: #b6e63e;
}
.rainbow-delimiters-depth-8 {
    /* rainbow-delimiters-depth-8-face */
    color: #b6e63e;
}
.rainbow-delimiters-depth-9 {
    /* rainbow-delimiters-depth-9-face */
    color: #9c91e4;
}
.string {
    /* font-lock-string-face */
    color: #e2c770;
}
.type {
    /* font-lock-type-face */
    color: #66d9ef;
}
.variable-name {
    /* font-lock-variable-name-face */
    color: #fd971f;
}
.warning {
    /* font-lock-warning-face */
    color: #e2c770;
}
a:hover {
    text-decoration: underline;
}