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