tYOU asked for it - monochromatic - monochromatic blog: http://blog.z3bra.org
HTML git clone git://z3bra.org/monochromatic
DIR Log
DIR Files
DIR Refs
---
DIR commit 3755c3ccd69a9e487483af924a946ca69959bc4b
DIR parent 518c843fbafb26471fdc7dd1b2c5888b8484b0e2
HTML Author: z3bra <willy@mailoo.org>
Date: Tue, 30 Sep 2014 18:35:52 +0200
YOU asked for it
Diffstat:
M css/monochrome.css | 85 ++++++++++++++++---------------
1 file changed, 44 insertions(+), 41 deletions(-)
---
DIR diff --git a/css/monochrome.css b/css/monochrome.css
t@@ -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
*
*/
t@@ -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; */
t@@ -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 {
t@@ -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%;
t@@ -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;
}
t@@ -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; */
}
t@@ -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;
}
t@@ -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;
}
t@@ -191,7 +193,7 @@ th {
/* Coding style (<code>) {{{ */
code {
- background-color: #eee;
+ background-color: #111;
color: inherit;
padding: 2px;
}
t@@ -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;
t@@ -218,7 +220,7 @@ pre {
/* Text Formatting {{{ */
strong {
- color: #666;
+ color: #aaa;
font-weight: bold;
}
t@@ -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;
t@@ -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);
}