tUpdated the whole CSS theme to a lighter one - monochromatic - monochromatic blog: http://blog.z3bra.org
HTML git clone git://z3bra.org/monochromatic
DIR Log
DIR Files
DIR Refs
---
DIR commit a7c45ca00dfdb2e77095e08b1c2793abbe9f1066
DIR parent 3cafe515317bb75df5a15b6e44d16c80aecab949
HTML Author: z3bra <willy@mailoo.org>
Date: Mon, 18 Nov 2013 13:57:17 +0100
Updated the whole CSS theme to a lighter one
Diffstat:
M 2013/08/test-your-css.html | 1 +
M 2013/08/the-hard-way.html | 1 +
M 2013/09/java-without-eclipse.html | 1 +
M 2013/10/home-sweet-home.html | 1 +
M 2013/11/plain-old-mails.html | 1 +
M about.html | 1 +
M css/monochrome.css | 70 +++++++++++++-------------------
M index.html | 1 +
M tools/head.template | 1 +
9 files changed, 36 insertions(+), 42 deletions(-)
---
DIR diff --git a/2013/08/test-your-css.html b/2013/08/test-your-css.html
t@@ -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>
DIR diff --git a/2013/08/the-hard-way.html b/2013/08/the-hard-way.html
t@@ -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>
DIR diff --git a/2013/09/java-without-eclipse.html b/2013/09/java-without-eclipse.html
t@@ -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>
DIR diff --git a/2013/10/home-sweet-home.html b/2013/10/home-sweet-home.html
t@@ -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>
DIR diff --git a/2013/11/plain-old-mails.html b/2013/11/plain-old-mails.html
t@@ -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>
DIR diff --git a/about.html b/about.html
t@@ -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>
DIR diff --git a/css/monochrome.css b/css/monochrome.css
t@@ -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
*
*/
t@@ -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;
t@@ -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;
}
t@@ -66,7 +66,7 @@ footer {
margin: auto;
width: 70%;
max-width: 700px;
- border-top:1px solid #333;
+ border-top:1px solid #b88;
padding: 10px;
}
t@@ -87,8 +87,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1, h3 {
- color: #fff;
- text-shadow: 2px 2px 2px #000;
+ color: #644;
display: inline;
}
t@@ -118,8 +117,7 @@ section h3 {
/* Pretty links {{{ */
a {
- color: #eeb;
- text-shadow: 2px 2px 2px #000;
+ color: #b88;
text-decoration: none;
}
t@@ -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;
}
t@@ -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;
}
/* }}} */
t@@ -174,7 +171,7 @@ code {
pre {
color: inherit;
- background-color: #111;
+ background-color: #eee;
font:inherit;
font-size:inherit;
padding: 10px;
t@@ -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;
}
t@@ -220,8 +206,7 @@ blockquote, q {
}
blockquote {
- border-left: 8px solid #333;
-
+ border-left: 8px solid #b88;
padding-left: 8px;
}
t@@ -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);
}
t@@ -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 {
DIR diff --git a/index.html b/index.html
t@@ -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>
DIR diff --git a/tools/head.template b/tools/head.template
t@@ -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>