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 main > form#renamepage, main > form#movepage,
  56 main > form#deletepage,
  57 [id$="/[attachment]"] main > form {
  58   margin: 1em;
  59   padding: .125em 1em 1em 1em;
  60   box-shadow: .25em .25em .75em;
  61   background-color: #FFF;
  62 }
  63
  64 [id$="/[revision]"] main .revisions,
  65 [id$="/[attachment]"] main > .attachment.list {
  66   margin: 1em;
  67   padding: 1em 2em;
  68 }
  69 [id$="/[revision]"] main .revisions:before,
  70 [id$="/[attachment]"] main > .attachment.list:before {
  71   content: '';
  72   position: absolute;
  73   top: 0; bottom: 0; left: 0; right: 0;
  74   background-color: #FFF;
  75   box-shadow: .25em .25em .75em;
  76 }
  77
  78 /* === Editor === */
  79
  80 body[id$="/[edit]"] textarea,
  81 body[id$="/[newpage]"] textarea {
  82   width: 100%;
  83   min-height: 20em; min-height: 70vh;
  84   font-family: monospace;
  85   font-size: inherit;
  86 }
  87
  88 /* === Attachments === */
  89
  90 .attachment.list button[name=delete] {
  91   font-size: .75em;
  92   line-height: 1.25em;
  93   margin-right: 1.25em;
  94 }
  95 .attachment.list .size,
  96 .attachment.list .date {
  97   font-size: .875em;
  98   top: -.25em;
  99 }
 100
 101 .attachment.list .name:after {
 102   white-space: pre-line;
 103   content: "\0a";
 104 }
 105 .attachment.list .size {
 106   margin-right: 1em;
 107 }
 108
 109 .revisions li { margin: 1em 0; }
 110 .revisions li span.hash,
 111 .revisions li span.date {
 112   margin-right: 1em;
 113 }
 114
 115 [id$="/[attachment]"] input[type=radio].tab ~ ul.attachment.list.tab {
 116   display: block;
 117   margin-left: 0;
 118   padding-top: 1em;
 119   list-style: none;
 120 }
 121
 122 ul.attachment.list.tab li input[name=select],
 123 ul.attachment.list.tab li label.name,
 124 ul.attachment.list.tab li a.name,
 125 ul.attachment.list.tab li input.name {
 126   display: none;
 127 }
 128
 129 [id$="/[attachment]"] input[type=radio].tab#tview:checked ~ ul li a.name,
 130 [id$="/[attachment]"] input[type=radio].tab#tdel:checked ~ ul li input[name=select],
 131 [id$="/[attachment]"] input[type=radio].tab#tdel:checked ~ ul li label.name,
 132 [id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ ul li input[name=select],
 133 [id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ ul li label.name {
 134   display: inline;
 135 }
 136 [id$="/[attachment]"] input[type=radio].tab#tren:checked ~ ul li input.name {
 137   display: block;
 138 }
 139
 140 [id$="/[attachment]"] button[name=action] { display: none; }
 141 [id$="/[attachment]"] .upload button[name=action] { display: inline-block; }
 142 [id$="/[attachment]"] input[type=radio].tab#tdel:checked  ~ button[name=action][value=delete],
 143 [id$="/[attachment]"] input[type=radio].tab#tmove:checked ~ button[name=action][value=move],
 144 [id$="/[attachment]"] input[type=radio].tab#tren:checked  ~ button[name=action][value=rename] {
 145   display: block;
 146 }
 147
 148 /* === Macros === */
 149
 150 .macro.toc {
 151   display: inline-block;
 152   list-style-position: inside;
 153   margin-left: 0;
 154   background-color: #DDD;
 155   background-color: rgba(0, 0, 0, .125);
 156   padding: .75em 1em;
 157   border: 1pt solid;
 158   border-radius: 2pt;
 159 }
 160 .macro.toc li.h2 { margin-left: 1.25em; }
 161 .macro.toc li.h3 { margin-left: 2.5em; }
 162 .macro.toc li.h4 { margin-left: 3.75em; }
 163 .macro.toc li.h5 { margin-left: 5em; }
 164 .macro.toc li.h6 { margin-left: 6.25em; }
 165