local.css

   1 /*********************************
   2  * theme for ikiwiki
   3  *
   4  * by Danny Castonguay
   5  *********************************/
   6 /* # HSLA(hue, saturation, lightness,alpha)
   7  * ## hue
   8  * R:0, O:30, Y:60, G:115, cyan:180, B:220, I:260, V:280, pink:300
   9  * ## saturation
  10  * 0% is gray, 100% is pure color
  11  * ## lightness
  12  * 0% is black, 100% is white
  13  * ## alpha
  14  * 0% is opaque, 100% is transparent
  15  *  */
  16 .pageheader {
  17   padding: 2em 2em 3em 2em;
  18   position: relative;
  19   overflow: hidden;
  20   background: #f2f7ed;
  21   border-color: #cccccc;
  22   border-style: none none solid none;
  23   border-width: 1px; }
  24
  25 .pageheader .header {
  26   float: left; }
  27
  28 .title {
  29   color: #1a260d; }
  30
  31 .title, h1, h2, h3, h4, h5, h6 {
  32   font-weight: bold; }
  33
  34 .header {
  35   font-size: 150%; }
  36
  37 h1 {
  38   font-size: 160%;
  39   border-top: 5px solid #cccccc; }
  40
  41 h2 {
  42   font-size: 130%;
  43   border-top: 2px solid #cccccc; }
  44
  45 h3, h4, h5, h6 {
  46   font-size: 110%; }
  47
  48 #searchform {
  49   position: absolute;
  50   top: 0.5em;
  51   right: 2em; }
  52
  53 input#searchbox {
  54   border: none;
  55   padding: .5em;
  56   border-style: solid;
  57   border-width: 1px;
  58   border-color: #cccccc;
  59   -moz-border-radius: 4px;
  60   -webkit-border-radius: 4px;
  61   border-radius: 4px;
  62   -moz-box-shadow: inset 2px 2px 2px #1a1a1a;
  63   -webkit-box-shadow: inset 2px 2px 2px #1a1a1a;
  64   box-shadow: inset 2px 2px 2px #1a1a1a; }
  65
  66 .pageheader .actions {
  67   position: absolute;
  68   bottom: 0;
  69   right: 2em;
  70   width: 100%;
  71   text-align: right; }
  72
  73 .pageheader .actions ul {
  74   border-style: none; }
  75
  76 .actions ul {
  77   padding: 1em;
  78   border-style: none; }
  79
  80 .pageheader .actions ul li {
  81   padding: 0; }
  82
  83 .pageheader .actions ul li a, input[type="submit"] {
  84   margin: 0.2em;
  85   padding: 0.2em;
  86   font-size: 1.01em;
  87   background: #e6e6e6;
  88   color: #136c13;
  89   border-style: solid;
  90   border-width: 1px;
  91   border-color: #cccccc;
  92   -moz-border-radius: 4px;
  93   -webkit-border-radius: 4px;
  94   border-radius: 4px; }
  95   .pageheader .actions ul li a:hover, input[type="submit"]:hover {
  96     background: #1fad1f;
  97     color: white; }
  98
  99 div.toggleable#attachments {
 100   margin: 1em; }
 101
 102 body {
 103   margin: 0;
 104   padding: 0;
 105   font-family: sans-serif;
 106   *font-size: small;
 107   line-height: 1.32em;
 108   color: black;
 109   background: white;
 110   font-size: 1.01em; }
 111
 112 a {
 113   text-decoration: none;
 114   color: #136c13; }
 115
 116 a:hover {
 117   color: #1fad1f; }
 118
 119 hr {
 120   border-style: none;
 121   background-color: #cccccc;
 122   height: 1px; }
 123
 124 code, pre {
 125   background-color: #f2f2f2;
 126   color: #1a2e05; }
 127
 128 pre {
 129   padding: .5em;
 130   margin: 1em;
 131   border-style: solid;
 132   border-width: 1px;
 133   border-color: #cccccc;
 134   -moz-border-radius: 4px;
 135   -webkit-border-radius: 4px;
 136   border-radius: 4px;
 137   -moz-box-shadow: 0px 0px 2px #1a1a1a;
 138   -webkit-box-shadow: 0px 0px 2px #1a1a1a;
 139   box-shadow: 0px 0px 2px #1a1a1a; }
 140
 141 #content, #comments, #footer {
 142   margin: 1em 2em; }
 143
 144 #pageinfo {
 145   border-color: #cccccc; }
 146
 147 #editcontent, #editmessage {
 148   width: 90%;
 149   background: #f2f2f2;
 150   font-size: 1.01em;
 151   font-family: Consolas, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
 152   line-height: 1.4em;
 153   padding: .5em;
 154   border-style: solid;
 155   border-width: 1px;
 156   border-color: #cccccc;
 157   -moz-border-radius: 4px;
 158   -webkit-border-radius: 4px;
 159   border-radius: 4px; }
 160   #editcontent:hover, #editmessage:hover {
 161     background: white; }
 162
 163 #editcontent {
 164   height: 25em; }
 165
 166 label[for="editmessage"] {
 167   margin-top: 1em; }
 168
 169 #editmessage {
 170   margin-bottom: 1em; }
 171
 172 .inlinepage {
 173   margin: .4em 0;
 174   padding: .4em 0;
 175   border-style: none;
 176   border-top: 1px solid #cccccc; }
 177
 178 .inlineheader {
 179   font-size: 1.1em;
 180   border-top: 2px solid #cccccc; }
 181
 182 /* Smaller headings for inline pages */
 183 .inlinepage h1 {
 184   font-size: 1.1em; }
 185
 186 .inlinepage h2 {
 187   font-size: 1.01em; }
 188
 189 .inlinepage h3 {
 190   font-size: 1.01em; }
 191
 192 div.recentchanges {
 193   border-style: none; }
 194
 195 /* recent change page */
 196 div.recentchanges {
 197   background-color: white; }
 198
 199 div.metadata {
 200   margin-top: 1.5em;
 201   border-style: solid;
 202   border-width: 1px;
 203   border-color: #cccccc;
 204   -webkit-border-top-left-radius: 4px;
 205   -webkit-border-top-right-radius: 4px;
 206   -moz-border-radius-topleft: 4px;
 207   -moz-border-radius-topright: 4px;
 208   border-top-left-radius: 4px;
 209   border-top-right-radius: 4px;
 210   border-style: solid solid none solid;
 211   background-color: #f2f2f2; }
 212
 213 div.recentchanges div.metadata *, span.pagelinks a {
 214   float: none;
 215   display: block; }
 216
 217 span.pagelinks {
 218   width: inherit !important; }
 219
 220 span.pagelinks a, span.tags a {
 221   margin: 0.2em;
 222   padding: 0.2em;
 223   font-size: 1.01em;
 224   background: #e6e6e6;
 225   color: black;
 226   border-style: solid;
 227   border-width: 1px;
 228   border-color: #cccccc;
 229   -moz-border-radius: 4px;
 230   -webkit-border-radius: 4px;
 231   border-radius: 4px; }
 232   span.pagelinks a:hover, span.tags a:hover {
 233     background: #cccccc;
 234     color: #1a260d; }
 235
 236 div.recentchanges div.changelog {
 237   border-style: solid;
 238   border-width: 1px;
 239   border-color: #cccccc;
 240   -webkit-border-bottom-left-radius: 4px;
 241   -webkit-border-bottom-right-radius: 4px;
 242   -moz-border-radius-bottomleft: 4px;
 243   -moz-border-radius-bottomright: 4px;
 244   border-bottom-left-radius: 4px;
 245   border-bottom-right-radius: 4px;
 246   border-style: none solid solid solid;
 247   background-color: #f2f2f2 !important; }
 248
 249 span.desc br {
 250   display: none !important; }
 251
 252 div.titleandtags {
 253   border-style: solid;
 254   border-width: 1px;
 255   border-color: #cccccc;
 256   -moz-border-radius: 4px;
 257   -webkit-border-radius: 4px;
 258   border-radius: 4px;
 259   background-color: #f2f2f2;
 260   margin-top: .5em;
 261   padding: .4em; }
 262   div.titleandtags h3, div.titleandtags span.tags {
 263     padding: 0; }
 264   div.titleandtags h3 {
 265     margin: 0 0 .2em 0; }
 266   div.titleandtags span.tags {
 267     line-height: 2em; }
 268   div.titleandtags div.lastmodified {
 269     float: right; }
 270
 271 thead th {
 272   color: white;
 273   background-color: gray;
 274   padding: .5em; }
 275
 276 td {
 277   padding: .2em .4em; }
 278
 279 tr:nth-child(odd) {
 280   background-color: #f2f2f2; }
 281
 282 tr:nth-child(even) {
 283   background-color: #d9d9d9; }
 284
 285 /* Don't know what these last two do but leaving those there just in case*/
 286 .pagecloud {
 287   width: auto;
 288   border-color: red; }
 289
 290 .sidebar {
 291   width: 28ex;
 292   border-bottom: 0;
 293   border-right: 0;
 294   border-top: 0;
 295   margin-top: 0.5em;
 296   padding: 0 0 0 2ex;
 297   border-color: red; }