bliper

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

commit b8e5e1e453d284db1e0df7ae87ff72d693a03ec6
parent f950092cbfa32cbd6b1c274bcd8c60b80d8e4ddc
Author: cipher <haris@2f30.org>
Date:   Mon Aug  4 15:38:35 +0300

Styles removed, all colors live in output/colors.css

Diffstat:
output/colors.css | 38++++++++++++++++++++++++++++++++++++++
output/style.css | 208+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
output/style.css.dark | 182-------------------------------------------------------------------------------
output/style.css.light | 208-------------------------------------------------------------------------------
4 files changed, 246 insertions(+), 390 deletions(-)
diff --git a/output/colors.css b/output/colors.css @@ -0,0 +1,38 @@ +body { + background-color: #efefef; +} + +.container { + color: #040404; +} + +.menu, .menu li a, .footer { + color: #a7a9ac; +} + +.menu li a:hover, .menu li a.current, a:hover, a, a em, h1, h2, h3, h4, h5 { + color: #0091d0; +} + +a em:hover, p code, li code { + color: #000; +} + +preview:hover, p code, li code { + background-color: #e3e3e3; +} + +#disqus_thread { + color: #e3e3e3; +} + +pre { + color: #5fff5f; + background-color: #121212; +} + +@media screen and (max-width: 480px) { + a { + color: #0091d0; + } +} diff --git a/output/style.css b/output/style.css @@ -0,0 +1,208 @@ +@import "colors.css"; + +html { + overflow-y: scroll; +} + +body { + font-family: sans-serif; + font-size: 1em; + font-weight: lighter; +} + +.header { +} + +.container { + max-width: 680px; + margin: 0 auto; +} + +.upstart { + clear: both; + text-align: right; +} + +/* menu */ +.menu { + line-height: 1.5em; + text-align: center; +} + +.menu li { + display: inline; + padding: 0 4px; +} + +.menu li a { + text-decoration: none; + padding: 0.3em; + border-top: 0.5ex solid #a7a9ac; + margin-right: 5px; + margin-left: -5px; +} + +.menu li a:hover, .menu li a.current { + border-top: 0.5ex solid #0091d0; +} + +h1, h2, h3, h4, h5 { + font-weight: normal; +} + +h1 { + font-size: 1.8em; +} + +h3 { + margin-top: 30px; +} + +.latart { + text-align: center; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +a em { + font-size: 0.9em; +} + +.previewlink { + text-decoration: none; + text-align: right; + display: block; +} + +.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; +} + +p { + max-width: 680px; + white-space: wrap; + line-height: 1.6em; + text-align: justify; +} + +.preview p { + margin-top: 0em; + margin-bottom: 0em; +} + +pre { + font-family: monospace; + border: 1px solid grey; + padding: 5px; + max-width: 680px; + white-space: wrap; + overflow-x: auto; +} + +p code, li code { + border: 1px solid grey; + max-width: 680px; + padding: 0.3em; + margin: 0.3em; + white-space: nowrap; +} + +code { + font-family: terminus, monospace; +} + +.logo { + border: none; + display: block; + margin-left: auto; + margin-right: auto; + margin-bottom: 70px; +} + +img { + margin-top: 20px; + max-width: 100%; + height: auto; +} + +li { + line-height: 1.6em; + text-align: justify; +} + +hr { + width: 300%; + margin-left: -40%; + margin-top: 40px; +} + +blockquote { + margin: 10px 0 10px 50px; + padding-left: 15px; + border-left: 3px solid #ccc; +} + +footer { + max-width: 100%; + text-align: center; + margin: 2em auto 0 auto; + padding-top: 2em; + padding-bottom: 3em; + border-top: 1px solid #c0c0c0; +} + +#disqus_thread { + max-width: 680px; + margin: 0 auto; +} + +@media screen and (min-width: 481px) { + .menu { + margin-left: -30px; + } +} + +@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; + } + + a em { + font-size: 1em; + } +} diff --git a/output/style.css.dark b/output/style.css.dark @@ -1,182 +0,0 @@ -body { - background-color: #424242; - font-family: Consolas, Courier, monospace; - 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: center; - margin-top: 3em; -} - -.menu li { - display: inline; - padding: 0 4px; -} - -.menu li a { - text-decoration: none; - padding: 0.3em; - border-top: 0.5ex solid #555555; - color: #e8e8e8; - margin-right: 5px; -} - -.menu li a:hover, .menu li a.current { - border-top: 0.5ex solid #aaaaaa; - 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; - 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; -} - -p code { - background-color: #000000; - 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: #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; - text-align: center; - margin: 0 auto; - padding-bottom: 50px; -} - -#disqus_thread { - max-width: 680px; - 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 @@ -1,208 +0,0 @@ -body { - background-color: #efefef; - font-family: sans-serif; - font-size: 1em; - font-weight: lighter; -} - -.header { - border-bottom: 1px solid #c0c0c0; -} - -.container { - color: #040404; - max-width: 680px; - margin: 0 auto; -} - -.upstart { - clear: both; - text-align: right; -} - -/* menu */ -.menu { - line-height: 1.5em; - text-align: center; - margin-bottom: 3em; - margin-left: -30px; -} - -.menu li { - display: inline; - padding: 0 4px; -} - -.menu li a { - text-decoration: none; - padding: 0.3em; - border-top: 0.5ex solid #555555; - color: #0d0d0d; - margin-right: 5px; -} - -.menu li a:hover, .menu li a.current { - border-top: 0.5ex solid #aaaaaa; - color: #0092cf; -} - -h1, h2, h3, h4, h5 { - color: #0092cf; - font-weight: lighter; -} - -h1 { - font-size: 1.8em; -} - -h3 { - margin-top: 30px; -} - -.latart { - text-align: center; -} - -a em { - color: #c0c0c0; -} - -a em:hover { - color: #000; -} - -.previewlink { - text-decoration: none; - text-align: right; - display: block; -} - -.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; -} - -p { - max-width: 680px; - white-space: wrap; - line-height: 1.6em; - text-align: justify; -} - -.preview p { - margin-top: 0em; - margin-bottom: 0em; -} - -pre { - font-family: monospace; - color: #5fff5f; - background-color: #121212; - border: 1px solid grey; - padding: 5px; - max-width: 680px; - white-space: wrap; - overflow-x: auto; -} - -p code, li code { - background-color: #e2e2e2; - color: #000; - border: 1px solid grey; - max-width: 680px; - padding: 0.3em; - margin: 0.3em; -} - -code { - font-family: terminus, monospace; -} - -.logo { - border: none; - display: block; - margin-left: auto; - margin-right: auto; -} - -img { - margin-top: 20px; - max-width: 100%; - height: auto; -} - -a { - color: #0d0d0d; - font-style: italic; -} - -a:hover { - color: #0092cf; -} - -li { - line-height: 1.6em; - text-align: justify; -} - -hr { - width: 300%; - margin-left: -40%; - margin-top: 40px; -} - -blockquote { - margin: 10px 0 10px 50px; - padding-left: 15px; - border-left: 3px solid #ccc; -} - -footer { - max-width: 100%; - color: #0d0d0d; - text-align: center; - margin: 2em auto 0 auto; - padding-top: 2em; - padding-bottom: 3em; - border-top: 1px solid #c0c0c0; -} - -#disqus_thread { - max-width: 680px; - 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; - } -}