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