393 lines
10 KiB
CSS
393 lines
10 KiB
CSS
// FROM read.css
|
|
:root {
|
|
--bg-color: #ffffff;
|
|
--font-color: #000000;
|
|
/* highest contrast colors
|
|
for light and dark themes */
|
|
--red: #ec0000;
|
|
--green: #008900;
|
|
--blue: #5f5fff;
|
|
--gray: #757575;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
/* change to dark theme */
|
|
--bg-color: #000000;
|
|
--font-color: #ffffff;
|
|
}
|
|
}
|
|
|
|
*:not(li, progress, span) {
|
|
border-radius: 5px;
|
|
/* no overflowing body */
|
|
max-width: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
*:disabled {
|
|
cursor: not-allowed !important;
|
|
}
|
|
|
|
[href],
|
|
dfn {
|
|
/* no visited color */
|
|
color: var(--blue);
|
|
}
|
|
|
|
[href]:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
[href^="mailto:"]::before {
|
|
content: "📧 ";
|
|
}
|
|
|
|
abbr {
|
|
cursor: help;
|
|
}
|
|
|
|
abbr,
|
|
var {
|
|
color: var(--red);
|
|
}
|
|
|
|
blockquote {
|
|
/* add bar before quote */
|
|
border-left: 0.3em solid var(--gray);
|
|
padding-left: 1em;
|
|
}
|
|
|
|
body {
|
|
/* high contrast */
|
|
background: var(--bg-color);
|
|
color: var(--font-color);
|
|
/* /\* most readable wed-safe font *\/ */
|
|
/* font-family: Helvetica; */
|
|
/* /\* 12pt is minimum *\/ */
|
|
font-size: 14pt;
|
|
/* required with justified text */
|
|
hyphens: auto;
|
|
/* experimental:
|
|
highest quality images */
|
|
image-rendering: high-quality;
|
|
/* 1.5 is minimum */
|
|
line-height: 1.6;
|
|
/* center body in page */
|
|
margin: auto;
|
|
/* space inside body */
|
|
padding: 0 1em;
|
|
/* each line is similar length */
|
|
text-align: justify;
|
|
/* browser focuses on readability */
|
|
text-rendering: optimizeLegibility;
|
|
/* line length of 60 characters
|
|
(between recommended 45-80)
|
|
& subtract the padding */
|
|
width: min(95ch, calc(100% - 2em));
|
|
}
|
|
|
|
button,
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
border: 1px solid var(--gray);
|
|
/* appear clickable */
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:hover,
|
|
input[type="button"]:hover,
|
|
input[type="reset"]:hover,
|
|
input[type="submit"]:hover {
|
|
/* make border blend into background */
|
|
border: 1px solid var(--bg-color);
|
|
}
|
|
|
|
code {
|
|
/* classic green code */
|
|
color: var(--green);
|
|
}
|
|
|
|
figure {
|
|
/* center caption under image */
|
|
text-align: center;
|
|
}
|
|
|
|
footer,
|
|
header {
|
|
margin-top: 1em;
|
|
text-align: center;
|
|
}
|
|
|
|
html {
|
|
/* better for jump scrolling */
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
iframe {
|
|
/* common screen ratio */
|
|
aspect-ratio: 3/2;
|
|
/* keep from overflowing */
|
|
width: 99%;
|
|
}
|
|
|
|
kbd {
|
|
/* appear like a key */
|
|
box-shadow: 1px 1px 2px 1px;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
/* space links apart */
|
|
justify-content: space-around;
|
|
}
|
|
|
|
small {
|
|
/* decrease visibility */
|
|
color: var(--gray);
|
|
}
|
|
|
|
summary {
|
|
/* indicate interaction */
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table {
|
|
/* multiple borders merge */
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
display: block;
|
|
}
|
|
|
|
tbody>tr:nth-child(odd) {
|
|
/* set background of odd cells */
|
|
background: var(--gray);
|
|
}
|
|
td{
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
td,
|
|
th {
|
|
border: 1px solid;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
// end read.css
|
|
//
|
|
.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: #eee; 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: auto;
|
|
margin: 1.2em;
|
|
}
|
|
pre.src {
|
|
position: relative;
|
|
overflow: visible;
|
|
padding-top: 1.2em;
|
|
}
|
|
pre.src:before {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: white;
|
|
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; }
|
|
table, th, td { border: 1px solid black; }
|
|
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%; }
|
|
blockquote{
|
|
width:60%;
|
|
margin:50px auto;
|
|
font-style:italic;
|
|
color: #555555;
|
|
padding:1.2em 30px 1.2em 75px;
|
|
border-left:8px solid #B18686;
|
|
position: relative;
|
|
background:#EDEDED;
|
|
}
|
|
|
|
blockquote::before{
|
|
font-family:Arial;
|
|
color:#78C0A8;
|
|
font-size:4em;
|
|
position: absolute;
|
|
left: 10px;
|
|
top:-10px;
|
|
}
|
|
|
|
blockquote::after{
|
|
content: '';
|
|
}
|
|
|
|
blockquote span{
|
|
display:block;
|
|
color:#333333;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
margin-top:1em;
|
|
}
|