monochromatic

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

commit a7c45ca00dfdb2e77095e08b1c2793abbe9f1066
parent 3cafe515317bb75df5a15b6e44d16c80aecab949
Author: z3bra <willy@mailoo.org>
Date:   Mon, 18 Nov 2013 13:57:17 +0100

Updated the whole CSS theme to a lighter one

Diffstat:
2013/08/test-your-css.html | 1+
2013/08/the-hard-way.html | 1+
2013/09/java-without-eclipse.html | 1+
2013/10/home-sweet-home.html | 1+
2013/11/plain-old-mails.html | 1+
about.html | 1+
css/monochrome.css | 70++++++++++++++++++++++++++++------------------------------------------
index.html | 1+
tools/head.template | 1+
9 files changed, 36 insertions(+), 42 deletions(-)

diff --git a/2013/08/test-your-css.html b/2013/08/test-your-css.html @@ -3,6 +3,7 @@ <head> <meta charset='utf-8'/> <link rel='stylesheet' href='/css/monochrome.css'/> + <link rel='stylesheet' href='/css/code.css'/> <link rel='stylesheet' href='/css/phone.css' media='screen and (max-width: 540px)'/> <title>monochromatic</title> </head> diff --git a/2013/08/the-hard-way.html b/2013/08/the-hard-way.html @@ -3,6 +3,7 @@ <head> <meta charset='utf-8'/> <link rel='stylesheet' href='/css/monochrome.css'/> + <link rel='stylesheet' href='/css/code.css'/> <link rel='stylesheet' href='/css/phone.css' media='screen and (max-width: 540px)'/> <title>monochromatic</title> </head> diff --git a/2013/09/java-without-eclipse.html b/2013/09/java-without-eclipse.html @@ -3,6 +3,7 @@ <head> <meta charset='utf-8'/> <link rel='stylesheet' href='/css/monochrome.css'/> + <link rel='stylesheet' href='/css/code.css'/> <link rel='stylesheet' href='/css/phone.css' media='screen and (max-width: 540px)'/> <title>monochromatic</title> </head> diff --git a/2013/10/home-sweet-home.html b/2013/10/home-sweet-home.html @@ -3,6 +3,7 @@ <head> <meta charset='utf-8'/> <link rel='stylesheet' href='/css/monochrome.css'/> + <link rel='stylesheet' href='/css/code.css'/> <link rel='stylesheet' href='/css/phone.css' media='screen and (max-width: 540px)'/> <title>monochromatic</title> </head> diff --git a/2013/11/plain-old-mails.html b/2013/11/plain-old-mails.html @@ -3,6 +3,7 @@ <head> <meta charset='utf-8'/> <link rel='stylesheet' href='/css/monochrome.css'/> + <link rel='stylesheet' href='/css/code.css'/> <link rel='stylesheet' href='/css/phone.css' media='screen and (max-width: 540px)'/> <title>monochromatic</title> </head> diff --git a/about.html b/about.html @@ -3,6 +3,7 @@ <head> <meta charset='utf-8'/> <link rel='stylesheet' href='/css/monochrome.css'/> + <link rel='stylesheet' href='/css/code.css'/> <link rel='stylesheet' href='/css/phone.css' media='screen and (max-width: 540px)'/> <title>monochromatic</title> </head> diff --git a/css/monochrome.css b/css/monochrome.css @@ -2,14 +2,15 @@ /* * COLORS DEFINITION: - * - background -- #222 - * - def. text -- #888 - * - code -- #444 - * - link text -- #eeb - * - link visit -- #ddd - * - main title -- #fff + * - background -- #fff + * - header (bg)-- #222 + * - def. text -- #000 + * - code (bg) -- #eee + * - link text -- #b88 + * - link visit -- #000 + * - main title -- #644 * - sub titles -- #666 - * - borders -- #333 + * - borders -- #b88 * */ @@ -31,8 +32,8 @@ /* Main blocks style {{{ */ body { - background-color: #222; - color: #888; + background-color: #fff; + color: #000; padding: 0; margin: 0; font-family: district, sans-serif; @@ -51,12 +52,11 @@ hr { width: 40%; margin-left: 0; margin-top: 32px; - border: 1px solid #262626; - box-shadow: 0px 1px 1px #000; + border: 1px solid #222; } header { - background-color: #111; + background-color: #222; padding: 10px; } @@ -66,7 +66,7 @@ footer { margin: auto; width: 70%; max-width: 700px; - border-top:1px solid #333; + border-top:1px solid #b88; padding: 10px; } @@ -87,8 +87,7 @@ h1, h2, h3, h4, h5, h6 { } h1, h3 { - color: #fff; - text-shadow: 2px 2px 2px #000; + color: #644; display: inline; } @@ -118,8 +117,7 @@ section h3 { /* Pretty links {{{ */ a { - color: #eeb; - text-shadow: 2px 2px 2px #000; + color: #b88; text-decoration: none; } @@ -129,23 +127,22 @@ a:hover { a:visited { text-decoration: line-through; - text-shadow: 0px 0px 0px #222; } header h1 a { - color: inherit; + color: white; } header h1 a:hover { text-decoration: none; - text-shadow: 0px 0px 2px #fff; + text-shadow: 0px 0px 2px white; } /* }}} */ /* Tables {{{ */ table { border-collapse: collapse; - border: 2px solid #333; + border: 2px solid #b88; margin-top:8px; margin-bottom:8px; } @@ -155,12 +152,12 @@ table td, table th { } td { - border: 1px solid #333; + border: 1px solid #b88; } th { - background-color: #333; - color: #fff; + background-color: #b88; + color: #644; font-weight: normal; } /* }}} */ @@ -174,7 +171,7 @@ code { pre { color: inherit; - background-color: #111; + background-color: #eee; font:inherit; font-size:inherit; padding: 10px; @@ -184,28 +181,17 @@ pre { overflow:auto; } -/* Generated by macro :TOhtml in vim */ -.Comment { color: #ccc; } -.Constant { color: #421; } -.Function { color: #333; } -.Special { color: #0fa; } -.Statement { color: #eeb; } -.PreProc { color: #421; } -.String { color: #755; } -.Type { color: #ea8; } - pre hr { width: 100%; margin: 0; margin-top: 4px; border: 1px dashed #222; - box-shadow: none; } /* }}} */ /* Text Formatting {{{ */ strong { - color: #fff; + color: #644; font-weight: normal; } @@ -220,8 +206,7 @@ blockquote, q { } blockquote { - border-left: 8px solid #333; - + border-left: 8px solid #b88; padding-left: 8px; } @@ -231,7 +216,7 @@ blockquote { font-size: 80%; padding-left:2px; padding-right:2px; - border: 1px solid #888; + border: 1px solid #000; border-radius: 6px; transform: rotate(90deg); } @@ -243,13 +228,14 @@ img { width:30%; vertical-align: top; display: inline-block; - box-shadow: 0px 0px 16px #000; + box-shadow: 0px 0px 10px #b88; + border-radius: 10px; margin:auto; margin-top: 8px; } img.a_img:hover { - box-shadow: 0px 0px 16px #fff; + box-shadow: 0px 0px 10px #644; } a.a_img:hover { diff --git a/index.html b/index.html @@ -3,6 +3,7 @@ <head> <meta charset='utf-8'/> <link rel='stylesheet' href='/css/monochrome.css'/> + <link rel='stylesheet' href='/css/code.css'/> <link rel='stylesheet' href='/css/phone.css' media='screen and (max-width: 540px)'/> <title>monochromatic</title> </head> diff --git a/tools/head.template b/tools/head.template @@ -3,6 +3,7 @@ <head> <meta charset='utf-8'/> <link rel='stylesheet' href='/css/monochrome.css'/> + <link rel='stylesheet' href='/css/code.css'/> <link rel='stylesheet' href='/css/phone.css' media='screen and (max-width: 540px)'/> <title>monochromatic</title> </head>