bliper

commit ac963363f9ccee7911011df47c47eb09e91f3289
parent 9fab144460d71ad3eb52d91ba02dd9f24d1d0f80
Author: cipher <haris@2f30.org>
Date:   Fri,  7 Feb 2014 21:16:58 +0200

css fixes for article preview

Diffstat:
M
output/style.css
 | 
32
++++++++++++++++++++++++++++++++
M
output/style.css.dark
 | 
84
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
M
output/style.css.light
 | 
38
++++++++++++++++++++++++++++++++++++++

3 files changed, 150 insertions(+), 4 deletions(-)
diff --git a/output/style.css b/output/style.css
@@ -48,6 +48,38 @@ h3 {
 	margin-top: 30px;
 }
 
+.latart {
+	text-align: center;
+}
+
+a em {
+	color: #c0c0c0;
+}
+
+a em:hover {
+	color: #000;
+}
+
+.previewlink {
+	text-decoration: none;
+}
+
+.previewlink:hover {
+	text-decoration: underline;
+}
+
+.preview {
+	border: 1px solid #c0c0c0;
+	padding: 5px 20px;
+	position: relative;
+	margin: 0 auto;
+	transition: background-color 400ms linear;
+}
+
+.preview:hover {
+	background: #e3e3e3;
+}
+
 a.indexlink {
 	line-height: 2em;
 }
diff --git a/output/style.css.dark b/output/style.css.dark
@@ -1,6 +1,6 @@
 body {
 	background-color: #424242;
-	font-family: sans-serif;
+	font-family: Consolas, Courier, monospace;
 	font-size: 1em;
 }
 
@@ -18,19 +18,21 @@ body {
 /* menu */
 .menu {
 	line-height: 1.5em;
-	text-align: right;
+	text-align: center;
+	margin-top: 3em;
 }
 
 .menu li {
 	display: inline;
+	padding: 0 4px;
 }
 
 .menu li a {
 	text-decoration: none;
-	font-weight: bold;
 	padding: 0.3em;
 	border-top: 0.5ex solid #555555;
 	color: #e8e8e8;
+	margin-right: 5px;
 }
 
 .menu li a:hover, .menu li a.current {
@@ -38,10 +40,50 @@ body {
 	color: #ff9900;
 }
 
+h1, h2, h3, h4, h5 {
+    	border-bottom: 1px dotted #c0c0c0;
+}
+
 h3 {
 	margin-top: 30px;
 }
 
+.latart {
+	text-align: center;
+}
+
+a em {
+	color: #000;
+}
+
+a em:hover {
+	color: #c0c0c0;
+}
+
+.previewlink {
+	text-decoration: none;
+}
+
+.previewlink:hover {
+	text-decoration: underline;
+}
+
+.preview {
+	border: 1px solid #c0c0c0;
+	padding: 5px 20px;
+	position: relative;
+	margin: 0 auto;
+	transition: background-color 400ms linear;
+}
+
+.preview:hover {
+	background: #555;
+}
+
+a.indexlink {
+	line-height: 2em;
+}
+
 p {
 	max-width: 680px;
 	white-space: wrap;
@@ -60,8 +102,11 @@ pre {
 	overflow-x: auto;
 }
 
-code {
+p code {
 	background-color: #000000;
+	color: #000;
+	border: 1px solid grey;
+	/* display: block; */
 	max-width: 680px;
 	padding: 0.3em;
 	margin: 0.3em;
@@ -80,17 +125,29 @@ img {
 
 a {
 	color: #40ff40;
+	font-style: italic;
 }
 
 a:hover {
 	color: #ff9900;
 }
 
+li {
+	line-height: 1.6em;
+	text-align: justify;
+}
+
 hr {
 	max-width: 680px;
 	margin-top: 40px;
 }
 
+blockquote {
+	margin: 10px 0 10px 50px;
+	padding-left: 15px;
+	border-left: 3px solid #ccc;
+}
+
 footer {
 	max-width: 680px;
 	color: #40ff40;
@@ -104,3 +161,22 @@ footer {
 	margin: 0 auto;
 	color: #e8e8e8;
 }
+
+@media screen and (max-width: 480px) {
+	.menu li {
+		display: list-item;
+		margin-left: -40px;
+		list-style: none;
+		text-align: center;
+		padding-top: 10px;
+		text-transform: uppercase;
+	}
+
+	.menu li a {
+		border: none;
+	}
+
+	.menu li a:hover {
+		border: none;
+	}
+}
diff --git a/output/style.css.light b/output/style.css.light
@@ -48,6 +48,38 @@ h3 {
 	margin-top: 30px;
 }
 
+.latart {
+	text-align: center;
+}
+
+a em {
+	color: #c0c0c0;
+}
+
+a em:hover {
+	color: #000;
+}
+
+.previewlink {
+	text-decoration: none;
+}
+
+.previewlink:hover {
+	text-decoration: underline;
+}
+
+.preview {
+	border: 1px solid #c0c0c0;
+	padding: 5px 20px;
+	position: relative;
+	margin: 0 auto;
+	transition: background-color 400ms linear;
+}
+
+.preview:hover {
+	background: #e3e3e3;
+}
+
 a.indexlink {
 	line-height: 2em;
 }
@@ -112,6 +144,12 @@ hr {
 	margin-top: 40px;
 }
 
+blockquote {
+	margin: 10px 0 10px 50px;
+	padding-left: 15px;
+	border-left: 3px solid #ccc;
+}
+
 footer {
 	max-width: 680px;
 	color: #0d0d0d;