css font of content

[blog.git] / css / my.css

diff --git a/css/my.css b/css/my.css
index b77f88d..b0c9078 100644 (file)
--- a/css/my.css
+++ b/css/my.css
@@ -8,6 +8,7 @@ body {
     max-width: 50em;
     margin: 0 auto;
 /*    border: 1px solid LightGrey; */
+    padding-bottom: 0.8em;
 }
 
 /* preamble */
@@ -49,6 +50,8 @@ ul {
 #content {
     font-size: 90%;
 /*    background: #fff; */
+    /* The font-family setting is stolen from github */
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 
 /* code block */
@@ -73,11 +76,13 @@ pre {
 
 pre.src{
        overflow:auto;
-       padding-top:1.2em;
+       padding-top:0.8em;
+       padding-bottom:0.8em;
        position:relative;
        font-size:1em;
     width: 90%;
     margin: 1em auto;
+    font: 12px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
 }
 
 pre.src:before{
@@ -90,7 +95,7 @@ pre.src:before{
        border-bottom-left-radius:8px;
        border:0;
        color:#fff;
-/*     font-size:80% */
+       font-size:80%;
 }
 
 pre.src:hover:before{