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 }
  54
  55 /* code block */
  56 code {
  57 }
  58
  59 a {
  60     text-decoration: none;
  61 }
  62
  63 pre {
  64     overflow:auto;
  65     color:#585858;
  66     background-color:#f5ebe1;
  67 /*    font-size:1.2em; */
  68     border-color:#585858;
  69     border-style:solid;
  70     border-width:1px;
  71     margin:1em 0;
  72     padding:.5em;
  73 }
  74
  75 pre.src{
  76         overflow:auto;
  77         padding-top:1.2em;
  78         position:relative;
  79         font-size:1em;
  80     width: 90%;
  81     margin: 1em auto;
  82     font: 12px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  83 }
  84
  85 pre.src:before{
  86         display:block;
  87         position:absolute;
  88         background-color:#585858;
  89         top:0;
  90         right:0;
  91         padding:.25em .5em;
  92         border-bottom-left-radius:8px;
  93         border:0;
  94         color:#fff;
  95 /*      font-size:80% */
  96 }
  97
  98 pre.src:hover:before{
  99         display:inline
 100 }
 101
 102 pre.src-sh:before{ content:'sh' }
 103 pre.src-bash:before{ content:'bash' }
 104 pre.src-emacs-lisp:before{ content:'Emacs Lisp' }
 105 pre.src-R:before{ content:'R' }
 106 pre.src-org:before{ content:'Org' }
 107 pre.src-c+:before{ content:'C++' }
 108 pre.src-c:before{ content:'C' }
 109 pre.src-html:before{ content:'HTML' }