bliper

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

commit e0db5b3ea4bf0cadde5a53143b1d53d745383ec9
parent 1d0a9e4bfcde8572592ce65a88b73de0526411aa
Author: cipher <haris@2f30.org>
Date:   Sun, 22 Dec 2013 21:28:29 +0200

css changes

Diffstat:
Moutput/style.css | 49+++++++++++++++++++++++++++++++++++--------------
Moutput/style.css.light | 16++++++++++++++--
2 files changed, 49 insertions(+), 16 deletions(-)

diff --git a/output/style.css b/output/style.css @@ -1,11 +1,11 @@ body { - background-color: #424242; - font-family: sans-serif; + background-color: #f1f2f2; + font-family: Consolas, Courier, monospace; font-size: 1em; } .container { - color: #e8e8e8; + color: #040404; max-width: 680px; margin: 0 auto; } @@ -18,30 +18,40 @@ 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; + color: #0d0d0d; + margin-right: 5px; } .menu li a:hover, .menu li a.current { border-top: 0.5ex solid #aaaaaa; - color: #ff9900; + color: #c0c0c0; +} + +h1, h2, h3, h4, h5 { + border-bottom: 1px dotted #c0c0c0; } h3 { margin-top: 30px; } +a.indexlink { + line-height: 2em; +} + p { max-width: 680px; white-space: wrap; @@ -51,17 +61,22 @@ p { pre { font-family: sans-serif; - color: #e8e8e8; + color: #000; border: 1px solid grey; - background-color: #000000; + background-color: #e2e2e2; padding: 5px; max-width: 680px; white-space: wrap; overflow-x: auto; + /* word-break: break-all; */ + /* word-wrap: break-word; */ } -code { - background-color: #000000; +p code { + background-color: #e2e2e2; + color: #000; + border: 1px solid grey; + /* display: block; */ max-width: 680px; padding: 0.3em; margin: 0.3em; @@ -79,11 +94,17 @@ img { } a { - color: #40ff40; + color: #0d0d0d; + font-style: italic; } a:hover { - color: #ff9900; + color: #c0c0c0; +} + +li { + line-height: 1.6em; + text-align: justify; } hr { @@ -93,7 +114,7 @@ hr { footer { max-width: 680px; - color: #40ff40; + color: #0d0d0d; text-align: center; margin: 0 auto; padding-bottom: 50px; diff --git a/output/style.css.light b/output/style.css.light @@ -18,11 +18,13 @@ 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 { @@ -30,6 +32,7 @@ body { padding: 0.3em; border-top: 0.5ex solid #555555; color: #0d0d0d; + margin-right: 5px; } .menu li a:hover, .menu li a.current { @@ -38,13 +41,17 @@ body { } h1, h2, h3, h4, h5 { - border-bottom: 1px dotted #0d0d0d; + border-bottom: 1px dotted #c0c0c0; } h3 { margin-top: 30px; } +a.indexlink { + line-height: 2em; +} + p { max-width: 680px; white-space: wrap; @@ -95,6 +102,11 @@ a:hover { color: #c0c0c0; } +li { + line-height: 1.6em; + text-align: justify; +} + hr { max-width: 680px; margin-top: 40px;