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 }
  12
  13 /* preamble */
  14 body .title {
  15     text-align:center;
  16 }
  17
  18 #banner {
  19     height: 1.0em;
  20 /*    background-color: yellow; */
  21 }
  22
  23 #banner .title {
  24     float: left
  25 }
  26
  27 #banner nav li {
  28     float:right;
  29 }
  30
  31 ul {
  32     list-style-type: none;
  33 }
  34
  35 #banner a, li a {
  36     display:inline-block;
  37     height: 1em;
  38     padding:0 .5em;
  39     text-decoration:none;
  40 }
  41
  42 /* postamble */
  43 #postamble.status{
  44     text-align: center;
  45     font-size: 0.8em;
  46 }
  47
  48 /* content */
  49 #content {
  50     font-size: 90%;
  51 /*    background: #fff; */
  52 }
  53
  54 /* code block */
  55 code {
  56 }
  57
  58 a {
  59     text-decoration: none;
  60 }
  61
  62 pre {
  63     overflow:auto;
  64     color:#585858;
  65     background-color:#f5ebe1;
  66 /*    font-size:1.2em; */
  67     border-color:#585858;
  68     border-style:solid;
  69     border-width:1px;
  70     margin:1em 0;
  71     padding:.5em;
  72 }
  73
  74 pre.src{
  75         overflow:auto;
  76         padding-top:1.2em;
  77         position:relative;
  78         font-size:1em;
  79     width: 90%;
  80     margin: 1em auto;
  81 }
  82
  83 pre.src:before{
  84         display:block;
  85         position:absolute;
  86         background-color:#585858;
  87         top:0;
  88         right:0;
  89         padding:.25em .5em;
  90         border-bottom-left-radius:8px;
  91         border:0;
  92         color:#fff;
  93 /*      font-size:80% */
  94 }
  95
  96 pre.src:hover:before{
  97         display:inline
  98 }
  99
 100 pre.src-sh:before{ content:'sh' }
 101 pre.src-bash:before{ content:'bash' }
 102 pre.src-emacs-lisp:before{ content:'Emacs Lisp' }
 103 pre.src-R:before{ content:'R' }
 104 pre.src-org:before{ content:'Org' }
 105 pre.src-c+:before{ content:'C++' }
 106 pre.src-c:before{ content:'C' }
 107 pre.src-html:before{ content:'HTML' }