summaryrefslogtreecommitdiff
path: root/site/css
diff options
context:
space:
mode:
Diffstat (limited to 'site/css')
-rw-r--r--site/css/math.css41
-rw-r--r--site/css/style.css166
2 files changed, 207 insertions, 0 deletions
diff --git a/site/css/math.css b/site/css/math.css
new file mode 100644
index 0000000..d111d1f
--- /dev/null
+++ b/site/css/math.css
@@ -0,0 +1,41 @@
+/*
+p.author
+p.date
+p.creator
+.title
+.subtitle
+.todo
+.done
+.WAITING
+.timestamp
+.timestamp-kwd
+.timestamp-wrapper
+.tag
+._HOME
+.target
+.linenr
+.code-highlighted
+div.outline-N
+div.outline-text-N
+.section-number-N
+.figure-number
+.table-number
+.listing-number
+div.figure
+pre.src
+pre.example
+p.verse
+div.footnotes
+p.footnote
+.footref
+.footnum
+.org-svg
+*/
+
+/*
+html {
+ height: 100%;
+ color: #cccccc;
+ background-color: hsl(240, 30%, 50%);
+}
+*/
diff --git a/site/css/style.css b/site/css/style.css
new file mode 100644
index 0000000..c8e04e0
--- /dev/null
+++ b/site/css/style.css
@@ -0,0 +1,166 @@
+@font-face {
+ font-family: "DejaVuSans";
+ src: url(/DejaVuSans.woff2) format("woff2");
+}
+
+/* Main layout of the page */
+
+html {
+ height: 100%;
+ background-color: hsl(240, 30%, 50%);
+ font-family: "DejaVuSans";
+}
+
+body {
+ margin: auto;
+ max-width: 25cm;
+ min-height: 100%;
+ display: flex;
+ flex-direction: column;
+}
+
+body, header {
+ background-color: hsl(240, 30%, 80%);
+}
+
+header {
+ text-align: center;
+}
+
+header > * {
+ margin: 0.5rem auto;
+}
+
+nav {
+ background-color: hsl(240, 30%, 20%);
+}
+
+nav > ul {
+ display: flex;
+ padding: 0;
+ margin: 0 auto;
+}
+
+nav li {
+ display: block;
+ list-style: none;
+}
+
+nav li:hover {
+ background-color: hsl(240, 30%, 30%);
+}
+
+nav > ul > li:last-child {
+ margin-left: auto;
+}
+
+nav a {
+ text-decoration: none;
+ color: #dddddd;
+ display: block;
+ line-height: 2em;
+ height: 2em;
+ padding: 0 1em;
+}
+
+main {
+ padding: 2em;
+ flex-grow: 1;
+}
+
+footer {
+ padding: 1em 2em;
+}
+
+/* Other elements */
+
+h1, h2, h3, h4, h5, h6 {
+ text-align: center;
+}
+
+hr {
+ margin: 0;
+ margin-top: auto;
+}
+
+figure {
+ text-align: center;
+}
+
+figure img {
+ /* max-width: 30em; */
+ max-width: 100%;
+ object-fit: contain;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+figcaption {
+ margin-top: 1em;
+}
+
+.equation-container {
+ display: block;
+ padding: 1em 2em;
+ overflow: auto;
+}
+
+.equation-container img {
+ object-fit: contain;
+ display: block;
+ margin: auto;
+}
+
+pre, figure, .equation-container {
+ margin: 1rem;
+ padding: 1rem;
+ box-sizing: border-box;
+ background-color: hsl(240, 30%, 90%);
+ border: 1px solid hsl(240, 60%, 50%);
+ overflow: scroll;
+
+}
+
+/* Inline math */
+p > .org-svg {
+ max-height: 1rem;
+ display: inline-block;
+}
+
+.article-date {
+ margin-left: auto;
+}
+
+.link-like, a {
+ color: #111111;
+ text-decoration: underline;
+}
+
+/* Source code */
+.src-common-lisp .org-keyword {
+ color: #3a81c3;
+ font-weight: bold;
+}
+
+.src-common-lisp .org-builtin {
+ color: #3a81c3;
+}
+
+.src-common-lisp .org-function-name {
+ color: #6c3163;
+ font-weight: bold;
+}
+
+.src-common-lisp .org-doc {
+ color: #da8b55;
+}
+
+.src-common-lisp .org-comment {
+ color: #2aa1ae;
+}
+
+/* NOTE: orgmode uses `code` only for inline code */
+code {
+ background-color: hsl(240, 40%, 90%);
+}