v3

tip/i/src/css/fonts.css

@@ -0,0 +1,36 @@
+@font-face {
+    font-family: 'lato';
+    src: url('../fonts/lato/lato-regular-webfont.woff2') format('woff2'),
+         url('../fonts/lato/lato-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'lato';
+    src: url('../fonts/lato/lato-italic-webfont.woff2') format('woff2'),
+         url('../fonts/lato/lato-italic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'lato';
+    src: url('../fonts/lato/lato-bold-webfont.woff2') format('woff2'),
+         url('../fonts/lato/lato-bold-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'lato';
+    src: url('../fonts/lato/lato-bolditalic-webfont.woff2') format('woff2'),
+         url('../fonts/lato/lato-bolditalic-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'slabo_13px';
+    src: url('../fonts/slabo13px/slabo13px-regular-webfont.woff2') format('woff2'),
+         url('../fonts/slabo13px/slabo13px-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+

tip/i/src/css/style-dark.css

@@ -0,0 +1,83 @@
+body {
+	color: #fff;
+	background: #333;
+	font: 18px 'lato', sans-serif;
+	line-height: 1.5;
+}
+
+body>* {
+	max-width: 40em;
+	margin: 0 auto;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-family: 'slabo_13px', 'lato', sans-serif;
+}
+
+a,
+a:link,
+a:visited {
+	color: #0bf;
+	transition: color .2s ease;
+}
+
+a:hover {
+	color: #09d;
+}
+
+a:active {
+	color: #057;
+}
+
+header {
+	border-bottom: 1px solid #555;
+}
+
+h1.blog-title a {
+	text-decoration: none;
+}
+
+h2.list-title a {
+	color: #fff;
+	text-decoration: none;
+}
+
+h1.blog-title a:hover,
+h2.list-title a:hover {
+	text-decoration: underline;
+}
+
+h2.list-title a:hover {
+	color: #ddd;
+}
+
+code {
+	font: normal 1em 'Inconsolata', monospace;
+	color: #fb557e;
+	background: #222;
+	padding: 0 .33em;
+	border-radius: .33em;
+}
+
+hr {
+	border: none;
+	border-top: 1px solid #555;
+}
+
+footer {
+	color: #ddd;
+	padding: 0 1em;
+	margin: 2em auto 0;
+	background: #444;
+	box-sizing: border-box;
+	overflow: auto;
+}
+
+footer .postscript {
+	font-style: italic;
+}

tip/i/src/css/style-light.css

@@ -0,0 +1,82 @@
+body {
+	color: #333;
+	background: #fff;
+	font: 18px 'lato', sans-serif;
+	line-height: 1.5;
+}
+
+body>* {
+	max-width: 40em;
+	margin: 0 auto;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-family: 'slabo_13px', 'lato', sans-serif;
+}
+
+a,
+a:link,
+a:visited {
+	color: #08c;
+	transition: color .2s ease;
+}
+
+a:hover {
+	color: #0bf;
+}
+
+a:active {
+	color: #046;
+}
+
+header {
+	border-bottom: 1px solid #ccc;
+}
+
+h1.blog-title a {
+	text-decoration: none;
+}
+
+h2.list-title a {
+	color: #000;
+	text-decoration: none;
+}
+
+h1.blog-title a:hover,
+h2.list-title a:hover {
+	text-decoration: underline;
+}
+
+h2.list-title a:hover {
+	color: #ddd;
+}
+
+code {
+	font: normal 1em 'Inconsolata', monospace;
+	color: #fb557e;
+	background: #eee;
+	padding: 0 .33em;
+	border-radius: .33em;
+}
+
+hr {
+	border: none;
+	border-top: 1px solid #ccc;
+}
+
+footer {
+	color: #888;
+	padding: 1em;
+	margin: 2em auto 0;
+	background: #eee;
+	box-sizing: border-box;
+}
+
+footer .postscript {
+	font-style: italic;
+}