680 lines
12 KiB
CSS
680 lines
12 KiB
CSS
/* 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;
|
|
}
|