/* Cascading stylesheet for Pnårp’s docile & perfunctory page.
 * https://www.pnarp.com/
 * By Phillip Norbert Årp (Pnårp), <pnarp@pnarp.com>.
 * Copyright © 1999–2022 Phillip Norbert Årp (Pnårp). All wrights preserved.
 * 
 * Version 7.224, built 2022-09-14T17:16:57-04:00. */

:root { --fg-color: #000; --bg-color: #FFF; --link-color: #00F; --hilite-color: #FF0; --error-color: #F00; } body { margin: 0; } @media screen { body { background: #777 url(/images/body.png); } #top { background: var(--bg-color) url(/images/paper.png); } #top-right { background: transparent url(/images/tr.png) top right no-repeat; } #center { background: transparent url(/images/cr.png) top right repeat-y; } #bottom-center { background: transparent url(/images/bc.png) top left repeat-x; } #bottom-right { background: transparent url(/images/br.png) top right no-repeat; } #bottom-left { background: transparent url(/images/bl.png) top left no-repeat; } #dashboard { background: #333; border-bottom: 1px solid #222; height: 32px; padding: 0; } #dashboard-left { float: left; padding: 6px 0 0 0; } #icons, #search { display: inline; } #icons span { padding: 0 6px; } #icons span img { padding: 0 2px; } #search form { display: inline; margin-left: 30px; } #search .submit { display: none; } #search .q { background: #DDD; border-bottom: 1px solid #EEE; border-left: 1px solid #999; border-right: 1px solid #EEE; border-top: 1px solid #999; border-radius: 7px; -moz-border-radius: 7px; font: 12px "Arial Narrow", sans-serif; margin: 2px 0 0; padding: 0 5px; vertical-align: top; width: 200px; } #dashboard-counter { float: right; padding: 7px 5px 0 0; } #dashboard-counter * { background: transparent; border: 0; margin: 0; padding: 0; } #footer-counter { display: none; } #paper { max-width: 8.5in; min-width: 6in; padding: 10px 6% 100px 6%; } #top { margin: 15px; } #top-right { height: 20px; } #center { padding-right: 19px; } #bottom-left { height: 19px; } #content-wrapper { padding: 8px 20px 10px 80px; } #content { padding-top: 24px; min-height: 720px; /* 30 “lines” of notebook paper */ } #prop { float: right; height: 720px; width: 1px; } #prop-clear { clear: both; height: 1px; overflow: hidden; } } @media print { #dashboard { display: none; } #content { padding-top: 1em; } #prop { display: none; } #prop-clear { display: none; } #footer-counter { display: none; } } @page { margin: 1in 0.5in; } blockquote, h1, h2, h3, p, ul, ol, li, td, th, img, form, form p, input, .action, .v, .ln, .sig, .ps, .pps { background: transparent; color: var(--fg-color); font-family: "Comic Sans MS", sans-serif; } blockquote, h2, h3, p, li, td, th, .action, .v, .ln, .sig, .ps, .pps { text-align: left; } @media screen { blockquote, h1, h2, h3, p, ul, ol, li, td, th, form, form p, input, .action, .v, .ln, .sig, .ps, .pps { border: 0; margin: 0; padding: 0; } blockquote, h2, h3, p, li, td, th, .action, .v, .ln, .sig, .ps, .pps { font-size: 16px; line-height: 24px; } blockquote, .v { margin: 24px; } #page-links ul li { margin-bottom: 24px; } #page-links ul li blockquote { margin-top: 0; margin-bottom: 0; } .sig, .ps, .pps { margin-top: 24px; } } @media print { blockquote, h1, h2, h3, p, ul, ol, li, td, th, form, form p, input, .action, .v, .ln, .sig, .ps, .pps { border: 0; margin: 0; padding: 0; } blockquote, h2, h3, p, li, td, th, .action, .v, .ln, .sig, .ps, .pps { font-size: 12pt; } blockquote, .v { margin: 1em; } #page-links ul li { margin-bottom: 1em; } #page-links ul li blockquote { margin-top: 0; margin-bottom: 0; } .sig, .ps, .pps { margin-top: 1em; } } h1, h2 { font-weight: bold; } h1:first-letter, h2:first-letter { text-transform: uppercase; } h1 { text-align: center; } @media screen { h1 { font-size: 24px; line-height: 32px; margin-top: 16px; overflow: hidden; white-space: nowrap; } } @media print { h1 { font-size: 150%; } } h2 { text-decoration: underline; } @media screen { h2 { font-size: 18px; padding-top: 24px; } } @media print { h2 { font-size: 110%; padding-top: 1em; } } @media screen { p { text-indent: 24px; } #page-links ul li p { text-indent: 0; } } @media print { p { text-indent: 1em; } #page-links ul li p { text-indent: 0; } } form p { display: inline; } li { list-style-type: square; } @media screen { ul, ol { margin-left: 24px; }} @media print { ul, ol { margin-left: 1em; }} img { border: 0; } img.l { float: left; } img.r { float: right; } @media screen { img.l { margin: 0 8px 8px 0; } img.r { margin: 0 0 8px 8px; } img.photo { position: relative; top: -4px; } } @media print { img.l { margin: 0 0.333em 0.333em 0; } img.r { margin: 0 0 0.333em 0.333em; } img.photo { display: none; } } @media screen { a:link { color: var(--link-color); } a:visited { color: #007; } a:focus, a:hover { color: #007; background: #FF5; } a:active { color: var(--link-color); background: #FF5; } #dashboard a { color: var(--fg-color); background: transparent; } } @media print { a:link { color: var(--link-color); } a:visited { color: var(--link-color); } a:focus, a:hover { color: var(--link-color); } a:active { color: var(--link-color); } #dashboard a { } } a, a small { text-decoration: underline; } del { text-decoration: line-through; } em { font-style: normal; text-decoration: underline; } h1 small, h2 small { font-weight: bold; } small { font-size: 100%; font-style: normal; font-variant: small-caps; font-weight: normal; text-decoration: none; } strong { font-weight: normal; font-variant: small-caps; } strong.l { font-weight: bold; font-variant: normal; } sub, sup { line-height: 0; } var { font-style: italic; } .action, .tags, .hn, .fn { text-indent: 0; } .action, .tags, .nav p { font-size: 80%; } @media screen { .entry .head, .entry .foot { margin-bottom: 24px; } .entry .body { margin-bottom: 48px; } .entry p { padding-left: 24px; } .fn { margin-top: 24px; } .hn { margin-bottom: 24px; } } @media print { .entry .head, .entry .foot { margin-bottom: 1em; } .entry .body { margin-bottom: 2em; } .entry p { padding-left: 1em; } .fn { margin-top: 1em; } .hn { margin-bottom: 1em; } } .hiding { display: none; } .invalid { color: var(--error-color); font-weight: bold; } .nw { white-space: nowrap; } .sig p { text-align: right; } .tag { white-space: nowrap; } @media screen { .tags a { padding: 0 3px; }} @media print { .tags a { padding: 0 0.12em; }} .fillet { letter-spacing: -0.15em; } #new-entries .entry .head h2, #new-entries .entry .head p.action { color: #090; } #new-entries .entry .todo-unfinished h2, #new-entries .entry .todo-unfinished p.action { color: var(--fg-color); } #new-entries .entry .todo-unfinished, #new-entries .todo, #new-entries .todo-block, #new-entries .todo-inline { background: var(--hilite-color); border-radius: 6px; line-height: 24px; padding: 0 6px; text-indent: 0; } #new-entries .todo { border: 2px solid var(--hilite-color); display: inline-block; font-size: 60%; font-weight: bold; height: 24px; max-height: 18px; } #new-entries .todo-block { display: inline-block; width: 90%; } #new-entries .todo-inline { display: inline; margin: 0 3px; } #new-entries .todo-note { font-style: italic; font-weight: bold; padding-right: 0.25em; } @media print { #nav-top { display: none; }} @media screen { #nav-bottom { padding-top: 48px; }} @media print { #nav-bottom { display: none; }} @media screen { #nav-top .nav { padding-bottom: 24px; } #nav-bottom .nav { padding-top: 48px; } .nav p { text-align: center; text-indent: 0; } .nav span { padding: 0 6px; } } @media screen { #footer { border-top: 2px solid var(--fg-color); margin-top: 38px; padding-top: 8px; } } @media print { #footer { border-top: 0.083em solid var(--fg-color); margin-top: 3cm; padding-top: 0.333em; } } #footer p { font-size: 70%; margin-bottom: 0; text-indent: 0; } #copyright { text-align: left; } #legal { text-align: right; } #keywords { display: none; } @media screen { #uri { display: none; } #modified { display: none; } #introduction { padding-bottom: 48px; } } @media print { #uri { margin-top: 1em; } #modified { float: left; } #introduction { padding-bottom: 2em; } } #toc { width: 99.5%; } #toc table { width: 99.5%; } #toc tr { vertical-align: top; } #toc td { font-size: 80%; } #toc h2 { clear: both; font-weight: bold; } #toc h3 { float: left; font-size: 125%; font-weight: normal; } #toc div { float: right; } @media screen { #toc h3 { padding-left: 24px; }} @media print { #toc h3 { padding-left: 1em; }} /* Mobile */ @media only screen and ( max-width: 800px ) { #paper { max-width: 8.5in; min-width: 0; padding: 10px 0 10px 0; } #toc { display: block; } #toc tr { display: block; } #toc td { display: block; } #toc h3 { float: none; font-size: 16px; font-weight: normal; padding-left: 12px; text-align: left; } #toc td div { float: none; padding-left: 24px; text-align: left; } } @media only screen and ( max-width: 650px ) { #icons-sozial, #search { display: none; } } @media only screen and ( max-width: 530px ) { body { background: white url(/images/paper-mobile.png); } #top { background: transparent; } #top-right { background: transparent; } #center { background: transparent; } #bottom-center { background: transparent; } #bottom-right { background: transparent; } #bottom-left { background: transparent; } #dashboard { display: none; } #dashboard-counter { display: none; } #footer-counter { display: block; padding: 15px 0 0 0; text-align: right; } #footer-counter * { background: transparent; border: 0; margin: 0; padding: 0; } #paper { padding: 0; } body { margin: 23px 15px 15px 30px; } #top { margin: 0; } #top-right { height: 0; } #center { padding-right: 0; } #bottom-left { height: 0; } #content-wrapper { padding: 0; } #content { padding-top: 0; min-height: 0; } #prop { display: none; } #prop-clear { display: none; } h1 { font-size: 20px; line-height: 29px; margin-top: 0; overflow: hidden; text-align: left; white-space: nowrap; } h2 { font-size: 16px; padding-top: 24px; } .nav p { font-size: 75%; text-align: left; } .nav span { padding: 0 3px; } }