css font of content

[blog.git] / css / my.css

diff --git a/css/my.css b/css/my.css
index 6a0da5d..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,41 +95,18 @@ pre.src:before{
        border-bottom-left-radius:8px;
        border:0;
        color:#fff;
-/*     font-size:80% */
+       font-size:80%;
 }
 
 pre.src:hover:before{
        display:inline
 }
 
-pre.src-sh:before{
-       content:'sh'
-}
-
-pre.src-bash:before{
-       content:'bash'
-}
-
-pre.src-emacs-lisp:before{
-       content:'Emacs Lisp'
-}
-
-pre.src-R:before{
-       content:'R'
-}
-
-pre.src-org:before{
-       content:'Org'
-}
-
-pre.src-c+:before{
-       content:'C++'
-}
-
-pre.src-c:before{
-       content:'C'
-}
-
-pre.src-html:before{
-       content:'HTML'
-}
+pre.src-sh:before{ content:'sh' }
+pre.src-bash:before{ content:'bash' }
+pre.src-emacs-lisp:before{ content:'Emacs Lisp' }
+pre.src-R:before{ content:'R' }
+pre.src-org:before{ content:'Org' }
+pre.src-c+:before{ content:'C++' }
+pre.src-c:before{ content:'C' }
+pre.src-html:before{ content:'HTML' }