diff options
Diffstat (limited to 'css/style.css')
-rw-r--r-- | css/style.css | 154 |
1 files changed, 154 insertions, 0 deletions
diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..c27bbda --- /dev/null +++ b/css/style.css @@ -0,0 +1,154 @@ +/* CSS Forked from "https://openbsd.org/openbsd.css" */ + +:link { + color: #23238E; +} + +:visited { + color: #23238E; +} + +@keyframes moveBackground { + from { + background-position: 0 0; + } + to { + background-position: 446px 586px; + } +} + +body { + background-color: #FFFFFF; + background-image:url('../res/bkg.jpg'); + color: #111111; + margin: 15px auto; + padding: 0 10px; + + background-repeat: repeat; + animation: moveBackground 20s linear infinite; +} + +code { + white-space: nowrap; +} + +@media (min-width: 800px) { + body { + max-width: 85%; + } +} + +tt { + white-space: pre; +} + +/* sidebar layout */ + +body { + height: 100%; + max-width: 100%; + position: absolute; + bottom: 0; + left: 0; + right: 0; + top: 0; + display: table; + padding: 0; + margin: 0; +} + +nav, +article, +figure, +aside { + display: table-cell; + padding: 4px; +} + +nav, +figure { + border-right: 1px solid; + background-color: #dfe5fb; + border-color: #040361; +} + +nav header { + margin: 0; + font-size: 15pt; + font-weight: bolder; + white-space: nowrap; +} + +nav ul { + margin-top: 0; + margin-bottom: 1em; + padding-left: 0; +} + +nav li { + list-style-type: none; + list-style-position: inside; + margin-left: 0.5em; +} + +#callout { + color: #E00000; + font-weight: bold; + text-align: center; +} + +.not-openbsd #callout { + color: #0000A0; + font-weight: normal; +} + +main, +footer { + display: table-row; +} + +nav { + vertical-align: top; +} + +figure, +aside { + vertical-align: bottom; +} + +/* Eggramen */ +.box { + margin-bottom: 4px; +} + +.box, .footer-box { + border: 1px solid #040361; +} + +/*Inner content div for boxes. Padding goes here so sidebar headers etc can keep their no-margin look.*/ +.inner { + background: #ffffff; + padding: 10px 25px; +} + +.inner img { + max-width: 100%; /*Prevent image overflow.*/ + height: auto; +} + +.box, .title-pic img { + overflow: hidden; /*Force inner divs to conform to rounded corners.*/ +} + + +.inline-image { + float: left; + margin-right: 25px; /* Space between image and text */ +} + +blockquote { + border-left: #4d4385 3px solid; + background: #d8d4ec; + padding: 0.1px 0.75rem; + margin: 0 1.5rem; + } |