git.plutz.net Git - shellwiki/blob - themes/default.css

   1 html { min-height: 100%; }
   2
   3 body {
   4   position: absolute;
   5   width: 100%;
   6   min-height: 100%;
   7   padding-bottom: 6em;
   8   background-color: #EEE;
   9   font-size: 12pt;
  10 }
  11
  12 header, footer {
  13   background-color: #FFF;
  14   box-shadow: 0 0 .75em;
  15   width: 100%;
  16   z-index: 1;
  17 }
  18
  19 footer {
  20   position: absolute;
  21   bottom: 0;
  22 }
  23
  24 header > :last-child,
  25 main > :last-child {
  26   margin-bottom: 0;
  27 }
  28
  29 header h2,
  30 header .menu {
  31   display: inline-block;
  32 }
  33
  34 header .menu { list-style: none; }
  35
  36 header .menu li {
  37   display: inline-block;
  38   margin-right: .5em;
  39 }
  40
  41 main .pagemenu {
  42   list-style: none;
  43   background-color: #666;
  44   margin: 0;
  45   box-shadow: 0 0 .5em;
  46   padding: .25em 2em;
  47 }
  48 main .pagemenu li {
  49   display: inline-block;
  50   margin-right: 1em;
  51 }
  52 main .pagemenu li a { color: #FFF; }
  53
  54 main article,
  55 [id$="/[attachment]"] main form.upload {
  56   margin: 1em;
  57   padding: .125em 1em 1em 1em;
  58   box-shadow: .25em .25em .75em;
  59   background-color: #FFF;
  60 }
  61
  62 [id$="/[revision]"] main .revisions,
  63 [id$="/[attachment]"] main .attachment.list {
  64   margin: 1em;
  65   padding: 1em 2em;
  66 }
  67 [id$="/[revision]"] main .revisions:before,
  68 [id$="/[attachment]"] main .attachment.list:before {
  69   content: '';
  70   position: absolute;
  71   top: 0; bottom: 0; left: 0; right: 0;
  72   background-color: #FFF;
  73   box-shadow: .25em .25em .75em;
  74 }
  75
  76
  77 /* === Editor === */
  78
  79 body[id$="/[edit]"] textarea {
  80   width: 100%;
  81   min-height: 20em; min-height: 70vh;
  82   font-family: monospace;
  83   font-size: inherit;
  84 }
  85
  86 /* === Attachments === */
  87
  88 .attachment.list button[name=delete] {
  89   font-size: .75em;
  90   line-height: 1.25em;
  91   margin-right: 1.25em;
  92 }
  93 .attachment.list .size,
  94 .attachment.list .date {
  95   font-size: .875em;
  96   top: -.25em;
  97 }
  98
  99 .attachment.list .name:after {
 100   white-space: pre-line;
 101   content: "\0a";
 102 }
 103 .attachment.list .size {
 104   margin-right: 1em;
 105 }
 106
 107 .revisions li { margin: 1em 0; }
 108 .revisions li span.hash,
 109 .revisions li span.date {
 110   margin-right: 1em;
 111 }
 112
 113 /* === Macros === */
 114
 115 .macro.toc {
 116   display: inline-block;
 117   list-style-position: inside;
 118   margin-left: 0;
 119   background-color: #DDD;
 120   background-color: rgba(0, 0, 0, .125);
 121   padding: .75em 1em;
 122   border: 1pt solid;
 123   border-radius: 2pt;
 124 }
 125 .macro.toc li.h2 { margin-left: 1.25em; }
 126 .macro.toc li.h3 { margin-left: 2.5em; }
 127 .macro.toc li.h4 { margin-left: 3.75em; }
 128 .macro.toc li.h5 { margin-left: 5em; }
 129 .macro.toc li.h6 { margin-left: 6.25em; }
 130