local.css

   1 /* -*- mode: css -*- */
   2 /* ikiwiki style sheet */
   3
   4 /* Note that instead of modifying this style sheet, you can instead edit
   5  * local.css and use it to override or change settings in this one.
   6  */
   7
   8 /* html5 compat */
   9 article,
  10 header,
  11 footer,
  12 nav {
  13         display: block;
  14 }
  15
  16 #pagebody #content img {
  17         margin: 0.4em;
  18  }
  19
  20 p:nth-of-type(odd) img.agimg {
  21         float: left;
  22         clear: left;
  23 }
  24
  25 p:nth-of-type(even) img.agimg {
  26         float: right;
  27         clear: right;
  28 }
  29
  30 .header {
  31         margin: 0;
  32         font-size: 140%;
  33         font-weight: bold;
  34         line-height: 1em;
  35         display: block;
  36 }
  37
  38 .inlineheader .author {
  39         margin: 0;
  40         font-size: 112%;
  41         font-weight: bold;
  42         display: block;
  43 }
  44
  45 .actions ul {
  46         margin: 0;
  47         padding: 6px .4em;
  48         height: 1em;
  49         list-style-type: none;
  50 }
  51 .actions li {
  52         display: inline;
  53         padding: .2em;
  54 }
  55 .pageheader .actions ul {
  56         border-bottom: 1px solid #000;
  57 }
  58
  59 .inlinepage .actions ul {
  60         border-bottom: 0;
  61 }
  62
  63 #otherlanguages ul {
  64         margin: 0;
  65         padding: 6px;
  66         list-style-type: none;
  67 }
  68 #otherlanguages li {
  69         display: inline;
  70         padding: .2em .4em;
  71 }
  72 .pageheader #otherlanguages {
  73         border-bottom: 1px solid #000;
  74 }
  75
  76 .inlinecontent {
  77         margin-top: .4em;
  78 }
  79
  80 .pagefooter,
  81 .inlinefooter,
  82 .comments {
  83         clear: both;
  84 }
  85
  86 #pageinfo {
  87         margin: 1em 0;
  88         border-top: 1px solid #000;
  89 }
  90
  91 .tags {
  92         margin-top: 1em;
  93 }
  94
  95 .inlinepage .tags {
  96         display: inline;
  97 }
  98
  99 .mapparent {
 100         text-decoration: none;
 101 }
 102
 103 .img caption {
 104         font-size: 80%;
 105         caption-side: bottom;
 106         text-align: center;
 107 }
 108
 109 img.img {
 110         margin: 0.5ex;
 111 }
 112
 113 .align-left {
 114         float:left;
 115 }
 116
 117 .align-right {
 118         float:right;
 119 }
 120
 121 #backlinks {
 122         margin-top: 1em;
 123 }
 124
 125 #searchform {
 126         display: inline;
 127         float: right;
 128 }
 129
 130 #editcontent {
 131         width: 98%;
 132 }
 133
 134 .editcontentdiv {
 135         width: auto;
 136         overflow: auto;
 137 }
 138
 139 img {
 140         border-style: none;
 141 }
 142
 143 pre {
 144         overflow: auto;
 145 }
 146
 147 div.recentchanges {
 148         border-style: solid;
 149         border-width: 1px;
 150         overflow: auto;
 151         width: auto;
 152         clear: none;
 153         background: #eee;
 154         color: black !important;
 155 }
 156 .recentchanges .metadata {
 157         padding: 0px 0.5em;
 158 }
 159 .recentchanges .changelog {
 160         font-style: italic;
 161         clear: both;
 162         display: block;
 163         padding: 1px 2px;
 164         background: white !important;
 165         color: black !important;
 166 }
 167 .recentchanges .desc {
 168         display: none;
 169 }
 170 .recentchanges .diff {
 171         display: none;
 172 }
 173 .recentchanges .committer {
 174         float: left;
 175         margin: 0;
 176         width: 40%;
 177 }
 178 .recentchanges .committype {
 179         float: left;
 180         margin: 0;
 181         width: 5%;
 182         font-size: small;
 183 }
 184 .recentchanges .changedate {
 185         float: left;
 186         margin: 0;
 187         width: 35%;
 188         font-size: small;
 189 }
 190 .recentchanges .pagelinks,
 191 .recentchanges .revert {
 192         float: right;
 193         margin: 0;
 194         width: 60%;
 195 }
 196
 197 .blogform, #blogform {
 198         padding: 10px 10px;
 199         border: 1px solid #aaa;
 200         background: #eee;
 201         color: black !important;
 202         width: auto;
 203         overflow: auto;
 204 }
 205
 206 .inlinepage {
 207         padding: 10px 10px;
 208         border: 1px solid #aaa;
 209         overflow: auto;
 210 }
 211
 212 .pagedate,
 213 .pagelicense,
 214 .pagecopyright {
 215         font-style: italic;
 216         display: block;
 217         margin-top: 1em;
 218 }
 219
 220 .error {
 221         color: #C00;
 222 }
 223
 224 .sidebar {
 225         width: 20ex;
 226         float: right;
 227         margin-left: 4px;
 228         margin-bottom: 4px;
 229         margin-top: -1px;
 230         padding: 0ex 2ex;
 231         background: white;
 232         border: 1px solid black;
 233         color: black !important;
 234 }
 235
 236 hr.poll {
 237         height: 10pt;
 238         color: white !important;
 239         background: #eee;
 240         border: 2px solid black;
 241 }
 242 div.poll {
 243         margin-top: 1ex;
 244         margin-bottom: 1ex;
 245         padding: 1ex 1ex;
 246         border: 1px solid #aaa;
 247 }
 248
 249 span.color {
 250         padding: 2px;
 251 }
 252
 253 .comment-header,
 254 .microblog-header {
 255         font-style: italic;
 256         margin-top: .3em;
 257 }
 258 .comment .author,
 259 .microblog .author {
 260         font-weight: bold;
 261 }
 262 .comment-subject {
 263         font-weight: bold;
 264 }
 265 .comment-avatar {
 266         float: right;
 267 }
 268 .comment {
 269         border: 1px solid #aaa;
 270         padding: 3px;
 271 }
 272
 273 div.progress {
 274         margin-top: 1ex;
 275         margin-bottom: 1ex;
 276         border: 1px solid #888;
 277         width: 400px;
 278         background: #eee;
 279         color: black !important;
 280         padding: 1px;
 281 }
 282 div.progress-done {
 283         background: #ea6 !important;
 284         color: black !important;
 285         text-align: center;
 286         padding: 1px;
 287 }
 288
 289 /* things to hide in printouts */
 290 @media print {
 291         .actions { display: none; }
 292         .tags { display: none; }
 293         .feedbutton { display: none; }
 294         #searchform { display: none; }
 295         .blogform, #blogform { display: none; }
 296         #backlinks { display: none; }
 297 }
 298
 299 /* infobox template */
 300 .infobox {
 301         float: right;
 302         margin-left: 2ex;
 303         margin-top: 1ex;
 304         margin-bottom: 1ex;
 305         padding: 1ex 1ex;
 306         border: 1px solid #aaa;
 307         background: white;
 308         color: black !important;
 309 }
 310
 311 /* notebox template */
 312 .notebox {
 313         float: right;
 314         margin-left: 2ex;
 315         margin-top: 1ex;
 316         margin-bottom: 1ex;
 317         padding: 1ex 1ex;
 318         border: 1px solid #aaa;
 319         width: 25%;
 320         background: white;
 321         color: black !important;
 322 }
 323
 324 /* popup template and backlinks hiding */
 325 .popup {
 326         border-bottom: 1px dotted #366;
 327         color: #366;
 328 }
 329 .popup .balloon,
 330 .popup .paren,
 331 .popup .expand {
 332         display: none;
 333 }
 334 .popup:hover .balloon,
 335 .popup:focus .balloon {
 336         position: absolute;
 337         display: inline;
 338         margin: 1em 0 0 -2em;
 339         padding: 0.625em;
 340         border: 2px solid;
 341         background-color: #dee;
 342         color: black;
 343 }
 344
 345 /* form styling */
 346 fieldset {
 347         margin: 1ex 0;
 348         border: 1px solid black;
 349 }
 350 legend {
 351         padding: 0 1ex;
 352 }
 353 .fb_submit {
 354         float: left;
 355         margin: 2px 0;
 356 }
 357 label.block {
 358         display: block;
 359 }
 360 label.inline {
 361         display: inline;
 362 }
 363 input#openid_identifier {
 364         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
 365         background-color: #fff;
 366         background-position: 0 50%;
 367         color: #000;
 368         padding-left: 18px;
 369 }
 370 input#searchbox {
 371         background: url(wikiicons/search-bg.gif) no-repeat;
 372         background-color: #fff;
 373         background-position: 100% 50%;
 374         color: #000;
 375         padding-right: 16px;
 376 }
 377 /* invalid form fields */
 378 .fb_invalid {
 379         color: red;
 380         background: white !important;
 381 }
 382 /* required form fields */
 383 .fb_required {
 384         font-weight: bold;
 385 }
 386
 387 /* highlight plugin */
 388 pre.hl { color:#404048; background-color:#ddf; }
 389 .hl.num { color:#2020ff; }
 390 .hl.esc { color:#005858; }
 391 .hl.str { color:#2020ff; }
 392 .hl.dstr { color:#2020ff; }
 393 .hl.slc { color:#2020ff; font-style:italic; }
 394 .hl.com { color:#ff00c0; font-style:italic; }
 395 .hl.dir { color:#008200; }
 396 .hl.sym { color:#404048; }
 397 .hl.line { color:#ff00c0; }
 398 .hl.mark { background-color:#ffffbb; }
 399 .hl.kwa { color:#008858; font-weight:bold; }
 400 .hl.kwb { color:#7040ff; font-weight:bold;}
 401 .hl.kwc { color:#87002f; font-weight:bold; }
 402 .hl.kwd { color:#404048; font-weight:bold;}
 403
 404 /* calendar plugin */
 405 .month-calendar-day-this-day,
 406 .year-calendar-this-month {
 407         background-color: #eee;
 408 }
 409 .month-calendar-day-head,
 410 .month-calendar-day-nolink,
 411 .month-calendar-day-link,
 412 .month-calendar-day-this-day,
 413 .month-calendar-day-future {
 414         text-align: right;
 415 }
 416 .month-calendar-arrow A:link,
 417 .year-calendar-arrow A:link,
 418 .month-calendar-arrow A:visited,
 419 .year-calendar-arrow A:visited {
 420         text-decoration: none;
 421         font-weight: normal;
 422         font-size: 150%;
 423 }
 424
 425 /* outlines */
 426 li.L1 { list-style: upper-roman; }
 427 li.L2 { list-style: decimal; }
 428 li.L3 { list-style: lower-alpha; }
 429 li.L4 { list-style: disc; }
 430 li.L5 { list-style: square; }
 431 li.L6 { list-style: circle; }
 432 li.L7 { list-style: lower-roman; }
 433 li.L8 { list-style: upper-alpha; }
 434
 435 /* tag cloud */
 436 .pagecloud {
 437         float: right;
 438         width: 30%;
 439         text-align: center;
 440         padding: 10px 10px;
 441         border: 1px solid #aaa;
 442         background: #eee;
 443         color: black !important;
 444 }
 445 .smallestPC { font-size: 70%; }
 446 .smallPC { font-size: 85%; }
 447 .normalPC { font-size: 100%; }
 448 .bigPC { font-size: 115%; }
 449 .biggestPC { font-size: 130%; }
 450
 451 /* orange feed button */
 452 .feedbutton {
 453         background: #ff6600;
 454         color: white !important;
 455         border-left: 1px solid #cc9966;
 456         border-top: 1px solid #ccaa99;
 457         border-right: 1px solid #993300;
 458         border-bottom: 1px solid #331100;
 459         padding: 0px 0.5em 0px 0.5em;
 460         font-family: sans-serif;
 461         font-weight: bold;
 462         font-size: small;
 463         text-decoration: none;
 464         margin-top: 1em;
 465 }
 466 .feedbutton:hover {
 467         color: white !important;
 468         background: #ff9900;
 469 }
 470
 471 .FlattrButton {
 472         display: none;
 473 }
 474
 475 /* openid selector */
 476 #openid_choice {
 477         display: none;
 478 }
 479 #openid_input_area {
 480         clear: both;
 481         padding: 10px;
 482 }
 483 #openid_btns, #openid_btns br {
 484         clear: both;
 485 }
 486 #openid_highlight {
 487         background-color: black;
 488         float: left;
 489 }
 490 .openid_large_btn {
 491         padding: 1em 1.5em;
 492         border: 1px solid #DDD;
 493         margin: 3px;
 494         float: left;
 495 }
 496 .openid_small_btn {
 497         padding: 4px 4px;
 498         border: 1px solid #DDD;
 499         margin: 3px;
 500         float: left;
 501 }
 502 a.openid_large_btn:focus {
 503         outline: none;
 504 }
 505 a.openid_large_btn:focus {
 506         outline-style: none;
 507 }
 508 .openid_selected {
 509         border: 4px solid #DDD;
 510 }
 511
 512 .fileupload-content .ui-progressbar {
 513         width: 200px;
 514         height: 20px;
 515 }
 516 .fileupload-content .ui-progressbar-value {
 517         background: url(ikiwiki/images/pbar-ani.gif);
 518 }
 519 /* actiontabs theme for ikiwiki
 520  *
 521  * by svend
 522  */
 523
 524 a {
 525         text-decoration: none;
 526         color: #005a9c;
 527 }
 528
 529 a:hover {
 530         text-decoration: underline;
 531 }
 532
 533
 534 hr {
 535         border-style: none;
 536         background-color: #999;
 537         height: 1px;
 538 }
 539
 540 code, pre {
 541         background: #bcd;
 542 }
 543
 544 pre {
 545         padding: .5em;
 546 }
 547
 548 body {
 549         margin: 0;
 550         padding: 0;
 551         font-family: sans-serif;
 552         color: black;
 553         background: white;
 554 }
 555
 556 .pageheader {
 557         margin: 0;
 558         padding: 1em 2em;
 559         position: relative;
 560         overflow: hidden;
 561         background: #abc;
 562         border-color: #999;
 563         border-style: none none solid none;
 564         border-width: 1px;
 565         background-image: url('/images/da_background.jpg');
 566         background-repeat: no-repeat;
 567 }
 568
 569 .pageheader .header {
 570         float: left;
 571         font-size: 120%;
 572 }
 573
 574 .header {
 575         font-weight: normal;
 576 }
 577
 578 .title {
 579         display: block;
 580         margin-top: .2em;
 581         font: 140% sans-serif;
 582 }
 583
 584 #searchform {
 585         position: absolute;
 586         top: 0.5em;
 587         right: 2em;
 588 }
 589
 590 .pageheader .actions {
 591         position: absolute;
 592         bottom: 0;
 593         right: 2em;
 594         width: 100%;
 595         text-align: right;
 596         padding: 2px;
 597 }
 598
 599 #content, #comments, #footer {
 600         margin: 1em 2em;
 601 }
 602
 603 #pageinfo {
 604         border-color: #999;
 605 }
 606
 607 .inlinepage {
 608         margin: .4em 0;
 609         padding: .4em 0;
 610         border-style: none;
 611         border-top: 1px solid #aaa;
 612 }
 613
 614 .inlineheader {
 615         font-size: 120%;
 616 }
 617
 618 h1 { font: 120% sans-serif }
 619 h2 { font: bold 100% sans-serif }
 620 h3, h4, h5, h6 { font: bold 80% sans-serif }
 621
 622 /* Smaller headings for inline pages */
 623 .inlinepage h1 { font-size: 110% }
 624 .inlinepage h2 { font-size: 100% }
 625 .inlinepage h3 { font-size: 100% }
 626
 627 .pageheader .actions ul {
 628         border-style: none
 629 }
 630
 631 .actions ul {
 632         padding: 0;
 633         border-style: none;
 634 }
 635
 636 .actions ul li a {
 637         text-decoration: none;
 638 }
 639
 640 .pageheader .actions ul li {
 641         margin: 0;
 642         padding: .1em .5em 0 .5em;
 643         background: white;
 644         border-color: #999;
 645         border-style: solid solid none solid;
 646         border-width: 1px;
 647 }
 648
 649 div.recentchanges {
 650         border-style: none;
 651 }
 652
 653 .pagecloud {
 654         width: auto;
 655 }
 656
 657 .sidebar {
 658         border-bottom: 0;
 659         border-right: 0;
 660         border-top: 0;
 661         margin-top: 0.5em;
 662         padding: 0 0 0 2ex;
 663         border-color: #999;
 664 }