monochromatic

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

commit 3755c3ccd69a9e487483af924a946ca69959bc4b
parent 518c843fbafb26471fdc7dd1b2c5888b8484b0e2
Author: z3bra <willy@mailoo.org>
Date:   Tue, 30 Sep 2014 18:35:52 +0200

YOU asked for it

Diffstat:
css/monochrome.css | 85+++++++++++++++++++++++++++++++++++++++++--------------------------------------
1 file changed, 44 insertions(+), 41 deletions(-)

diff --git a/css/monochrome.css b/css/monochrome.css @@ -2,17 +2,17 @@ /* * COLORS DEFINITION: - * - background -- #fff - * - def. text -- #666 - * - link visit -- #666 - * - code (bg) -- #222 + * - background -- #222 + * - def. text -- #aaa + * - link visit -- #aaa + * - code (bg) -- #111 * - code (fg) -- #fff - * - borders -- #222 - * - link text -- #68b - * - main title -- #666 - * - bold text -- #68b - * - sub titles -- #aaa - * - blockquote -- #aaa + * - borders -- #111 + * - link text -- #d41 + * - main title -- #aaa + * - bold text -- #d41 + * - sub titles -- #eee + * - blockquote -- #666 * */ @@ -37,8 +37,9 @@ /* Main blocks style {{{ */ body { - background: #fff url(/css/img/pattern.jpg) repeat left top; - color: #666; + //background: #222 url(/css/img/pattern.jpg) repeat left top; + background: #222; + color: #aaa; padding: 0; margin: 0; /* font-family: district, sans-serif; */ @@ -50,42 +51,42 @@ body { padding: 10px; margin:auto; margin-top: 28px; - background-color: rgba(255, 255, 255, 0.8); + //background-color: rgba(32, 32, 32, 0.4); border-radius: 16px; } hr { width: 40%; height: 1px; - background-color:#666; + background-color:#aaa; margin-left: 0; margin-top: 32px; border:none; - /* border: 1px solid #000; */ + /* border: 1px solid #fff; */ } header { - /* background-color: #000; */ + /* background-color: #fff; */ width:90%; margin:auto; max-width:720px; - border-bottom: 1px solid #666; + border-bottom: 1px solid #aaa; padding: 10px; } footer { - color: #666; + color: #aaa; font-size:90%; text-align: center; margin: auto; width: 70%; max-width: 720px; - border-top:1px solid #666; + border-top:1px solid #aaa; padding: 10px; } footer a { - color: #666; + color: #aaa; } p { @@ -100,18 +101,19 @@ p { /* Titles and headers {{{ */ h1, h2, h3, h4, h5, h6 { - color: #666; + color: #aaa; font-family: archivo, sans-serif; } -h1, h3 { - /* text-shadow: 2px 2px 4px #000; */ +h1 a, h3 { + color: #eee; + /* text-shadow: 2px 2px 4px #fff; */ } h1 { display:inline; } h2 { - color: #aaa; + color: #666; display: inline; font-weight: normal; font-size: 90%; @@ -120,7 +122,7 @@ h2 { h3 { text-align:right; font-size:150%; - border-bottom: 1px solid #aaa; + border-bottom: 1px solid #eee; padding-right: 16px; } @@ -136,13 +138,13 @@ header h1 { /* Pretty links {{{ */ a { - color: #666; + color: #aaa; font-weight: bold; text-decoration: underline; } a:hover { - color: #68b; + color: #d41; /* text-decoration: underline; */ } @@ -155,20 +157,20 @@ h1 a, h2 a, h3 a, h4 a { } header h1 a { - color: #fff; - text-shadow: 0px 0px 2px #222; + color: white; + text-shadow: 0px 0px 2px #111; } header h1 a:hover { - color: #fff; - text-shadow: 0px 0px 8px #222; + color: white; + text-shadow: 0px 0px 8px #d41; } /* }}} */ /* Tables {{{ */ table { border-collapse: collapse; - border: 1px solid #000; + border: 1px solid #fff; margin-top:8px; margin-bottom:8px; } @@ -178,11 +180,11 @@ table td, table th { } td { - border: 1px solid #222; + border: 1px solid #111; } th { - background-color: #222; + background-color: #111; color: #fff; font-weight: normal; } @@ -191,7 +193,7 @@ th { /* Coding style (<code>) {{{ */ code { - background-color: #eee; + background-color: #111; color: inherit; padding: 2px; } @@ -206,7 +208,7 @@ pre code { pre { margin:auto; color: #fff; - background-color: #222; + background-color: #111; border-radius: 2px; margin-top: 4px; padding: 6px; @@ -218,7 +220,7 @@ pre { /* Text Formatting {{{ */ strong { - color: #666; + color: #aaa; font-weight: bold; } @@ -227,18 +229,19 @@ em { } blockquote, q { - color: #aaa; + color: #666; font-style: italic; } blockquote { - border-left: 8px solid #68b; + border-left: 8px solid #d41; padding-left: 8px; margin-left: -8px; } .center { text-align: center; } -.strike { text-decoration: line-through; } + +strike { text-decoration: line-td41; } .smiley { font-style: normal; @@ -246,7 +249,7 @@ blockquote { font-size: 80%; padding-left:2px; padding-right:2px; - border: 1px solid #666; + border: 1px solid #aaa; border-radius: 6px; transform: rotate(90deg); }