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