css/my.css

   1 html {
   2       background:#eee;
   3 /*    color:#585858; */
   4 /*    padding:17px; */
   5 }
   6
   7 body {
   8     max-width: 50em;
   9     margin: 0 auto;
  10 /*    border: 1px solid LightGrey; */
  11     padding-bottom: 0.8em;
  12 }
  13
  14 /* preamble */
  15 body .title {
  16     text-align:center;
  17 }
  18
  19 #banner {
  20     height: 1.0em;
  21 /*    background-color: yellow; */
  22 }
  23
  24 #banner .title {
  25     float: left
  26 }
  27
  28 #banner nav li {
  29     float:right;
  30 }
  31
  32 ul {
  33     list-style-type: none;
  34 }
  35
  36 #banner a, li a {
  37     display:inline-block;
  38     height: 1em;
  39     padding:0 .5em;
  40     text-decoration:none;
  41 }
  42
  43 /* postamble */
  44 #postamble.status{
  45     text-align: center;
  46     font-size: 0.8em;
  47 }
  48
  49 /* content */
  50 #content {
  51     font-size: 90%;
  52 /*    background: #fff; */
  53     /* The font-family setting is stolen from github */
  54     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  55 }
  56
  57 /* code block */
  58 code {
  59 }
  60
  61 a {
  62     text-decoration: none;
  63 }
  64
  65 pre {
  66     overflow:auto;
  67     color:#585858;
  68     background-color:#f5ebe1;
  69 /*    font-size:1.2em; */
  70     border-color:#585858;
  71     border-style:solid;
  72     border-width:1px;
  73     margin:1em 0;
  74     padding:.5em;
  75 }
  76
  77 pre.src{
  78         overflow:auto;
  79         padding-top:0.8em;
  80         padding-bottom:0.8em;
  81         position:relative;
  82         font-size:1em;
  83     width: 90%;
  84     margin: 1em auto;
  85     font: 12px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  86 }
  87
  88 pre.src:before{
  89         display:block;
  90         position:absolute;
  91         background-color:#585858;
  92         top:0;
  93         right:0;
  94         padding:.25em .5em;
  95         border-bottom-left-radius:8px;
  96         border:0;
  97         color:#fff;
  98         font-size:80%;
  99 }
 100
 101 pre.src:hover:before{
 102         display:inline
 103 }
 104
 105 pre.src-sh:before{ content:'sh' }
 106 pre.src-bash:before{ content:'bash' }
 107 pre.src-emacs-lisp:before{ content:'Emacs Lisp' }
 108 pre.src-R:before{ content:'R' }
 109 pre.src-org:before{ content:'Org' }
 110 pre.src-c+:before{ content:'C++' }
 111 pre.src-c:before{ content:'C' }
 112 pre.src-html:before{ content:'HTML' }