bliper

commit b8e5e1e453d284db1e0df7ae87ff72d693a03ec6
parent f950092cbfa32cbd6b1c274bcd8c60b80d8e4ddc
Author: cipher <haris@2f30.org>
Date:   Mon,  4 Aug 2014 15:38:35 +0300

Styles removed, all colors live in output/colors.css

Diffstat:
A
output/colors.css
 | 
38
++++++++++++++++++++++++++++++++++++++
A
output/style.css
 | 
208
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
D
output/style.css.dark
 | 
182
-------------------------------------------------------------------------------
D
output/style.css.light
 | 
208
-------------------------------------------------------------------------------

4 files changed, 246 insertions(+), 390 deletions(-)
diff --git a/output/colors.css b/output/colors.css
@@ -0,0 +1,38 @@
+body {
+	background-color: #efefef;
+}
+
+.container {
+	color: #040404;
+}
+
+.menu, .menu li a, .footer {
+	color: #a7a9ac;
+}
+
+.menu li a:hover, .menu li a.current, a:hover, a, a em, h1, h2, h3, h4, h5 {
+	color: #0091d0;
+}
+
+a em:hover, p code, li code {
+	color: #000;
+}
+
+preview:hover, p code, li code {
+	background-color: #e3e3e3;
+}
+
+#disqus_thread {
+	color: #e3e3e3;
+}
+
+pre {
+	color: #5fff5f;
+	background-color: #121212;
+}
+
+@media screen and (max-width: 480px) {
+	a {
+		color: #0091d0;
+	}
+}
diff --git a/output/style.css b/output/style.css
@@ -0,0 +1,208 @@
+@import "colors.css";
+
+html {
+	overflow-y: scroll;
+}
+
+body {
+	font-family: sans-serif;
+	font-size: 1em;
+	font-weight: lighter;
+}
+
+.header {
+}
+
+.container {
+	max-width: 680px;
+	margin: 0 auto;
+}
+
+.upstart {
+	clear: both;
+	text-align: right;
+}
+
+/* menu */
+.menu {
+	line-height: 1.5em;
+	text-align: center;
+}
+
+.menu li {
+	display: inline;
+	padding: 0 4px;
+}
+
+.menu li a {
+	text-decoration: none;
+	padding: 0.3em;
+	border-top: 0.5ex solid #a7a9ac;
+	margin-right: 5px;
+	margin-left: -5px;
+}
+
+.menu li a:hover, .menu li a.current {
+	border-top: 0.5ex solid #0091d0;
+}
+
+h1, h2, h3, h4, h5 {
+	font-weight: normal;
+}
+
+h1 {
+	font-size: 1.8em;
+}
+
+h3 {
+	margin-top: 30px;
+}
+
+.latart {
+	text-align: center;
+}
+
+a {
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+a em {
+	font-size: 0.9em;
+}
+
+.previewlink {
+	text-decoration: none;
+	text-align: right;
+	display: block;
+}
+
+.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;
+}
+
+p {
+	max-width: 680px;
+	white-space: wrap;
+	line-height: 1.6em;
+	text-align: justify;
+}
+
+.preview p {
+	margin-top: 0em;
+	margin-bottom: 0em;
+}
+
+pre {
+	font-family: monospace;
+	border: 1px solid grey;
+	padding: 5px;
+	max-width: 680px;
+	white-space: wrap;
+	overflow-x: auto;
+}
+
+p code, li code {
+	border: 1px solid grey;
+	max-width: 680px;
+	padding: 0.3em;
+	margin: 0.3em;
+	white-space: nowrap;
+}
+
+code {
+	font-family: terminus, monospace;
+}
+
+.logo {
+	border: none;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 70px;
+}
+
+img {
+	margin-top: 20px;
+	max-width: 100%;
+	height: auto;
+}
+
+li {
+	line-height: 1.6em;
+	text-align: justify;
+}
+
+hr {
+	width: 300%;
+	margin-left: -40%;
+	margin-top: 40px;
+}
+
+blockquote {
+	margin: 10px 0 10px 50px;
+	padding-left: 15px;
+	border-left: 3px solid #ccc;
+}
+
+footer {
+	max-width: 100%;
+	text-align: center;
+	margin: 2em auto 0 auto;
+	padding-top: 2em;
+	padding-bottom: 3em;
+	border-top: 1px solid #c0c0c0;
+}
+
+#disqus_thread {
+	max-width: 680px;
+	margin: 0 auto;
+}
+
+@media screen and (min-width: 481px) {
+	.menu {
+		margin-left: -30px;
+	}
+}
+
+@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;
+	}
+
+	a em {
+		font-size: 1em;
+	}
+}
diff --git a/output/style.css.dark b/output/style.css.dark
@@ -1,182 +0,0 @@
-body {
-	background-color: #424242;
-	font-family: Consolas, Courier, monospace;
-	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: center;
-	margin-top: 3em;
-}
-
-.menu li {
-	display: inline;
-	padding: 0 4px;
-}
-
-.menu li a {
-	text-decoration: none;
-	padding: 0.3em;
-	border-top: 0.5ex solid #555555;
-	color: #e8e8e8;
-	margin-right: 5px;
-}
-
-.menu li a:hover, .menu li a.current {
-	border-top: 0.5ex solid #aaaaaa;
-	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;
-	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;
-}
-
-p code {
-	background-color: #000000;
-	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: #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;
-	text-align: center;
-	margin: 0 auto;
-	padding-bottom: 50px;
-}
-
-#disqus_thread {
-	max-width: 680px;
-	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
@@ -1,208 +0,0 @@
-body {
-	background-color: #efefef;
-	font-family: sans-serif;
-	font-size: 1em;
-	font-weight: lighter;
-}
-
-.header {
-	border-bottom: 1px solid #c0c0c0;
-}
-
-.container {
-	color: #040404;
-	max-width: 680px;
-	margin: 0 auto;
-}
-
-.upstart {
-	clear: both;
-	text-align: right;
-}
-
-/* menu */
-.menu {
-	line-height: 1.5em;
-	text-align: center;
-	margin-bottom: 3em;
-	margin-left: -30px;
-}
-
-.menu li {
-	display: inline;
-	padding: 0 4px;
-}
-
-.menu li a {
-	text-decoration: none;
-	padding: 0.3em;
-	border-top: 0.5ex solid #555555;
-	color: #0d0d0d;
-	margin-right: 5px;
-}
-
-.menu li a:hover, .menu li a.current {
-	border-top: 0.5ex solid #aaaaaa;
-	color: #0092cf;
-}
-
-h1, h2, h3, h4, h5 {
-	color: #0092cf;
-	font-weight: lighter;
-}
-
-h1 {
-	font-size: 1.8em;
-}
-
-h3 {
-	margin-top: 30px;
-}
-
-.latart {
-	text-align: center;
-}
-
-a em {
-	color: #c0c0c0;
-}
-
-a em:hover {
-	color: #000;
-}
-
-.previewlink {
-	text-decoration: none;
-	text-align: right;
-	display: block;
-}
-
-.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;
-}
-
-p {
-	max-width: 680px;
-	white-space: wrap;
-	line-height: 1.6em;
-	text-align: justify;
-}
-
-.preview p {
-	margin-top: 0em;
-	margin-bottom: 0em;
-}
-
-pre {
-	font-family: monospace;
-	color: #5fff5f;
-	background-color: #121212;
-	border: 1px solid grey;
-	padding: 5px;
-	max-width: 680px;
-	white-space: wrap;
-	overflow-x: auto;
-}
-
-p code, li code {
-	background-color: #e2e2e2;
-	color: #000;
-	border: 1px solid grey;
-	max-width: 680px;
-	padding: 0.3em;
-	margin: 0.3em;
-}
-
-code {
-	font-family: terminus, monospace;
-}
-
-.logo {
-	border: none;
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-}
-
-img {
-	margin-top: 20px;
-	max-width: 100%;
-	height: auto;
-}
-
-a {
-	color: #0d0d0d;
-	font-style: italic;
-}
-
-a:hover {
-	color: #0092cf;
-}
-
-li {
-	line-height: 1.6em;
-	text-align: justify;
-}
-
-hr {
-	width: 300%;
-	margin-left: -40%;
-	margin-top: 40px;
-}
-
-blockquote {
-	margin: 10px 0 10px 50px;
-	padding-left: 15px;
-	border-left: 3px solid #ccc;
-}
-
-footer {
-	max-width: 100%;
-	color: #0d0d0d;
-	text-align: center;
-	margin: 2em auto 0 auto;
-	padding-top: 2em;
-	padding-bottom: 3em;
-	border-top: 1px solid #c0c0c0;
-}
-
-#disqus_thread {
-	max-width: 680px;
-	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;
-	}
-}