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 body[id$="/[newpage]"] textarea {
  81   width: 100%;
  82   min-height: 20em; min-height: 70vh;
  83   font-family: monospace;
  84   font-size: inherit;
  85 }
  86
  87 /* === Attachments === */
  88
  89 .attachment.list button[name=delete] {
  90   font-size: .75em;
  91   line-height: 1.25em;
  92   margin-right: 1.25em;
  93 }
  94 .attachment.list .size,
  95 .attachment.list .date {
  96   font-size: .875em;
  97   top: -.25em;
  98 }
  99
 100 .attachment.list .name:after {
 101   white-space: pre-line;
 102   content: "\0a";
 103 }
 104 .attachment.list .size {
 105   margin-right: 1em;
 106 }
 107
 108 .revisions li { margin: 1em 0; }
 109 .revisions li span.hash,
 110 .revisions li span.date {
 111   margin-right: 1em;
 112 }
 113
 114 /* === Macros === */
 115
 116 .macro.toc {
 117   display: inline-block;
 118   list-style-position: inside;
 119   margin-left: 0;
 120   background-color: #DDD;
 121   background-color: rgba(0, 0, 0, .125);
 122   padding: .75em 1em;
 123   border: 1pt solid;
 124   border-radius: 2pt;
 125 }
 126 .macro.toc li.h2 { margin-left: 1.25em; }
 127 .macro.toc li.h3 { margin-left: 2.5em; }
 128 .macro.toc li.h4 { margin-left: 3.75em; }
 129 .macro.toc li.h5 { margin-left: 5em; }
 130 .macro.toc li.h6 { margin-left: 6.25em; }
 131