2 files changed, 122 insertions, 0 deletions
diff --git a/public/css/reset.css b/public/css/reset.css
new file mode 100644
index 0000000..03efde7
--- /dev/null
+++ b/public/css/reset.css
@@ -0,0 +1,47 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    font-weight: inherit;
+    font-style: inherit;
+    font-size: 100%;
+    font-family: inherit;
+    vertical-align: baseline;
+    background-color:transparent;
+}
+/* remember to define focus styles! */
+:focus {
+    outline: 0;
+}
+body {
+    line-height: 1;
+    color: black;
+    background: transparent;
+}
+ol, ul {
+    list-style: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+    border-collapse: separate;
+    border-spacing: 0;
+}
+caption, th, td {
+    text-align: left;
+    font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content: "";
+}
+blockquote, q {
+    quotes: "" "";
+}
diff --git a/public/css/site.css b/public/css/site.css
new file mode 100644
index 0000000..197df65
--- /dev/null
+++ b/public/css/site.css
@@ -0,0 +1,75 @@
+* {
+  box-sizing: border-box;
+}
+body {
+  font-family: serif;
+  font-weight: 400;
+  background-color: #fffff5;
+}
+header#sidebar {
+  margin-left: 0;
+  padding-left: 2%;
+  position: absolute;
+  width: 27%;
+  min-height: 100%;
+  min-width: 240px;
+}
+::selection {
+  background: #2755A1;
+  color: white;
+  text-shadow: none;
+}
+h1,h2 {
+  color: #222;
+}
+article.post {
+  min-height: 13px;
+}
+article.post h2 {
+  font-size: 3.2rem;
+  margin-top: 1em;
+  line-height: 1.1em;
+}
+article.post h2 a {
+  border: none;
+  color: #222;
+  -webkit-font-smoothing: antialiased;
+  text-decoration: none;
+  font-weight: 900;
+}
+article div.post-date {
+  margin-bottom: 1em;
+  font-size: 14px;
+  font-style: italic;
+}
+article p {
+  line-height: 1.5em;
+  color: #111;
+  font-size: 1.4rem;
+  margin: 25px 0 25px 0;
+}
+section#content {
+  max-width: -webkit-calc(800px - (30px * 2));
+  max-width: calc(800px - (30px * 2));
+  margin: 48px auto;
+  padding: 0;
+}
+article a:link, article a:visited, article a:hover, article a:active {
+  text-decoration: none;
+  color: #111;
+  border-bottom: 1px solid #CCC;
+}
+article.post code {
+  font-family: 'Ubuntu Mono', 'Consolas', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', 'Monaco', 'Courier New';
+  font-size: 0.9em;
+}
+article.post ul {
+  list-style-type: disc;
+  padding: 0.5rem 0;
+  font-size: 1.4rem;
+}
+ul#user_meta a {
+  text-decoration: none;
+  color: #999;
+  line-height: 1.5em;
+}