diff options
author | jaseg <git@jaseg.de> | 2021-08-15 14:32:23 +0200 |
---|---|---|
committer | jaseg <git@jaseg.de> | 2021-08-15 14:32:23 +0200 |
commit | 6c1bf0bbf6189c6927514f58271dd63831909640 (patch) | |
tree | d3c6f5b6ea8c90b1e0d9751c411d83c7ce113513 /css | |
parent | 088e9c83e8683f9bfbf694771c128a3cc1d62c50 (diff) | |
parent | fc5a5cf688997d7eb4705ad5c152497d175134af (diff) | |
download | blog-6c1bf0bbf6189c6927514f58271dd63831909640.tar.gz blog-6c1bf0bbf6189c6927514f58271dd63831909640.tar.bz2 blog-6c1bf0bbf6189c6927514f58271dd63831909640.zip |
deploy.py auto-commit
Diffstat (limited to 'css')
-rw-r--r-- | css/fonts.css | 7 | ||||
-rw-r--r-- | css/style.css | 273 |
2 files changed, 280 insertions, 0 deletions
diff --git a/css/fonts.css b/css/fonts.css new file mode 100644 index 0000000..c851143 --- /dev/null +++ b/css/fonts.css @@ -0,0 +1,7 @@ +body { + font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; +} +code { + font-family: "Lucida Console", Monaco, monospace; + font-size: 85%; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..47e5233 --- /dev/null +++ b/css/style.css @@ -0,0 +1,273 @@ +/* @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Source+Serif+Pro'); */ +/* @import url('https://fonts.googleapis.com/css?family=Fredoka+One|Source+Serif+Pro'); */ +@import url('https://fonts.googleapis.com/css?family=Baloo|Source+Serif+Pro'); +@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono'); + +body { + max-width: 800px; + margin: auto; + padding: .2em; + line-height: 20pt; + font-size: 12pt; +} + +/* Table of Contents, if wanted + +Add to yaml: + +output: +blogdown::html_page: +toc: true + + */ + +#TableOfContents, #TOC { + border: 1px solid #eee; +} + +/* Header and Footer */ +.menu li { display: inline-block; } +.article-meta, .menu a { + text-decoration: none; + background: #ff99cc; + color: #FFF; + padding: 5px; + text-shadow: 0px 1px 1px #fe3ea0; +} + + +.article-meta h1, .article-meta h2 { + margin-top: 1em; + color: white; +} + + +.terms { font-size: .9em; } +.menu, .article-meta, footer { text-align: center; } +.title { font-size: 1.1em; } +footer a { text-decoration: none; } + +.pull-left { + float: left +} +.pull-right { + float: right +} + +a { + color: #ff6bb6; + text-decoration: none; +} + +a:hover { + background: #83cbe3; + color: white; +} + +/* Adjust background at your leisure! */ +header { + position: relative; + width: 100%; + height: 1.75rem; + font-size: .875rem; + background: #83cbe3; + font-family: 'Baloo', sans-serif; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 2em; + font-family: 'Baloo', sans-serif; + /* color: #ff99cc; */ + color: #ff6bb6; +} + +li { + padding-bottom: 1em; +} + +header ul, +header ol { + margin: 0; + padding: 0; + list-style: none +} +header nav { + padding: 0 0.5rem +} + +header a { + color: #fff; + line-height: 1.75rem; + padding: 0 0.5rem +} +header a:hover, +header .current a { + color: #fff +} + +/* Code Boxes */ +pre { + border: 1px solid #ddd; + box-shadow: 5px 5px 5px #eee; + background: #f8f8f8; + padding: 1em; + overflow-x: auto; +} +code { background: #f9f9f9; } +pre code { background: none; } + +/* Images, tables, misc. */ +img, iframe, video { max-width: 100%; } +main { + text-align: justify; + word-wrap: break-word; + font-family: "Source Serif Pro", "Times New Roman", serif; + color: #555; + hyphens: auto; +} + +/* Caution! duplicate this rule below. */ +::selection { + background: #83cbe3; + color: white; +} + +::-moz-selection { + background: #83cbe3; + color: white; +} + +/* Caution! duplicate this rule below. */ +figcaption::selection { + background: #ff99cc; + color: white; +} + +figcaption::-moz-selection { + background: #ff99cc; + color: white; +} + +/* Caution! duplicate this rule below. */ +a::-moz-selection { + background: #ff99cc; + color: white; +} + +a::selection { + background: #ff99cc; + color: white; +} + +blockquote { + background: #f9f9f9; + border-left: 5px solid #ffc6e3; + padding: 3px 1em 3px; +} + +table { + margin: auto; + border-top: 1px solid #666; + border-bottom: 1px solid #666; +} +table thead th { border-bottom: 1px solid #ddd; } +th, td { padding: 5px; } +tr:nth-child(even) { background: #eee } + +table.footnote { + margin: 0; + border: 0; +} + +table.footnote:nth-of-type(1) { + position: relative; + margin-top: 6em; +} + +table.footnote:nth-of-type(1)::before { + content: "Footnotes:"; + position: absolute; + top: -2em; + border-top: 1px solid black; + border-bottom: 0; + width: 20em; +} + +/* Inline code markup */ +tt.literal { + font-family: 'Ubuntu Mono', monospace; + background: #e2f3f8; + color: #164d60; + font-weight: bold; + font-size: 10pt; + padding: 2px; + border-radius: 0.3em; +} + +figure.side-by-side { + width: 49%; + min-width: 15em; + display: inline-block; + margin: 0 0 0 0; + padding: 0 40px 0 0; + vertical-align: top; + box-sizing: border-box; +} + +/* +figure figure.side-by-side:nth-of-type(2) { + padding: 0; +} +*/ + +figure img, figure video { + display: block; + margin-left: auto; + margin-right: auto; + width: 100%; +} + +figcaption a { + background: white; + color: #83cbe3; +} + +figcaption a:hover { + background: #ff6bb6; +} + +figcaption { + display: block; + line-height: 16pt; + background: #83cbe3; + color: white; + font-family: 'Baloo', sans-serif; + padding: 1em; + border-radius: 0 0 0.5em 0.5em; +} + +figure { + margin-top: 3em; + margin-bottom: 3em; +} + +figure.header { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} + +#license-info img { + vertical-align: middle; +} + +#license-info, +#imprint-info { + color: #aaa; + font-size: 10pt; + font-family: "Source Serif Pro", "Times New Roman", serif; +} + +div.document { + margin-bottom: 4em; +} |