Logarion text system

topics:
basics
id:
3ae25fa0-72eb-42f3-94c7-9e12602a647f

Styling

  1. Copy the common in your .logarion/static/main.css and then
  2. Append either left flow or centre align
  3. Append either dark or light

Common

body { font-family: "Fira Mono","Droid Sans Mono","DejaVu Sans",sans }
header > h1 { font-size: 1em }
header a { font-family: monospace }
a:hover { text-decoration: underline; }

ul, ol { padding-left: 2ch }
pre { display: block; overflow: auto; border-width: 1px; padding: 1ch }
article > header, blockquote { font-style: italic; padding: 1ch }
article > header > dl { margin: 0 }
article > header > dl > dt { float: left }
article > aside { float: right; margin-left: 1ch; padding: 0 1ch }
table { margin: auto; width: 100% }

Variations

Layout

Left flow

nav, article { float:left; max-width: 80ch; margin: 1ch }

Centre align

body { max-width: 80ch; margin: 0 auto }
nav ul { column-count: auto; column-width: 20ch }

Colours

Dark

body { background-color: #14171a }
body, header a, header a:visited { color: Gainsboro }
th:target { background: Indigo }
a { color: LightSkyBlue; text-decoration: none }
aside, pre, blockquote { background-color: rgba(70, 70, 70, 0.2) }
h1, h2, h3, h4, h5, th { color: #cae982 }

Light

body { background-color: #fff }
body, header a, header a:visited { color: #444 }
th:target { background: #B64926; color: #fff }
a { color: #BF4C11; text-decoration: none }
aside, pre, blockquote { background: #FFFBEA }
h1, h2, h3, h4, h5, th { color: #B64926 }