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