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         line-height: 140%;
  10         font-size: 1.1em;
  11         margin: 0;
  12         padding: 0;
  13         padding-bottom: 5em;
  14         color: #3f3f3f;
  15 }
  16
  17 body>* {
  18         margin-left: 1em;
  19 }
  20 body>ul, body>div>ul {
  21         margin-left: 2em;
  22 }
  23
  24 .sidebar {
  25         float: right;
  26         background: #f0f0f0;
  27         border-bottom-left-radius: 10px;
  28         padding: 0;
  29         width: auto;
  30         min-width: 200px;
  31         padding-right: 1em;
  32 }
  33 .sidebar>ul {
  34 }
  35 .sidebar ul {
  36         margin-left: 1em;
  37         margin-top: .5em;
  38         padding: 0;
  39         list-style-type: none;
  40 }
  41
  42 .sidebar .edit {
  43         display: block;
  44         position: absolute;
  45         top: 2em;
  46         right: 0.5em;
  47         -webkit-transform: rotate(45deg);
  48         transform: rotate(45deg);
  49         text-decoration: none;
  50         font-weight: bold;
  51         text-shadow: 0 0 5px red;
  52 }
  53
  54 .sidebar .edit a {
  55         color: white !important;
  56 }
  57 code {
  58         border-radius: 2px;
  59         padding: 0px 2px 2px 2px;
  60         background: #f0f0f0;
  61         color: #606060;
  62         box-shadow: 0 0 1px #999;
  63 }
  64
  65 code code {
  66         display: inline;
  67         padding: 0;
  68         background: transparent;
  69         border: none;
  70         box-shadow: none;
  71 }
  72
  73 pre>code {
  74         display: inline-block;
  75         padding: 1em;
  76         min-width: 50%;
  77         line-height: 110%;
  78 }
  79 pre>code, pre>code code {
  80         background: #333;
  81         color: #eee;
  82 }
  83
  84 p, pre, table, dl {
  85         margin: 1em 2em;
  86 }
  87
  88 li>p {
  89         margin: 1em 0;
  90 }
  91
  92 blockquote {
  93         border-top: 1px solid #800000;
  94         border-bottom: 1px solid #800000;
  95         background: #ffe4e1;
  96         margin: 2em 0;
  97 }
  98
  99 ul {
 100         margin-top: 1em;
 101         margin-bottom: 2em;
 102 }
 103 li {
 104         margin-bottom: .5em;
 105 }
 106 a, h1 code>a {
 107         color: #2f4f4f;
 108 }
 109 a:hover {
 110         text-decoration: none;
 111 }
 112 a[href^="http:"]:after, a[href^="https:"]:after {
 113         content: " ⬈";
 114 }
 115
 116 .var {
 117         color: #800000;
 118 }
 119 .constant {
 120         color: #2e8b57;
 121 }
 122
 123 h1 {
 124         line-height: 1.5;
 125 }
 126 h1 code {
 127         font-weight: normal;
 128         font-size: .9em;
 129         line-height: 1.33;
 130 }
 131
 132 footer, h1, li h3, th {
 133         background: #708090;
 134         color: #f5f5dc;
 135 }
 136
 137 footer, h1 {
 138         margin: 0;
 139         padding: 1em;
 140 }
 141
 142 li h3 {
 143         border-radius: 4px;
 144         display: inline-block;
 145         width: auto;
 146         padding: .2em;
 147         margin: .5em 0 0 0;
 148 }
 149
 150 body>h3, body>div>h3 {
 151         margin-left: 1.25em;
 152 }
 153 body>h4, body>div>h4 {
 154         margin-left: 1.5em;
 155 }
 156 body>h5, body>div>h5 {
 157         margin-left: 1.75em;
 158 }
 159 body>h6, body>div>h6 {
 160         margin-left: 2em;
 161 }
 162
 163 h1 .constant, pre>code .consant, li h3 .constant {
 164         color: #98fb98;
 165 }
 166
 167 h1 .var, pre>code .var, li h3 .var {
 168         color: #f4a460;
 169 }
 170
 171 footer a, h1 a, pre>code a, li h3 a {
 172         color: #b0e0e6;
 173 }
 174
 175 li h3 a {
 176         text-decoration: none;
 177 }
 178 li h3 a:hover {
 179         text-decoration: underline;
 180 }
 181
 182 #disqus_thread {
 183         margin-top: 8em;
 184         margin-right: 2em;
 185 }
 186
 187 footer {
 188         font-size: smaller;
 189         text-align: center;
 190         clear: both;
 191         position: fixed;
 192         bottom: 0;
 193         width: 100%;
 194         padding: 0;
 195 }
 196
 197 footer ul {
 198         margin: 0;
 199         padding: 1em 0;
 200 }
 201
 202 footer li {
 203         list-style-type: none;
 204         display: inline-block;
 205         margin: 0 1em;
 206 }
 207
 208 footer a {
 209         text-decoration: none;
 210 }
 211
 212 footer a:hover {
 213         text-decoration: underline;
 214 }
 215
 216 table {
 217         border-collapse: collapse;
 218 }
 219 th, td {
 220         padding: .4em;
 221 }
 222 dt {
 223         font-weight: bold;
 224         margin-top: 1em;
 225 }
 226 dd {
 227         line-height: 1.2em;
 228         margin-left: 1em;
 229 }
 230 h1, footer, table, .sidebar, pre>code, li h3 {
 231         box-shadow: 0 0 4px #708090;
 232 }