Update styles

1 files changed, 28 insertions, 60 deletions

diff --git a/static/css/common.css b/static/css/common.css
index e30f323..8ec4016 100644
--- a/static/css/common.css
+++ b/static/css/common.css
@@ -1,10 +1,11 @@
 html {
-  max-width: 70ch;
+  max-width: 80ch;
   padding-left: 1em;
   padding-right: 1em;
   margin: auto;
   line-height: 1.75;
   font-size: 1.25em;
+  background-color: #64B6AC;
 }
 
 #main > .post + .post {
@@ -31,6 +32,14 @@ html {
     #main > .post > div {
         margin-left: 2rem;
     }
+
+    #main {
+        width: calc(100% - 2rem);
+    }
+
+    body {
+        padding: 1rem;
+    }
 }
 
 /* global */
@@ -41,47 +50,22 @@ html {
     padding: 0;
 }
 
-time {
-    color: gray;
-    margin-left: 1rem;
-    min-width: 5rem;
-}
-
 body {
-    background-color: #FAFAFA;
+    background-color: #DAFFEF;
     display: flex;
     flex-direction: column;
-    font-family: 'Latin Modern Roman', 'Times New Roman', serif;
+    /* font-family: 'Latin Modern Roman', 'Times New Roman', serif; */
+    font-family: sans-serif;
     min-height: 100vh;
     overflow-wrap: break-word;
-    padding: 1rem;
-}
-
-.link {
-    color: #AA0000;
-    text-decoration: underline;
-}
-
-.paginator {
-    align-items: flex-end;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    margin-top: 2rem;
-}
-
-::-webkit-scrollbar {
-    background-color: #FAFAFA;
-    height: 8px;
-    width: 8px;
-}
-
-::-webkit-scrollbar-thumb {
-    background-color: #AAAAAA;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    border-left: 4px solid #46555e;
+    border-right: 4px solid #46555e;
 }
 
-::-webkit-scrollbar-thumb:hover {
-    background-color: #888888;
+a {
+    color: #46555e;
 }
 
 /* header */
@@ -96,27 +80,16 @@ body {
     line-height: 1;
 }
 
-#header > h1 a {
-    text-decoration: none;
-    color: inherit;
-}
-
 @media screen and (min-width: 768px) {
     #header > h1 {
         font-size: 2.8rem;
     }
 }
 
-@media screen and (max-width: 512px) {
-    .item-date {
-        display: none;
-    }
-}
-
 #header > nav {
     display: flex;
     flex-direction: row;
-    justify-content: space-around;
+    justify-content: flex-end;
     flex-wrap: wrap;
     max-width: 768px;
     width: 100%;
@@ -126,9 +99,9 @@ body {
     border: 1px solid black;
     border-radius: 4px;
     margin: 0.2rem;
-    padding: 0.2rem;
+    padding: 0.3rem;
     text-decoration: none;
-    color: inherit;
+    color: 46555e;
 }
 
 
@@ -145,7 +118,6 @@ body {
     flex-grow: 1;
     max-width: 768px;
     padding: 2rem 0;
-    width: calc(100% - 2rem);
 }
 
 /* footer */
@@ -170,14 +142,6 @@ footer .links a {
     margin: 0.5rem;
 }
 
-.content a.footnote-ref::before {
-    content: "[";
-}
-
-.content a.footnote-ref::after {
-    content: "]";
-}
-
 .content blockquote,
 .content div,
 .content h1,
@@ -201,7 +165,7 @@ footer .links a {
 }
 
 .content code {
-    background-color: #F5F5F5;
+    background-color: hsl(0, 0%, 96%);
     border-radius: .2rem;
     color: #AA0000;
     font-family: 'Latin Modern Mono', Courier, monospace;
@@ -246,7 +210,6 @@ h1.title {
 }
 
 .content p {
-    text-align: justify;
     padding: 0.2rem;
 }
 
@@ -316,4 +279,9 @@ li.post summary {
 li.post p {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
+}
+
+#header > h1 a {
+    text-decoration: none;
+    color: inherit;
 }
\ No newline at end of file