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