git.m6w6.name Git - mdref/mdref/blob - public/index.css

   1 * {
   2         font-size: 99.9%;
   3 }
   4
   5 body, code {
   6         font-family: Inconsolata, Monospace, 'Courier New', Courier, monospace;
   7 }
   8 body {
   9         font-size: 1.5em;
  10         margin: 0;
  11         padding: 0;
  12         color: #3f3f3f;
  13 }
  14
  15 body>* {
  16         margin-left: 1em;
  17 }
  18 body>ul {
  19         margin-left: 2em;
  20 }
  21
  22 .sidebar {
  23         font-size: .9em;
  24         float: right;
  25         background: #f0f0f0;
  26         border-bottom-left-radius: 10px;
  27         padding: 0;
  28         width: auto;
  29         padding-right: 1em;
  30 }
  31 .sidebar>ul {
  32 }
  33 .sidebar ul {
  34         margin-left: 1em;
  35         margin-top: .5em;
  36         padding: 0;
  37         list-style-type: none;
  38 }
  39
  40 code {
  41         display: inline-block;
  42         border-radius: 2px;
  43         padding: 0px 2px 2px 2px;
  44         background: #e0e0e0;
  45         color: #606060;
  46         box-shadow: 0 0 1px #999;
  47 }
  48
  49 code code {
  50         display: inline;
  51         padding: 0;
  52         background: transparent;
  53         border: none;
  54         box-shadow: none;
  55 }
  56
  57 pre>code {
  58         padding: 1em;
  59 }
  60 pre>code, pre>code code {
  61         background: #333;
  62         color: #eee;
  63 }
  64
  65 p, pre {
  66         margin: 1em 2em;
  67 }
  68
  69 blockquote {
  70         border-top: 1px solid #800000;
  71         border-bottom: 1px solid #800000;
  72         background: #ffe4e1;
  73         margin: 2em 0;
  74 }
  75
  76 ul {
  77         margin-bottom: 2em;
  78 }
  79 li {
  80         margin-bottom: .5em;
  81 }
  82 a, h1 code>a {
  83         color: #2f4f4f;
  84 }
  85 a:hover {
  86         text-decoration: none;
  87 }
  88
  89 .var {
  90         color: #800000;
  91 }
  92 .constant {
  93         color: #2e8b57;
  94 }
  95
  96 h1 {
  97         line-height: 1.5;
  98 }
  99 h1 code {
 100         font-weight: normal;
 101         font-size: .9em;
 102         line-height: 1.33;
 103 }
 104
 105 footer, h1, li h3 {
 106         background: #708090;
 107         color: #f5f5dc;
 108 }
 109
 110 footer, h1 {
 111         margin: 0;
 112         padding: 1em;
 113 }
 114
 115 li h3 {
 116         border-radius: 4px;
 117         display: inline-block;
 118         width: auto;
 119         padding: .2em;
 120         margin: .5em 0 0 0;
 121 }
 122
 123 h1 .constant, pre>code .consant, li h3 .constant {
 124         color: #98fb98;
 125 }
 126
 127 h1 .var, pre>code .var, li h3 .var {
 128         color: #f4a460;
 129 }
 130
 131 footer a, h1 a, pre>code a, li h3 a {
 132         color: #b0e0e6;
 133 }
 134
 135 li h3 a {
 136         text-decoration: none;
 137 }
 138 li h3 a:hover {
 139         text-decoration: underline;
 140 }
 141
 142 #disqus_thread {
 143         margin-top: 8em;
 144         margin-right: 2em;
 145 }
 146
 147 footer {
 148         font-size: smaller;
 149         text-align: center;
 150         clear: both;
 151         margin-top: 8em;
 152 }
 153
 154 footer ul {
 155         margin: 0;
 156         padding: 0;
 157 }
 158
 159 footer li {
 160         list-style-type: none;
 161         display: inline-block;
 162         margin: 0 1em;
 163 }
 164
 165 footer a {
 166         text-decoration: none;
 167 }
 168
 169 footer a:hover {
 170         text-decoration: underline;
 171 }