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 #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 6em 3em 2em;
  32   padding-left: 6em;
  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: small;
 131   line-height: 1.42em;
 132   color: black;
 133   background: white;
 134   font-size: 1.01em; }
 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 6em; }
 173
 174 #pageinfo {
 175   border-color: #cccccc; }
 176
 177 #editcontent, #editmessage {
 178   width: 90%;
 179   background: #f2f2f2;
 180   font-size: 1.01em;
 181   font-family: Consolas, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
 182   line-height: 1.4em;
 183   padding: .5em;
 184   border-style: solid;
 185   border-width: 1px;
 186   border-color: #cccccc;
 187   -moz-border-radius: 4px;
 188   -webkit-border-radius: 4px;
 189   border-radius: 4px; }
 190   #editcontent:hover, #editmessage:hover {
 191     background: white; }
 192
 193 #editcontent {
 194   height: 25em; }
 195
 196 label[for="editmessage"] {
 197   margin-top: 1em; }
 198
 199 #editmessage {
 200   margin-bottom: 1em; }
 201
 202 .inlinepage {
 203   margin: .4em 0;
 204   padding: .4em 0;
 205   border-style: none;
 206   border-top: 1px solid #cccccc; }
 207
 208 .inlineheader {
 209   font-size: 1.1em;
 210   border-top: 2px solid #cccccc; }
 211
 212 /* Smaller headings for inline pages */
 213 .inlinepage h1 {
 214   font-size: 1.1em; }
 215
 216 .inlinepage h2 {
 217   font-size: 1.01em; }
 218
 219 .inlinepage h3 {
 220   font-size: 1.01em; }
 221
 222 div.recentchanges {
 223   border-style: none; }
 224
 225 /* recent change page */
 226 div.recentchanges {
 227   background-color: white; }
 228
 229 div.metadata {
 230   margin-top: 1.5em;
 231   border-style: solid;
 232   border-width: 1px;
 233   border-color: #cccccc;
 234   -webkit-border-top-left-radius: 4px;
 235   -webkit-border-top-right-radius: 4px;
 236   -moz-border-radius-topleft: 4px;
 237   -moz-border-radius-topright: 4px;
 238   border-top-left-radius: 4px;
 239   border-top-right-radius: 4px;
 240   border-style: solid solid none solid;
 241   background-color: #f2f2f2; }
 242
 243 div.recentchanges div.metadata *, span.pagelinks a {
 244   float: none;
 245   display: block; }
 246
 247 span.pagelinks {
 248   width: inherit !important; }
 249
 250 span.pagelinks a, span.tags a {
 251   margin: 0.2em;
 252   padding: 0.2em;
 253   font-size: 1.01em;
 254   background: #e6e6e6;
 255   color: black;
 256   border-style: solid;
 257   border-width: 1px;
 258   border-color: #cccccc;
 259   -moz-border-radius: 4px;
 260   -webkit-border-radius: 4px;
 261   border-radius: 4px; }
 262   span.pagelinks a:hover, span.tags a:hover {
 263     background: #cccccc;
 264     color: #1a260d; }
 265
 266 div.recentchanges div.changelog {
 267   border-style: solid;
 268   border-width: 1px;
 269   border-color: #cccccc;
 270   -webkit-border-bottom-left-radius: 4px;
 271   -webkit-border-bottom-right-radius: 4px;
 272   -moz-border-radius-bottomleft: 4px;
 273   -moz-border-radius-bottomright: 4px;
 274   border-bottom-left-radius: 4px;
 275   border-bottom-right-radius: 4px;
 276   border-style: none solid solid solid;
 277   background-color: #f2f2f2 !important; }
 278
 279 span.desc br {
 280   display: none !important; }
 281
 282 div.titleandtags {
 283   border-style: solid;
 284   border-width: 1px;
 285   border-color: #cccccc;
 286   -moz-border-radius: 4px;
 287   -webkit-border-radius: 4px;
 288   border-radius: 4px;
 289   background-color: #f2f2f2;
 290   margin-top: .5em;
 291   padding: .4em; }
 292   div.titleandtags h3, div.titleandtags span.tags {
 293     padding: 0; }
 294   div.titleandtags h3 {
 295     margin: 0 0 .2em 0; }
 296   div.titleandtags span.tags {
 297     line-height: 2em; }
 298   div.titleandtags div.lastmodified {
 299     float: right; }
 300
 301 thead th {
 302   color: white;
 303   background-color: gray;
 304   padding: .5em; }
 305
 306 td {
 307   padding: .2em .4em; }
 308
 309 tr:nth-child(odd) {
 310   background-color: #f2f2f2; }
 311
 312 tr:nth-child(even) {
 313   background-color: #d9d9d9; }
 314
 315 /* Don't know what these last two do but leaving those there just in case*/
 316 .pagecloud {
 317   width: auto;
 318   border-color: red; }
 319
 320 .sidebar {
 321   width: 28ex;
 322   border-bottom: 0;
 323   border-right: 0;
 324   border-top: 0;
 325   margin-top: 0.5em;
 326   padding: 0 0 0 2ex;
 327   border-color: red; }