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