More pretty

More pretty

3 files changed, 51 insertions, 37 deletions

diff --git a/layouts/index.html b/layouts/index.html
index cf0e1fa..4c8d953 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -19,7 +19,7 @@
             <div>
             {{ range (.Paginate ( first 100 .Site.RegularPages.ByPublishDate.Reverse )).Pages }}
                 <article>
-                    <h3><a href="{{ .RelPermalink }}">&#10132; {{ .Title }}</a></h3>
+					<h3><span class="listarrow">&#10132; <a href="{{ .RelPermalink }}">{{ .Title }}</a><span></h3>
                     <div class="less">
                         <time>Published: {{ .PublishDate.Format "Monday, Jan 2, 2006" }}</time>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;{{ .ReadingTime }} minute read
                     </div>
diff --git a/static/css/cookie.css b/static/css/cookie.css
index ea7e9bd..fb79e8b 100644
--- a/static/css/cookie.css
+++ b/static/css/cookie.css
@@ -12,8 +12,8 @@ p {
   bottom: -100%;
   left: 0;
   right: 0;
-  background: #2f3640;
-  color: #f5f6fa;
+  background: #161a1d;
+  color: #d3d3d3;
   padding: 0 32px;
   box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.38);
 
@@ -25,11 +25,11 @@ p {
 }
 
 .cookie-container a {
-  color: #f5f6fa;
+  color: #e5383b;
 }
 
 .cookie-btn {
-  background: #ff0000;
+  background: #e5383b;
   border: 0;
   color: #f5f6fa;
   padding: 12px 48px;
diff --git a/static/css/niello.css b/static/css/niello.css
index 8ff32f5..867d78d 100644
--- a/static/css/niello.css
+++ b/static/css/niello.css
@@ -20,9 +20,9 @@ html, body {
     padding             : 0;
     font-family         : Museo100;
     font-size           : 18px;
-    color               : #ccc;
+    color               : #adb5bd;
     line-height         : 200%;
-    background-color    : #000;
+    background-color    : #0b090a;
     width               : 100vw;
     max-width           : 100vw;
     overflow-x          : hidden;
@@ -34,14 +34,18 @@ h1 {
 }
 
 h3 {
-    margin      : 0;
-    padding     : 0;
-    font-family : Museo300;
-    font-size   : 20px;
+    margin      :0;
+    padding     :0;
+    font-family :Museo300;
+    font-size   :22px;
+}
+
+h3 > .listarrow {
+	color	:#e5383b;
 }
 
 a {
-    color           : #fff;
+    color           : #b1a7a6;
 }
 
 img {
@@ -49,19 +53,25 @@ img {
 }
 
 h1 > a {
-    color                   : #ccc;
+    color                   : #adb5bd;
     text-decoration         : none; 
 }
 
-h3 > a {
-    color                   : #ccc;
-    text-decoration         : underline;
-    text-decoration-color   : #de0066;
-    -webkit-text-decoration-color   : #de0066;
+
+h3 > span > a {
+	padding					:6px 8px;
+	border-radius			:6px;
+    color                   :#adb5bd;
+    text-decoration         :none;
+	text-underline-offset	:3px;
+    text-decoration-color   : #9d0208;
+    -webkit-text-decoration-color   : #9d0208;
+	border-radius:6px;
 }
 
-h3 > a:hover {
-    background-color: #de0066;
+h3 > span > a:hover {
+    background-color:#e5383b;
+	color			:#fff;
 }
 
 small > a{
@@ -70,12 +80,12 @@ small > a{
     justify-content :flex-end;
     text-align      : right;
     font-size       : 16px;
-    color           : #ff9800;
+    color           : #f48c06;
     text-decoration : none;
 }
 
 small > a:hover {
-    color           : #de0066;
+    color           : #ffba08;
     background-color: #000;
 }
 
@@ -90,10 +100,9 @@ footer {
     width           : 100%;
     font-family     : Museo300;
     font-size       : 18px;
-    color           : #999;
+    color           : #adb5bd;
 }
 
-
 .flex-column {
     display         : -webkit-flex;
     display         : flex;
@@ -129,7 +138,7 @@ footer {
     margin          : 0 0 50px;
     padding         : 0;
     font-size       : 20px;
-    border-bottom   : 1px solid #333;
+    border-bottom   : 1px solid #e5383b;
     height          : 38px;
 }
 
@@ -138,47 +147,52 @@ footer {
     margin          : 0;
     padding         : 0 20px;
     height          : 100%;
-    color           : #fff;
+    color           : #d3d3d3;
     text-decoration : none;
 }
 
 .navigation > a:hover {
-    border-bottom   : 3px solid #ff2388;
+	color	:#fff;
+	font-weight:bold;
 }
 
 .navigation > .current {
-    border-bottom   : 3px solid #de0066;
+	background-color:#e5383b;
+	color:#fff;
+	font-weight:bold;
 }
 
 .less {
-    color       : #666;
+    color       : #495057;
     font-size   : 16px;
 }
 .pages {
     padding     : 30px 0 10px;
     font-size   : 18px;
+    color       : #6c757d;
 }
 .pages > a {
-    color           : #de0066;
+    color           : #e5383b;
 }
 
 .pagelink {
-    color       : #666;
+    color       : #6c757d;
 }
 
 .line-dotted {
     margin          : 30px 0 10px;
     width           : 100%;
     height          : 1px;
-    border-bottom   : 1px dotted #333;
+    border-bottom   : 1px dashed #333;
 }
 
 
 /******************highlight.js override*************/
 .hljs {
-    background          : rgba(255, 255, 255, 0.2);
-    width               : 800px;
-    color               : #ccc;
-    font-family         : Museo100;
-    border-radius       : 16px;
+	width               :900px;
+	border-radius       :10px;
+}
+
+pre {
+	background:#0b090a !important;
 }