Fixes

static/css/hyde.css

@@ -70,6 +70,7 @@ html {
 
   footer {
     margin-left: 19rem !important;
+    margin-right: 1rem !important;
   }
 }
 
@@ -109,8 +110,8 @@ a.sidebar-nav-item:focus {
  */
 
 .content {
-  padding-top:    2rem;
-  padding-bottom: 2rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
   min-height: 50%;
 }
 
@@ -125,8 +126,8 @@ footer {
   font-size: .7rem;
   text-align: center;
   height: 40px;
-  margin: 2rem 1rem 0 1rem;
   padding: 1rem 0;
+  margin: 0 1rem;
   border-top: 1px solid #e0e0e0;
 }
 
@@ -186,6 +187,8 @@ footer a,
 
 .read-more-link a:hover {
   text-decoration: none;
+  color: #fff;
+  background-color: #49757a;
 }
 
 .pull-right {
@@ -194,6 +197,7 @@ footer a,
 
 ul.posts {
   list-style: none;
+  padding: 0 1rem;
 }
 
 .social-icons,
@@ -201,6 +205,29 @@ ul.posts {
   margin-top: 1rem;
 }
 
+ul.posts li,
+.sidebar nav li {
+  font-size: 1.2rem;
+  padding: 0.25rem 0;
+}
+
+.social-icons a {
+  font-size: 1.5rem;
+  padding: 0.2rem;
+}
+
+@media (min-width: 58rem) {
+  .social-icons a {
+    font-size: 1.2rem;
+  }
+
+  ul.posts li,
+  .sidebar nav li {
+    font-size: inherit;
+    padding: 0;
+  }
+}
+
 .social-icons a,
 .social-icons a:hover,
 .social-icons a:focus {
@@ -273,7 +300,7 @@ ul.posts {
 
 .share-buttons {
   text-align: center;
-  font-size: 1.5rem;
+  font-size: 2rem;
   margin-top: 2rem;
 }
 
@@ -288,7 +315,7 @@ ul.posts {
 ul.tags {
   list-style: none;
   padding: 0;
-  margin: 2rem 0 1rem 0;
+  margin: 1rem 0;
 }
 
 ul.tags li {
@@ -302,7 +329,7 @@ a.tag-link {
   border-radius: 3px;
   font-size: 0.75rem;
   text-decoration: none;
-  color: #757575;
+  color: #757575 !important;
 }
 
 a.tag-link:hover {
@@ -329,3 +356,18 @@ figcaption {
   margin-bottom: .5rem;
   font-weight: 400;
 }
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.flex {
+  display: flex;
+  justify-content: space-between;
+}
+
+.nowrap {
+  white-space: nowrap;
+}

static/css/poole.css

@@ -147,28 +147,22 @@ abbr[title] {
 
 /* Code */
 code,
-pre {
+pre,
+.highlight {
   font-family: Menlo, Monaco, "Courier New", monospace;
 }
 code {
-  padding: .25em .5em;
-  font-size: 85%;
-  color: #b3555e;
-  background-color: #f9f9f9;
-  border-radius: 3px;
+  color: #e83e8c;
+  white-space: pre;
 }
 pre {
   display: block;
-  margin-top: 0;
-  margin-bottom: 1rem;
-  padding: 1rem;
-  font-size: .8rem;
+  overflow: auto;
+  margin: 0;
+  padding: 0;
   line-height: 1.4;
   white-space: pre;
-  white-space: pre-wrap;
-  word-break: break-all;
-  word-wrap: break-word;
-  background-color: #f9f9f9;
+  background-color: #fff;
 }
 pre code {
   padding: 0;
@@ -177,12 +171,29 @@ pre code {
   background-color: transparent;
 }
 .highlight {
+  font-size: 90%;
   margin-bottom: 1rem;
   border-radius: 4px;
+  border: 1px solid;
+  border-color: #ddd #ddd #ccc;
+  border-radius: 3px;
 }
 .highlight pre {
   margin-bottom: 0;
 }
+.chroma .lntable {
+  border-spacing: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  width: auto;
+  overflow: auto;
+  display: block;
+}
+.chroma .lntd {
+  background-color: #fff;
+  border: 0;
+}
 
 /* Quotes */
 blockquote {
@@ -307,6 +318,11 @@ tbody tr:nth-child(odd) th {
   margin-bottom: 2em;
 }
 
+.page .title,
+.post .title {
+  font-size: 2rem;
+}
+
 /* Blog post or page title */
 .page-title,
 .post-title,
@@ -315,16 +331,22 @@ tbody tr:nth-child(odd) th {
 }
 .page-title,
 .post-title {
+  font-size: 1.6rem;
   margin-top: 0;
 }
 
 /* Meta data line below post title */
 .post-date {
   display: block;
+  font-size: 1.0rem;
   margin-bottom: 1rem;
   color: #757575;
 }
 
+.posts .post-date {
+  margin-bottom: 0.5rem;
+}
+
 /* Related posts */
 .related {
   padding-top: 2rem;

static/css/print.css

@@ -1,4 +1,4 @@
-.sidebar, .post-date {
+.sidebar, .share-buttons, .comments, .readtime {
   display: none !important;
 }