tBack to black. Light hurts my eyes - monochromatic - monochromatic blog: http://blog.z3bra.org
(HTM) git clone git://z3bra.org/monochromatic
(DIR) Log
(DIR) Files
(DIR) Refs
---
(DIR) commit a15657fc8e0662adcfedb49eabc1f7499ed7e633
(DIR) parent 84abf878f6f2de0b2f3d2c303f3c653e2568b108
(HTM) Author: z3bra <willy@mailoo.org>
Date: Wed, 20 Nov 2013 12:21:15 +0100
Back to black. Light hurts my eyes
Diffstat:
M css/code.css | 12 ++++++------
M css/monochrome.css | 48 ++++++++++++++++---------------
2 files changed, 31 insertions(+), 29 deletions(-)
---
(DIR) diff --git a/css/code.css b/css/code.css
t@@ -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; }
(DIR) diff --git a/css/monochrome.css b/css/monochrome.css
t@@ -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
*
*/
t@@ -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;
t@@ -66,7 +67,7 @@ footer {
margin: auto;
width: 70%;
max-width: 700px;
- border-top:1px solid #b88;
+ border-top:1px solid #eec;
padding: 10px;
}
t@@ -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 {
t@@ -117,7 +119,7 @@ section h3 {
/* Pretty links {{{ */
a {
- color: #b88;
+ color: #eec;
text-decoration: none;
}
t@@ -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;
}
t@@ -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;
}
/* }}} */
t@@ -171,7 +173,7 @@ code {
pre {
color: inherit;
- background-color: #eee;
+ background-color: #222;
font:inherit;
font-size:inherit;
padding: 10px;
t@@ -191,7 +193,7 @@ pre hr {
/* Text Formatting {{{ */
strong {
- color: #644;
+ color: #fff;
font-weight: normal;
}
t@@ -206,7 +208,7 @@ blockquote, q {
}
blockquote {
- border-left: 8px solid #b88;
+ border-left: 8px solid #eec;
padding-left: 8px;
}
t@@ -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);
}
t@@ -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 {