monochromatic

monochromatic blog: http://blog.z3bra.org
git clone git://z3bra.org/monochromatic
Log | Files | Refs

commit a15657fc8e0662adcfedb49eabc1f7499ed7e633
parent 84abf878f6f2de0b2f3d2c303f3c653e2568b108
Author: z3bra <willy@mailoo.org>
Date:   Wed, 20 Nov 2013 12:21:15 +0100

Back to black. Light hurts my eyes

Diffstat:
css/code.css | 12++++++------
css/monochrome.css | 48+++++++++++++++++++++++++-----------------------
2 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/css/code.css b/css/code.css @@ -1,10 +1,10 @@ /* Generated by macro :TOhtml in vim */ .Comment { color: #aaa; } -.Constant { color: #421; } +.Constant { color: #c67; } .Function { color: #333; } -.Special { color: #d44; } -.Statement { color: #b88; } -.PreProc { color: #421; } -.String { color: #755; } -.Type { color: #a84; } +.Special { color: #cf2; } +.Statement { color: #fff; } +.PreProc { color: #654; } +.String { color: #eea; } +.Type { color: #654; } diff --git a/css/monochrome.css b/css/monochrome.css @@ -2,15 +2,16 @@ /* * COLORS DEFINITION: - * - background -- #fff + * - background -- #333 * - header (bg)-- #222 - * - def. text -- #000 - * - code (bg) -- #eee - * - link text -- #b88 - * - link visit -- #000 - * - main title -- #644 + * - def. text -- #bbb + * - link visit -- #bbb + * - code (bg) -- #222 + * - link text -- #eec + * - borders -- #eec + * - main title -- #fff + * - bold text -- #fff * - sub titles -- #666 - * - borders -- #b88 * */ @@ -32,8 +33,8 @@ /* Main blocks style {{{ */ body { - background-color: #fff; - color: #000; + background-color: #333; + color: #bbb; padding: 0; margin: 0; font-family: district, sans-serif; @@ -66,7 +67,7 @@ footer { margin: auto; width: 70%; max-width: 700px; - border-top:1px solid #b88; + border-top:1px solid #eec; padding: 10px; } @@ -87,8 +88,9 @@ h1, h2, h3, h4, h5, h6 { } h1, h3 { - color: #644; + color: #fff; display: inline; + text-shadow: 2px 2px 4px #000; } h2 { @@ -117,7 +119,7 @@ section h3 { /* Pretty links {{{ */ a { - color: #b88; + color: #eec; text-decoration: none; } @@ -142,7 +144,7 @@ header h1 a:hover { /* Tables {{{ */ table { border-collapse: collapse; - border: 2px solid #b88; + border: 1px solid #222; margin-top:8px; margin-bottom:8px; } @@ -152,12 +154,12 @@ table td, table th { } td { - border: 1px solid #b88; + border: 1px solid #222; } th { - background-color: #b88; - color: #644; + background-color: #222; + color: #fff; font-weight: normal; } /* }}} */ @@ -171,7 +173,7 @@ code { pre { color: inherit; - background-color: #eee; + background-color: #222; font:inherit; font-size:inherit; padding: 10px; @@ -191,7 +193,7 @@ pre hr { /* Text Formatting {{{ */ strong { - color: #644; + color: #fff; font-weight: normal; } @@ -206,7 +208,7 @@ blockquote, q { } blockquote { - border-left: 8px solid #b88; + border-left: 8px solid #eec; padding-left: 8px; } @@ -216,7 +218,7 @@ blockquote { font-size: 80%; padding-left:2px; padding-right:2px; - border: 1px solid #000; + :order: 1px solid #bbb; border-radius: 6px; transform: rotate(90deg); } @@ -228,14 +230,14 @@ img { width:30%; vertical-align: top; display: inline-block; - box-shadow: 0px 0px 10px #b88; - border-radius: 10px; + box-shadow: 0px 0px 10px #222; + border-radius: 4px; margin:auto; margin-top: 8px; } img.a_img:hover { - box-shadow: 0px 0px 10px #644; + box-shadow: 0px 0px 10px #fff; } a.a_img:hover {