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