css font of content

[blog.git] / css / my.css

diff --git a/css/my.css b/css/my.css
index bde24a9..b0c9078 100644 (file)
--- a/css/my.css
+++ b/css/my.css
@@ -5,11 +5,13 @@ html {
 }
 
 body {
-    max-width:45em;
+    max-width: 50em;
     margin: 0 auto;
 /*    border: 1px solid LightGrey; */
+    padding-bottom: 0.8em;
 }
 
+/* preamble */
 body .title {
     text-align:center;
 }
@@ -38,21 +40,34 @@ ul {
     text-decoration:none;
 }
 
+/* postamble */
 #postamble.status{
     text-align: center;
     font-size: 0.8em;
 }
 
+/* content */
+#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 */
 code {
 }
 
+a {
+    text-decoration: none;
+}
+
 pre {
     overflow:auto;
     color:#585858;
     background-color:#f5ebe1;
-    font-size:1.2em;
-    border-color:#585858;
+/*    font-size:1.2em; */
+    border-color:#585858; 
     border-style:solid;
     border-width:1px;
     margin:1em 0;
@@ -61,9 +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{
@@ -76,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' }