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$="/[attachment]/"] main .attachment.list {
  63   margin: 1em;
  64   padding: 1em 2em;
  65 }
  66 [id$="/[attachment]/"] main .attachment.list:before {
  67   content: '';
  68   position: absolute;
  69   top: 0; bottom: 0; left: 0; right: 0;
  70   background-color: #FFF;
  71   box-shadow: .25em .25em .75em;
  72 }
  73
  74
  75 /* === Editor === */
  76
  77 body.editor textarea {
  78   width: 100%;
  79   min-height: 20em; min-height: 70vh;
  80   font-family: monospace;
  81   font-size: inherit;
  82 }
  83
  84 /* === Attachments === */
  85
  86 .attachment.list button[name=delete] {
  87   font-size: .75em;
  88   line-height: 1.25em;
  89   margin-right: 1.25em;
  90 }
  91 .attachment.list .size,
  92 .attachment.list .date {
  93   font-size: .875em;
  94   top: -.25em;
  95 }
  96
  97 .attachment.list .name:after {
  98   white-space: pre-line;
  99   content: "\0a";
 100 }
 101 .attachment.list .size {
 102   margin-right: 1em;
 103 }
 104
 105
 106 /* === Macros === */
 107
 108 .macro.toc {
 109   display: inline-block;
 110   list-style-position: inside;
 111   margin-left: 0;
 112   background-color: #DDD;
 113   background-color: rgba(0, 0, 0, .125);
 114   padding: .75em 1em;
 115   border: 1pt solid;
 116   border-radius: 2pt;
 117 }
 118 .macro.toc li.h2 { margin-left: 1.25em; }
 119 .macro.toc li.h3 { margin-left: 2.5em; }
 120 .macro.toc li.h4 { margin-left: 3.75em; }
 121 .macro.toc li.h5 { margin-left: 5em; }
 122 .macro.toc li.h6 { margin-left: 6.25em; }
 123