body { margin: 0; padding: 0; } header { width: 100%; h1 { margin: 0; background-color: rgba(0, 0, 0, 0.6); padding: 4px; padding-bottom: 0; text-align: middle; a:first-child { font-size: 50px; color: white; } &, a:not(:first-child) { color: white; font-size: 15px; color: white; } a { text-decoration: none; } a:hover, a:focus { text-decoration: underline; } } nav { /* layout */ line-height: 1; width: 100%; ul { padding: 0; margin: 0; list-style: none; } li { display: inline-block; } a { display: block; } /* pretty */ background-color: Maroon; a { padding: 0.2em 1em; font-size: 40px; color: GoldenRod; text-decoration: none; &:hover, &:focus { background-color: white; } &:hover, &:visited { color: GoldenRod; } &:active { color: Black; } } form { padding: 0.2em 0; font-size: 40px; display: block; input { font-size: 25px; border: solid 1px #333333; vertical-align: middle; } input[type="search"] { max-width: 10em; } input:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } input:not(:last-child) { border-right: 0; } input:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } } } } article { max-width: 6.5in; margin: 0 auto; .tag { font-size: 60%; font-family: sans-serif; color: white; text-decoration: none; text-align: center; padding: 4px 7px 5px 7px; border-radius: 2px; } .tag.FF { background: FireBrick; } .tag.SS { background: SeaGreen; } .tag.ES { background: DarkViolet; } .tag.HB { background: DimGray; } .tag.DM { background: DarkSlateGray; } .tag.WP { background: GhostWhite; color: black; } border-bottom: solid 1px #333333; } footer { max-width: 6.5in; margin: 0 auto; padding: 1em 0; font-size: 60%; p { margin: 0; } } body.index { article { ul { list-style: none; display: table; padding: 0; li { display: table-row; line-height: 1.3em; & > * { display: table-cell; padding-right: 0.1em; } } } a.external { background-position: center right; background-repeat: no-repeat; background-image: url(external.svg); background-size: 12px 12px; padding-right: 13px; } } } body.dnd { background: url(dnd/background.png) repeat-y; background-size: 100%; /* This bit mostly taken from the defaults of org-mode export */ article { font-family: Times, serif; font-size: 12pt; p { text-align: justify; } .title { text-align: center; } .todo { color: red; } .done { color: green; } .target { } .timestamp { color: #bebebe; } .timestamp-kwd { color: #5f9ea0; } .right {margin-left:auto; margin-right:0px; text-align:right;} .left {margin-left:0px; margin-right:auto; text-align:left;} .center {margin-left:auto; margin-right:auto; text-align:center;} p.verse { margin-left: 3% } pre { border: 1pt solid #AEBDCC; background-color: #F3F5F7; padding: 5pt; font-family: courier, monospace; font-size: 90%; overflow:auto; } table { border-collapse: collapse; } td, th { vertical-align: top; } th.right { text-align:center; } th.left { text-align:center; } th.center { text-align:center; } td.right { text-align:right; } td.left { text-align:left; } td.center { text-align:center; } dt { font-weight: bold; } div.figure { padding: 0.5em; } div.figure p { text-align: center; } div.inlinetask { padding:10px; border:2px solid gray; margin:10px; background: #ffffcc; } 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; } } }