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

   1 html {
   2         font-size: 18px;
   3 }
   4 html, body{
   5         height: 100%;
   6         min-height: 100%;
   7 }
   8 body, code {
   9         font-family: Inconsolata, 'Inconsolata Awesome', 'Andale Mono', Monaco, 'Courier New', Courier, monospace;
  10 }
  11 body {
  12         line-height: 1.5;
  13         font-size: 1.1em;
  14         margin: 0;
  15         padding: 0;
  16         color: #3f3f3f;
  17 }
  18
  19 div.page {
  20         margin: auto;
  21         max-width: 1200px;
  22         min-height: 100%;
  23         padding-bottom: 5em;
  24         box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5);
  25 }
  26
  27 div.page>* {
  28         margin-left: 1em;
  29 }
  30 div.page>ul, div.page>div>ul {
  31         margin-left: 2em;
  32 }
  33
  34 .sidebar {
  35         float: right;
  36         background: #f0f0f0;
  37         border-bottom-left-radius: 10px;
  38         padding: 0;
  39         width: auto;
  40         min-width: 200px;
  41         padding-right: 1em;
  42         padding-bottom: 1em;
  43         margin-bottom: 1em;
  44 }
  45 .sidebar>ul {
  46 }
  47 .sidebar ul {
  48         margin-left: 1em;
  49         margin-top: .5em;
  50         margin-bottom: 0;
  51         padding: 0;
  52         list-style-type: none;
  53 }
  54
  55 .sidebar .edit {
  56         display: block;
  57         position: relative;
  58         top: 2em;
  59         right: 0;
  60         -webkit-transform: rotate(45deg);
  61         transform: rotate(45deg);
  62         text-decoration: none;
  63         font-weight: bold;
  64         text-shadow: 0 0 5px red;
  65         float: right;
  66 }
  67
  68 .sidebar .edit a {
  69         color: white !important;
  70 }
  71 code {
  72         border-radius: 2px;
  73         padding: 0px 2px 2px 2px;
  74         background: #f0f0f0;
  75         color: #606060;
  76         box-shadow: 0 0 1px #999;
  77 }
  78
  79 code code {
  80         display: inline;
  81         padding: 0;
  82         background: transparent;
  83         border: none;
  84         box-shadow: none;
  85 }
  86
  87 pre>code {
  88         display: inline-block;
  89         padding: 1em;
  90         min-width: 50%;
  91         line-height: 1.2;
  92 }
  93
  94 pre>code, pre>code code {
  95         background: #333;
  96         color: #eee;
  97 }
  98
  99 p, pre, table, dl {
 100         margin: 1em 2em;
 101         margin-left: 2em !important;
 102 }
 103
 104 pre>code, table, dl {
 105         margin-bottom: 2em !important;
 106 }
 107
 108 li>p {
 109         margin: 1em 0;
 110 }
 111
 112 blockquote {
 113         border-top: 1px solid #800000;
 114         border-bottom: 1px solid #800000;
 115         background: #ffe4e1;
 116         margin: 2em 0 !important;
 117 }
 118
 119 ul {
 120         margin-top: 1em;
 121         margin-bottom: 2em;
 122 }
 123 ol {
 124         list-style-type: none;
 125 }
 126 ol ul {
 127         margin-top: 0;
 128         margin-bottom: 0;
 129 }
 130 ol li {
 131         margin-bottom: 0;
 132 }
 133 ol>li {
 134         font-weight: bold;
 135         margin-bottom: .5em;
 136 }
 137 ol>li>* {
 138         font-weight: normal;
 139 }
 140 li {
 141         margin-bottom: .5em;
 142 }
 143 a, h1 code>a {
 144         color: #2f4f4f;
 145 }
 146 a:hover {
 147         text-decoration: none;
 148 }
 149 a[href^="http:"]:after, a[href^="https:"]:after {
 150         content: " ⬈";
 151 }
 152
 153 a.permalink {
 154         position: relative;
 155         top: 0;
 156         right: 0;
 157         color: #999999;
 158         opacity: 0.25;
 159 }
 160
 161 .var {
 162         color: #800000;
 163 }
 164 .constant {
 165         color: #2e8b57;
 166 }
 167
 168 h1, li h3, th, footer {
 169         background: #708090;
 170         color: #f5f5dc;
 171 }
 172
 173 h1, footer {
 174         margin: 0;
 175         max-width: 1200px;
 176         padding: 1em;
 177 }
 178
 179 h1 {
 180         line-height: 1.5;
 181         margin-left: 0 !important;
 182         padding-left: 2em;
 183 }
 184 h1 code {
 185         font-weight: normal;
 186         font-size: .9em;
 187         line-height: 1.33;
 188 }
 189 h1 a.permalink {
 190         left: -.8em;
 191         margin-right: -.6em;
 192 }
 193
 194 li h3 {
 195         border-radius: 4px;
 196         display: inline-block;
 197         width: auto;
 198         padding: .2em;
 199         margin: .5em 0 0 0;
 200 }
 201
 202 div.page>h3, div.page>div>h3 {
 203         margin-left: 1.25em;
 204 }
 205 div.page>h4, div.page>div>h4 {
 206         margin-left: 1.5em;
 207 }
 208 div.page>h5, div.page>div>h5 {
 209         margin-left: 1.75em;
 210 }
 211 div.page>h6, div.page>div>h6 {
 212         margin-left: 2em;
 213 }
 214
 215 h1 .constant, pre>code .consant, li h3 .constant {
 216         color: #98fb98;
 217 }
 218
 219 h1 .var, pre>code .var, li h3 .var {
 220         color: #f4a460;
 221 }
 222 h1 {
 223         font-size: 125%;
 224 }
 225 h2 {
 226         font-size: 120%;
 227 }
 228 h3 {
 229         font-size: 110%;
 230 }
 231 h4 {
 232         font-size: 100%;
 233 }
 234 footer a, h1 a, pre>code a, li h3 a {
 235         color: #b0e0e6;
 236 }
 237 li h3 {
 238 }
 239 li h3 a {
 240         text-decoration: none;
 241 }
 242 li h3 a:hover {
 243         text-decoration: underline;
 244 }
 245
 246 #disqus_thread {
 247         margin-top: 8em;
 248         margin-right: 2em;
 249 }
 250
 251 footer {
 252         font-size: smaller;
 253         text-align: center;
 254         clear: both;
 255         position: fixed;
 256         bottom: 0;
 257         width: 100%;
 258         padding: 0;
 259         margin: 0 !important;
 260 }
 261
 262 footer ul {
 263         margin: 0;
 264         padding: 1em 0;
 265 }
 266
 267 footer li {
 268         list-style-type: none;
 269         display: inline-block;
 270         margin: 0 1em;
 271 }
 272
 273 footer a {
 274         text-decoration: none;
 275 }
 276
 277 footer a:hover {
 278         text-decoration: underline;
 279 }
 280
 281 table {
 282         border-collapse: collapse;
 283 }
 284 th, td {
 285         padding: .4em;
 286         border-bottom: 1px solid rgba(112, 128, 144, 0.1);
 287 }
 288 dt {
 289         font-weight: bold;
 290         margin-top: 1em;
 291 }
 292 dd {
 293         line-height: 1.33;
 294         margin-left: 1em;
 295 }
 296 h1, footer, table, .sidebar, pre>code, li h3 {
 297         box-shadow: 0 0 4px #708090;
 298 }