bliper

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

commit 1d0a9e4bfcde8572592ce65a88b73de0526411aa
parent a27ed9e3ee33668c18d5ff517c11861bc596e9f6
Author: cipher <haris@2f30.org>
Date:   Mon, 16 Dec 2013 02:02:02 +0200

some style changes; added dark and light css themes

Diffstat:
output/style.css | 21++++++++++-----------
output/style.css.dark | 106+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
output/style.css.light | 115+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 231 insertions(+), 11 deletions(-)

diff --git a/output/style.css b/output/style.css @@ -44,28 +44,27 @@ h3 { p { max-width: 680px; - white-space: pre-wrap; - line-height: 1.4em; + white-space: wrap; + line-height: 1.6em; + text-align: justify; } pre { font-family: sans-serif; color: #e8e8e8; - /* border: 1px solid #000000; */ - /* background-color: #000000 */ + border: 1px solid grey; + background-color: #000000; padding: 5px; max-width: 680px; - white-space: pre-wrap; - word-break: break-all; - word-wrap: break-word; + white-space: wrap; + overflow-x: auto; } code { - background: #000000; - display: block; + background-color: #000000; max-width: 680px; - padding: 0.5em; - margin: 0.5em; + padding: 0.3em; + margin: 0.3em; } .logo { diff --git a/output/style.css.dark b/output/style.css.dark @@ -0,0 +1,106 @@ +body { + background-color: #424242; + font-family: sans-serif; + font-size: 1em; +} + +.container { + color: #e8e8e8; + max-width: 680px; + margin: 0 auto; +} + +.upstart { + clear: both; + text-align: right; +} + +/* menu */ +.menu { + line-height: 1.5em; + text-align: right; +} + +.menu li { + display: inline; +} + +.menu li a { + text-decoration: none; + font-weight: bold; + padding: 0.3em; + border-top: 0.5ex solid #555555; + color: #e8e8e8; +} + +.menu li a:hover, .menu li a.current { + border-top: 0.5ex solid #aaaaaa; + color: #ff9900; +} + +h3 { + margin-top: 30px; +} + +p { + max-width: 680px; + white-space: wrap; + line-height: 1.6em; + text-align: justify; +} + +pre { + font-family: sans-serif; + color: #e8e8e8; + border: 1px solid grey; + background-color: #000000; + padding: 5px; + max-width: 680px; + white-space: wrap; + overflow-x: auto; +} + +code { + background-color: #000000; + max-width: 680px; + padding: 0.3em; + margin: 0.3em; +} + +.logo { + border: none; + text-align: center; +} + +img { + margin-top: 20px; + max-width: 100%; + height: auto; +} + +a { + color: #40ff40; +} + +a:hover { + color: #ff9900; +} + +hr { + max-width: 680px; + margin-top: 40px; +} + +footer { + max-width: 680px; + color: #40ff40; + text-align: center; + margin: 0 auto; + padding-bottom: 50px; +} + +#disqus_thread { + max-width: 680px; + margin: 0 auto; + color: #e8e8e8; +} diff --git a/output/style.css.light b/output/style.css.light @@ -0,0 +1,115 @@ +body { + background-color: #f1f2f2; + font-family: Consolas, Courier, monospace; + font-size: 1em; +} + +.container { + color: #040404; + max-width: 680px; + margin: 0 auto; +} + +.upstart { + clear: both; + text-align: right; +} + +/* menu */ +.menu { + line-height: 1.5em; + text-align: right; +} + +.menu li { + display: inline; +} + +.menu li a { + text-decoration: none; + padding: 0.3em; + border-top: 0.5ex solid #555555; + color: #0d0d0d; +} + +.menu li a:hover, .menu li a.current { + border-top: 0.5ex solid #aaaaaa; + color: #c0c0c0; +} + +h1, h2, h3, h4, h5 { + border-bottom: 1px dotted #0d0d0d; +} + +h3 { + margin-top: 30px; +} + +p { + max-width: 680px; + white-space: wrap; + line-height: 1.6em; + text-align: justify; +} + +pre { + font-family: sans-serif; + color: #000; + border: 1px solid grey; + background-color: #e2e2e2; + padding: 5px; + max-width: 680px; + white-space: wrap; + overflow-x: auto; + /* word-break: break-all; */ + /* word-wrap: break-word; */ +} + +p code { + background-color: #e2e2e2; + color: #000; + border: 1px solid grey; + /* display: block; */ + max-width: 680px; + padding: 0.3em; + margin: 0.3em; +} + +.logo { + border: none; + text-align: center; +} + +img { + margin-top: 20px; + max-width: 100%; + height: auto; +} + +a { + color: #0d0d0d; + font-style: italic; +} + +a:hover { + color: #c0c0c0; +} + +hr { + max-width: 680px; + margin-top: 40px; +} + +footer { + max-width: 680px; + color: #0d0d0d; + text-align: center; + margin: 0 auto; + padding-bottom: 50px; +} + +#disqus_thread { + max-width: 680px; + margin: 0 auto; + color: #e8e8e8; +}