bliper

commit 1d0a9e4bfcde8572592ce65a88b73de0526411aa
parent a27ed9e3ee33668c18d5ff517c11861bc596e9f6
Author: cipher <haris@2f30.org>
Date:   Mon, 16 Dec 2013 02:02:02 +0200

some style changes; added dark and light css themes

Diffstat:
M
output/style.css
 | 
21
++++++++++-----------
A
output/style.css.dark
 | 
106
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
A
output/style.css.light
 | 
115
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

3 files changed, 231 insertions(+), 11 deletions(-)
diff --git a/output/style.css b/output/style.css
@@ -44,28 +44,27 @@ h3 {
 
 p {
 	max-width: 680px;
-	white-space: pre-wrap;
-	line-height: 1.4em;
+	white-space: wrap;
+	line-height: 1.6em;
+	text-align: justify;
 }
 
 pre {
 	font-family: sans-serif;
 	color: #e8e8e8;
-	/* border: 1px solid #000000; */
-	/* background-color: #000000 */
+	border: 1px solid grey;
+	background-color: #000000;
 	padding: 5px;
 	max-width: 680px;
-	white-space: pre-wrap;
-	word-break: break-all;
-	word-wrap: break-word;
+	white-space: wrap;
+	overflow-x: auto;
 }
 
 code {
-	background: #000000;
-	display: block;
+	background-color: #000000;
 	max-width: 680px;
-	padding: 0.5em;
-	margin: 0.5em;
+	padding: 0.3em;
+	margin: 0.3em;
 }
 
 .logo {
diff --git a/output/style.css.dark b/output/style.css.dark
@@ -0,0 +1,106 @@
+body {
+	background-color: #424242;
+	font-family: sans-serif;
+	font-size: 1em;
+}
+
+.container {
+	color: #e8e8e8;
+	max-width: 680px;
+	margin: 0 auto;
+}
+
+.upstart {
+	clear: both;
+	text-align: right;
+}
+
+/* menu */
+.menu {
+	line-height: 1.5em;
+	text-align: right;
+}
+
+.menu li {
+	display: inline;
+}
+
+.menu li a {
+	text-decoration: none;
+	font-weight: bold;
+	padding: 0.3em;
+	border-top: 0.5ex solid #555555;
+	color: #e8e8e8;
+}
+
+.menu li a:hover, .menu li a.current {
+	border-top: 0.5ex solid #aaaaaa;
+	color: #ff9900;
+}
+
+h3 {
+	margin-top: 30px;
+}
+
+p {
+	max-width: 680px;
+	white-space: wrap;
+	line-height: 1.6em;
+	text-align: justify;
+}
+
+pre {
+	font-family: sans-serif;
+	color: #e8e8e8;
+	border: 1px solid grey;
+	background-color: #000000;
+	padding: 5px;
+	max-width: 680px;
+	white-space: wrap;
+	overflow-x: auto;
+}
+
+code {
+	background-color: #000000;
+	max-width: 680px;
+	padding: 0.3em;
+	margin: 0.3em;
+}
+
+.logo {
+	border: none;
+	text-align: center;
+}
+
+img {
+	margin-top: 20px;
+	max-width: 100%;
+	height: auto;
+}
+
+a {
+	color: #40ff40;
+}
+
+a:hover {
+	color: #ff9900;
+}
+
+hr {
+	max-width: 680px;
+	margin-top: 40px;
+}
+
+footer {
+	max-width: 680px;
+	color: #40ff40;
+	text-align: center;
+	margin: 0 auto;
+	padding-bottom: 50px;
+}
+
+#disqus_thread {
+	max-width: 680px;
+	margin: 0 auto;
+	color: #e8e8e8;
+}
diff --git a/output/style.css.light b/output/style.css.light
@@ -0,0 +1,115 @@
+body {
+	background-color: #f1f2f2;
+	font-family: Consolas, Courier, monospace;
+	font-size: 1em;
+}
+
+.container {
+	color: #040404;
+	max-width: 680px;
+	margin: 0 auto;
+}
+
+.upstart {
+	clear: both;
+	text-align: right;
+}
+
+/* menu */
+.menu {
+	line-height: 1.5em;
+	text-align: right;
+}
+
+.menu li {
+	display: inline;
+}
+
+.menu li a {
+	text-decoration: none;
+	padding: 0.3em;
+	border-top: 0.5ex solid #555555;
+	color: #0d0d0d;
+}
+
+.menu li a:hover, .menu li a.current {
+	border-top: 0.5ex solid #aaaaaa;
+	color: #c0c0c0;
+}
+
+h1, h2, h3, h4, h5 {
+    	border-bottom: 1px dotted #0d0d0d;
+}
+
+h3 {
+	margin-top: 30px;
+}
+
+p {
+	max-width: 680px;
+	white-space: wrap;
+	line-height: 1.6em;
+	text-align: justify;
+}
+
+pre {
+	font-family: sans-serif;
+	color: #000;
+	border: 1px solid grey;
+	background-color: #e2e2e2;
+	padding: 5px;
+	max-width: 680px;
+	white-space: wrap;
+	overflow-x: auto;
+	/* word-break: break-all; */
+	/* word-wrap: break-word; */
+}
+
+p code {
+	background-color: #e2e2e2;
+	color: #000;
+	border: 1px solid grey;
+	/* display: block; */
+	max-width: 680px;
+	padding: 0.3em;
+	margin: 0.3em;
+}
+
+.logo {
+	border: none;
+	text-align: center;
+}
+
+img {
+	margin-top: 20px;
+	max-width: 100%;
+	height: auto;
+}
+
+a {
+	color: #0d0d0d;
+	font-style: italic;
+}
+
+a:hover {
+	color: #c0c0c0;
+}
+
+hr {
+	max-width: 680px;
+	margin-top: 40px;
+}
+
+footer {
+	max-width: 680px;
+	color: #0d0d0d;
+	text-align: center;
+	margin: 0 auto;
+	padding-bottom: 50px;
+}
+
+#disqus_thread {
+	max-width: 680px;
+	margin: 0 auto;
+	color: #e8e8e8;
+}