vimwiki/templates/style.css

   1 html {
   2   font-size: 100%;
   3   overflow-y: scroll;
   4   -webkit-text-size-adjust: 100%;
   5   -ms-text-size-adjust: 100%;
   6 }
   7
   8 body {
   9   color: #383838;
  10   font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  11   font-size: 12px;
  12   line-height: 1.7;
  13   padding: 1em;
  14   margin: auto;
  15   max-width: 45em;
  16   background: #fefefe;
  17 }
  18
  19 a {
  20   color: #0645ad;
  21   text-decoration: none;
  22 }
  23
  24 a:visited {
  25   color: #0b0080;
  26 }
  27
  28 a:hover {
  29   color: #06e;
  30 }
  31
  32 a:active {
  33   color: #faa700;
  34 }
  35
  36 a:focus {
  37   outline: thin dotted;
  38 }
  39
  40 *::-moz-selection {
  41   background: rgba(255, 255, 0, 0.3);
  42   color: #000;
  43 }
  44
  45 *::selection {
  46   background: rgba(255, 255, 0, 0.3);
  47   color: #000;
  48 }
  49
  50 a::-moz-selection {
  51   background: rgba(255, 255, 0, 0.3);
  52   color: #0645ad;
  53 }
  54
  55 a::selection {
  56   background: rgba(255, 255, 0, 0.3);
  57   color: #0645ad;
  58 }
  59
  60 p {
  61   margin: 1em 0;
  62 }
  63
  64 img {
  65   max-width: 100%;
  66 }
  67
  68 .title {
  69   color: #111;
  70   font-size: 2.4em;
  71   text-align: center;
  72   margin-bottom: 1em;
  73 }
  74
  75 .author, .date {
  76   font-size: 1.2em;
  77   text-align: center;
  78 }
  79
  80 h1, h2, h3, h4, h5, h6 {
  81   color: #111;
  82   line-height: 110%;
  83   margin-top: 1em;
  84   font-weight: normal;
  85 }
  86
  87 h4, h5, h6 {
  88   font-weight: bold;
  89 }
  90
  91 h1 {
  92   font-size: 2.2em;
  93 }
  94
  95 h2 {
  96   font-size: 1.7em;
  97 }
  98
  99 h3 {
 100   font-size: 1.3em;
 101 }
 102
 103 h4 {
 104   font-size: 1.2em;
 105 }
 106
 107 h5 {
 108   font-size: 1em;
 109 }
 110
 111 h6 {
 112   font-size: 0.9em;
 113 }
 114
 115 blockquote {
 116   color: #666666;
 117   margin: 0;
 118   padding-left: 3em;
 119   border-left: 0.5em #EEE solid;
 120 }
 121
 122 hr {
 123   display: block;
 124   height: 2px;
 125   border: 0;
 126   border-top: 1px solid #aaa;
 127   border-bottom: 1px solid #eee;
 128   margin: 1em 0;
 129   padding: 0;
 130 }
 131
 132 pre, code, kbd, samp {
 133   color: #000;
 134   font-family: monospace, monospace;
 135   _font-family: 'courier new', monospace;
 136   font-size: 0.8em;
 137 }
 138
 139 pre {
 140   white-space: pre;
 141   white-space: pre-wrap;
 142   word-wrap: break-word;
 143 }
 144
 145 b, strong {
 146   font-weight: bold;
 147 }
 148
 149 dfn {
 150   font-style: italic;
 151 }
 152
 153 ins {
 154   background: #ff9;
 155   color: #000;
 156   text-decoration: none;
 157 }
 158
 159 mark {
 160   background: #ff0;
 161   color: #000;
 162   font-style: italic;
 163   font-weight: bold;
 164 }
 165
 166 sub, sup {
 167   font-size: 75%;
 168   line-height: 0;
 169   position: relative;
 170   vertical-align: baseline;
 171 }
 172
 173 sup {
 174   top: -0.5em;
 175 }
 176
 177 sub {
 178   bottom: -0.25em;
 179 }
 180
 181 ul, ol {
 182   margin: 1em 0;
 183   padding: 0 0 0 2em;
 184 }
 185
 186 li p:last-child {
 187   margin-bottom: 0;
 188 }
 189
 190 ul ul, ol ol {
 191   margin: .3em 0;
 192 }
 193
 194 dl {
 195   margin-bottom: 1em;
 196 }
 197
 198 dt {
 199   font-weight: bold;
 200   margin-bottom: .8em;
 201 }
 202
 203 dd {
 204   margin: 0 0 .8em 2em;
 205 }
 206
 207 dd:last-child {
 208   margin-bottom: 0;
 209 }
 210
 211 img {
 212   border: 0;
 213   -ms-interpolation-mode: bicubic;
 214   vertical-align: middle;
 215 }
 216
 217 figure {
 218   display: block;
 219   text-align: center;
 220   margin: 1em 0;
 221 }
 222
 223 figure img {
 224   border: none;
 225   margin: 0 auto;
 226 }
 227
 228 figcaption {
 229   font-size: 0.8em;
 230   font-style: italic;
 231   margin: 0 0 .8em;
 232 }
 233
 234 table {
 235   margin-bottom: 2em;
 236   border-bottom: 1px solid #ddd;
 237   border-right: 1px solid #ddd;
 238   border-spacing: 0;
 239   border-collapse: collapse;
 240 }
 241
 242 table th {
 243   padding: .2em 1em;
 244   background-color: #eee;
 245   border-top: 1px solid #ddd;
 246   border-left: 1px solid #ddd;
 247 }
 248
 249 table td {
 250   padding: .2em 1em;
 251   border-top: 1px solid #ddd;
 252   border-left: 1px solid #ddd;
 253   vertical-align: top;
 254 }
 255
 256 @media only screen and (min-width: 480px) {
 257   body {
 258     font-size: 14px;
 259   }
 260 }
 261 @media only screen and (min-width: 768px) {
 262   body {
 263     font-size: 16px;
 264   }
 265 }
 266 @media print {
 267   * {
 268     background: transparent !important;
 269     color: black !important;
 270     filter: none !important;
 271     -ms-filter: none !important;
 272   }
 273
 274   body {
 275     font-size: 12pt;
 276     max-width: 100%;
 277   }
 278
 279   a, a:visited {
 280     text-decoration: underline;
 281   }
 282
 283   hr {
 284     height: 1px;
 285     border: 0;
 286     border-bottom: 1px solid black;
 287   }
 288
 289   a[href]:after {
 290     content: " (" attr(href) ")";
 291   }
 292
 293   abbr[title]:after {
 294     content: " (" attr(title) ")";
 295   }
 296
 297   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
 298     content: "";
 299   }
 300
 301   pre, blockquote {
 302     border: 1px solid #999;
 303     padding-right: 1em;
 304     page-break-inside: avoid;
 305   }
 306
 307   tr, img {
 308     page-break-inside: avoid;
 309   }
 310
 311   img {
 312     max-width: 100% !important;
 313   }
 314
 315   @page :left {
 316     margin: 15mm 20mm 15mm 10mm;
 317 }
 318
 319   @page :right {
 320     margin: 15mm 10mm 15mm 20mm;
 321 }
 322
 323   p, h2, h3 {
 324     orphans: 3;
 325     widows: 3;
 326   }
 327
 328   h2, h3 {
 329     page-break-after: avoid;
 330   }
 331 }
 332
 333
 334 .toc li {list-style-type: none;}
 335 .todo {font-weight: bold; background-color: #f0ece8; color: #a03020;}
 336 .justleft {text-align: left;}
 337 .justright {text-align: right;}
 338 .justcenter {text-align: center;}
 339 .center {margin-left: auto; margin-right: auto;}
 340 .tag {background-color: #eeeeee; font-family: monospace; padding: 2px;}
 341
 342 /* classes for items of todo lists */
 343 .rejected {
 344     /* list-style: none; */
 345     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAACXBIWXMAAADFAAAAxQEdzbqoAAAAB3RJTUUH4QgEFhAtuWgv9wAAAPZQTFRFmpqam5iYnJaWnJeXnpSUn5OTopCQpoqKpouLp4iIqIiIrYCAt3V1vW1tv2xsmZmZmpeXnpKS/x4e/x8f/yAg/yIi/yQk/yUl/yYm/ygo/ykp/yws/zAw/zIy/zMz/zQ0/zU1/zY2/zw8/0BA/0ZG/0pK/1FR/1JS/1NT/1RU/1VV/1ZW/1dX/1pa/15e/19f/2Zm/2lp/21t/25u/3R0/3p6/4CA/4GB/4SE/4iI/46O/4+P/52d/6am/6ur/66u/7Oz/7S0/7e3/87O/9fX/9zc/93d/+Dg/+vr/+3t/+/v//Dw//Ly//X1//f3//n5//z8////gzaKowAAAA90Uk5T/Pz8/Pz8/Pz8/Pz8/f39ppQKWQAAAAFiS0dEEnu8bAAAAACuSURBVAhbPY9ZF4FQFEZPSKbIMmWep4gMGTKLkIv6/3/GPbfF97b3w17rA0kQOPgvAeHW6uJ6+5h7HqLdwowgOzejXRXBdx6UdSru216xuOMBHHNU0clTzeSUA6EhF8V8kqroluMiU6HKcuf4phGPr1o2q9kYZWwNq1qfRRmTaXpqsyjj17KkWCxKBUBgXWueHIyiAIg18gsse4KHkLF5IKIY10WQgv7fOy4ST34BRiopZ8WLNrgAAAAASUVORK5CYII=);
 346     background-repeat: no-repeat;
 347     background-position: 0 .2em;
 348     padding-left: 1.5em;
 349 }
 350 .done0 {
 351     /* list-style: none; */
 352     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAA7SURBVCiR7dMxEgAgCANBI3yVRzF5KxNbW6wsuH7LQ2YKQK1mkswBVERYF5Os3UV3gwd/jF2SkXy66gAZkxS6BniubAAAAABJRU5ErkJggg==);
 353     background-repeat: no-repeat;
 354     background-position: 0 .2em;
 355     padding-left: 1.5em;
 356 }
 357 .done1 {
 358     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABtSURBVCiR1ZO7DYAwDER9BDmTeZQMFXmUbGYpOjrEryA0wOvO8itOslFrJYAug5BMM4BeSkmjsrv3aVTa8p48Xw1JSkSsWVUFwD05IqS1tmYzk5zzae9jnVVVzGyXb8sALjse+euRkEzu/uirFomVIdDGOLjuAAAAAElFTkSuQmCC);
 359     background-repeat: no-repeat;
 360     background-position: 0 .15em;
 361     padding-left: 1.5em;
 362 }
 363 .done2 {
 364     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB1SURBVCiRzdO5DcAgDAVQGxjAYgTvxlDIu1FTIRYAp8qlFISkSH7l5kk+ZIwxKiI2mIyqWoeILYRgZ7GINDOLjnmF3VqklKCUMgTee2DmM661Qs55iI3Zm/1u5h9sm4ig9z4ERHTFzLyd4G4+nFlVrYg8+qoF/c0kdpeMsmcAAAAASUVORK5CYII=);
 365     background-repeat: no-repeat;
 366     background-position: 0 .15em;
 367     padding-left: 1.5em;
 368 }
 369 .done3 {
 370     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABoSURBVCiR7dOxDcAgDATA/0DtUdiKoZC3YhLkHjkVKF3idJHiztKfvrHZWnOSE8Fx95RJzlprimJVnXktvXeY2S0SEZRSAAAbmxnGGKH2I5T+8VfxPhIReQSuuY3XyYWa3T2p6quvOgGrvSFGlewuUAAAAABJRU5ErkJggg==);
 371     background-repeat: no-repeat;
 372     background-position: 0 .15em;
 373     padding-left: 1.5em;
 374 }
 375 .done4 {
 376     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAzgAAAM4BlP6ToAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIISURBVDiNnZQ9SFtRFMd/773kpTaGJoQk1im4VDpWQcTNODhkFBcVTCNCF0NWyeDiIIiCm82QoIMIUkHUxcFBg1SEQoZszSat6cdTn1qNue92CMbEr9Sey+XC/Z/zu+f8h6ukUil3sVg0+M+4cFxk42/jH2wAqqqKSCSiPQdwcHHAnDHH9s/tN1h8V28ETdP+eU8fT9Nt62ancYdIPvJNtsu87bmjrJlrTDVM4RROJs1JrHPrD4Bar7A6cpc54iKOaTdJXCUI2UMVrQZ0Js7YPN18ECKkYNQcJe/OE/4dZsw7VqNXQMvHy3QZXQypQ6ycrtwDjf8aJ+PNEDSCzLpn7+m2pD8ZKHlKarYhy6XjEoCYGcN95qansQeA3fNdki+SaJZGTMQIOoL3W/Z89rxv+tokubNajlvk/vm+LFpF2XnUKZHI0I+QrI7Dw0OZTqdzUkpsM7mZTyfy5OPGyw1tK7AFSvmB/Ks8w8YwbUYbe6/3QEKv0vugfxWPnMLJun+d/kI/WLdizpNjMbAIKrhMF4OuwadBALqqs+RfInwUvuNi+fBd+wjogfogAFVRmffO02q01mZZ0HHdgXIzdz0QQLPezIQygX6llxNKKgOFARYCC49CqhoHIUTlss/Vx2phlYwjw8j1CAlfAiwQiJpiy7o1VHnsG5FISkoJu7Q/2YmmaV+i0ei7v38L2CBguSi5AAAAAElFTkSuQmCC);
 377     background-repeat: no-repeat;
 378     background-position: 0 .15em;
 379     padding-left: 1.5em;
 380 }