bliper

static html page generation in perl
git clone git://git.2f30.org/bliper.git
Log | Files | Refs | README | LICENSE

commit ac963363f9ccee7911011df47c47eb09e91f3289
parent 9fab144460d71ad3eb52d91ba02dd9f24d1d0f80
Author: cipher <haris@2f30.org>
Date:   Fri Feb  7 21:16:58 +0200

css fixes for article preview

Diffstat:
output/style.css | 32++++++++++++++++++++++++++++++++
output/style.css.dark | 84+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
output/style.css.light | 38++++++++++++++++++++++++++++++++++++++
3 files changed, 150 insertions(+), 4 deletions(-)
diff --git a/output/style.css b/output/style.css @@ -48,6 +48,38 @@ h3 { margin-top: 30px; } +.latart { + text-align: center; +} + +a em { + color: #c0c0c0; +} + +a em:hover { + color: #000; +} + +.previewlink { + text-decoration: none; +} + +.previewlink:hover { + text-decoration: underline; +} + +.preview { + border: 1px solid #c0c0c0; + padding: 5px 20px; + position: relative; + margin: 0 auto; + transition: background-color 400ms linear; +} + +.preview:hover { + background: #e3e3e3; +} + a.indexlink { line-height: 2em; } diff --git a/output/style.css.dark b/output/style.css.dark @@ -1,6 +1,6 @@ body { background-color: #424242; - font-family: sans-serif; + font-family: Consolas, Courier, monospace; font-size: 1em; } @@ -18,19 +18,21 @@ body { /* menu */ .menu { line-height: 1.5em; - text-align: right; + text-align: center; + margin-top: 3em; } .menu li { display: inline; + padding: 0 4px; } .menu li a { text-decoration: none; - font-weight: bold; padding: 0.3em; border-top: 0.5ex solid #555555; color: #e8e8e8; + margin-right: 5px; } .menu li a:hover, .menu li a.current { @@ -38,10 +40,50 @@ body { color: #ff9900; } +h1, h2, h3, h4, h5 { + border-bottom: 1px dotted #c0c0c0; +} + h3 { margin-top: 30px; } +.latart { + text-align: center; +} + +a em { + color: #000; +} + +a em:hover { + color: #c0c0c0; +} + +.previewlink { + text-decoration: none; +} + +.previewlink:hover { + text-decoration: underline; +} + +.preview { + border: 1px solid #c0c0c0; + padding: 5px 20px; + position: relative; + margin: 0 auto; + transition: background-color 400ms linear; +} + +.preview:hover { + background: #555; +} + +a.indexlink { + line-height: 2em; +} + p { max-width: 680px; white-space: wrap; @@ -60,8 +102,11 @@ pre { overflow-x: auto; } -code { +p code { background-color: #000000; + color: #000; + border: 1px solid grey; + /* display: block; */ max-width: 680px; padding: 0.3em; margin: 0.3em; @@ -80,17 +125,29 @@ img { a { color: #40ff40; + font-style: italic; } a:hover { color: #ff9900; } +li { + line-height: 1.6em; + text-align: justify; +} + hr { max-width: 680px; margin-top: 40px; } +blockquote { + margin: 10px 0 10px 50px; + padding-left: 15px; + border-left: 3px solid #ccc; +} + footer { max-width: 680px; color: #40ff40; @@ -104,3 +161,22 @@ footer { margin: 0 auto; color: #e8e8e8; } + +@media screen and (max-width: 480px) { + .menu li { + display: list-item; + margin-left: -40px; + list-style: none; + text-align: center; + padding-top: 10px; + text-transform: uppercase; + } + + .menu li a { + border: none; + } + + .menu li a:hover { + border: none; + } +} diff --git a/output/style.css.light b/output/style.css.light @@ -48,6 +48,38 @@ h3 { margin-top: 30px; } +.latart { + text-align: center; +} + +a em { + color: #c0c0c0; +} + +a em:hover { + color: #000; +} + +.previewlink { + text-decoration: none; +} + +.previewlink:hover { + text-decoration: underline; +} + +.preview { + border: 1px solid #c0c0c0; + padding: 5px 20px; + position: relative; + margin: 0 auto; + transition: background-color 400ms linear; +} + +.preview:hover { + background: #e3e3e3; +} + a.indexlink { line-height: 2em; } @@ -112,6 +144,12 @@ hr { margin-top: 40px; } +blockquote { + margin: 10px 0 10px 50px; + padding-left: 15px; + border-left: 3px solid #ccc; +} + footer { max-width: 680px; color: #0d0d0d;