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   .pageheader .actions ul li a:hover, input[type="submit"]:hover {
 105     background: #1fad1f;
 106     color: white; }
 107
 108 div.toggleable#attachments {
 109   margin: 1em; }
 110
 111 body {
 112   margin: 0;
 113   padding: 0;
 114   font-family: sans-serif;
 115   *font-size: small;
 116   line-height: 1.32em;
 117   color: black;
 118   background: white;
 119   font-size: 1.01em; }
 120
 121 a {
 122   text-decoration: none;
 123   color #19198d;
 124  }
 125
 126 a:hover {
 127   text-decoration: underline;
 128   color: #1f1fad; }
 129
 130 hr {
 131   border-style: none;
 132   background-color: #cccccc;
 133   height: 1px; }
 134
 135 code, pre {
 136   background-color: #f2f2f2;
 137   color: #1a2e05; }
 138
 139 pre {
 140   padding: .8em;
 141   padding-left: 2em;
 142   margin-top: 1em;
 143   margin-bottom: 1.1em;
 144   margin-left: 3em;
 145   margin-right: 12em;
 146   border-style: solid;
 147   border-width: 1px;
 148   border-color: #cccccc;
 149   -moz-border-radius: 4px;
 150   -webkit-border-radius: 4px;
 151   border-radius: 4px;
 152   -moz-box-shadow: 0px 0px 2px #1a1a1a;
 153   -webkit-box-shadow: 0px 0px 2px #1a1a1a;
 154   box-shadow: 0px 0px 2px #1a1a1a; }
 155
 156 #content, #comments, #footer {
 157   margin: 1em 6em; }
 158
 159 #pageinfo {
 160   border-color: #cccccc; }
 161
 162 #editcontent, #editmessage {
 163   width: 90%;
 164   background: #f2f2f2;
 165   font-size: 1.01em;
 166   font-family: Consolas, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
 167   line-height: 1.4em;
 168   padding: .5em;
 169   border-style: solid;
 170   border-width: 1px;
 171   border-color: #cccccc;
 172   -moz-border-radius: 4px;
 173   -webkit-border-radius: 4px;
 174   border-radius: 4px; }
 175   #editcontent:hover, #editmessage:hover {
 176     background: white; }
 177
 178 #editcontent {
 179   height: 25em; }
 180
 181 label[for="editmessage"] {
 182   margin-top: 1em; }
 183
 184 #editmessage {
 185   margin-bottom: 1em; }
 186
 187 .inlinepage {
 188   margin: .4em 0;
 189   padding: .4em 0;
 190   border-style: none;
 191   border-top: 1px solid #cccccc; }
 192
 193 .inlineheader {
 194   font-size: 1.1em;
 195   border-top: 2px solid #cccccc; }
 196
 197 /* Smaller headings for inline pages */
 198 .inlinepage h1 {
 199   font-size: 1.1em; }
 200
 201 .inlinepage h2 {
 202   font-size: 1.01em; }
 203
 204 .inlinepage h3 {
 205   font-size: 1.01em; }
 206
 207 div.recentchanges {
 208   border-style: none; }
 209
 210 /* recent change page */
 211 div.recentchanges {
 212   background-color: white; }
 213
 214 div.metadata {
 215   margin-top: 1.5em;
 216   border-style: solid;
 217   border-width: 1px;
 218   border-color: #cccccc;
 219   -webkit-border-top-left-radius: 4px;
 220   -webkit-border-top-right-radius: 4px;
 221   -moz-border-radius-topleft: 4px;
 222   -moz-border-radius-topright: 4px;
 223   border-top-left-radius: 4px;
 224   border-top-right-radius: 4px;
 225   border-style: solid solid none solid;
 226   background-color: #f2f2f2; }
 227
 228 div.recentchanges div.metadata *, span.pagelinks a {
 229   float: none;
 230   display: block; }
 231
 232 span.pagelinks {
 233   width: inherit !important; }
 234
 235 span.pagelinks a, span.tags a {
 236   margin: 0.2em;
 237   padding: 0.2em;
 238   font-size: 1.01em;
 239   background: #e6e6e6;
 240   color: black;
 241   border-style: solid;
 242   border-width: 1px;
 243   border-color: #cccccc;
 244   -moz-border-radius: 4px;
 245   -webkit-border-radius: 4px;
 246   border-radius: 4px; }
 247   span.pagelinks a:hover, span.tags a:hover {
 248     background: #cccccc;
 249     color: #1a260d; }
 250
 251 div.recentchanges div.changelog {
 252   border-style: solid;
 253   border-width: 1px;
 254   border-color: #cccccc;
 255   -webkit-border-bottom-left-radius: 4px;
 256   -webkit-border-bottom-right-radius: 4px;
 257   -moz-border-radius-bottomleft: 4px;
 258   -moz-border-radius-bottomright: 4px;
 259   border-bottom-left-radius: 4px;
 260   border-bottom-right-radius: 4px;
 261   border-style: none solid solid solid;
 262   background-color: #f2f2f2 !important; }
 263
 264 span.desc br {
 265   display: none !important; }
 266
 267 div.titleandtags {
 268   border-style: solid;
 269   border-width: 1px;
 270   border-color: #cccccc;
 271   -moz-border-radius: 4px;
 272   -webkit-border-radius: 4px;
 273   border-radius: 4px;
 274   background-color: #f2f2f2;
 275   margin-top: .5em;
 276   padding: .4em; }
 277   div.titleandtags h3, div.titleandtags span.tags {
 278     padding: 0; }
 279   div.titleandtags h3 {
 280     margin: 0 0 .2em 0; }
 281   div.titleandtags span.tags {
 282     line-height: 2em; }
 283   div.titleandtags div.lastmodified {
 284     float: right; }
 285
 286 thead th {
 287   color: white;
 288   background-color: gray;
 289   padding: .5em; }
 290
 291 td {
 292   padding: .2em .4em; }
 293
 294 tr:nth-child(odd) {
 295   background-color: #f2f2f2; }
 296
 297 tr:nth-child(even) {
 298   background-color: #d9d9d9; }
 299
 300 /* Don't know what these last two do but leaving those there just in case*/
 301 .pagecloud {
 302   width: auto;
 303   border-color: red; }
 304
 305 .sidebar {
 306   width: 28ex;
 307   border-bottom: 0;
 308   border-right: 0;
 309   border-top: 0;
 310   margin-top: 0.5em;
 311   padding: 0 0 0 2ex;
 312   border-color: red; }