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         margin-left: 4px;
 230         margin-bottom: 4px;
 231         margin-top: -1px;
 232         padding: 0ex 2ex;
 233         background: white;
 234         border: 1px solid black;
 235         color: black !important;
 236 }
 237
 238 hr.poll {
 239         height: 10pt;
 240         color: white !important;
 241         background: #eee;
 242         border: 2px solid black;
 243 }
 244 div.poll {
 245         margin-top: 1ex;
 246         margin-bottom: 1ex;
 247         padding: 1ex 1ex;
 248         border: 1px solid #aaa;
 249 }
 250
 251 span.color {
 252         padding: 2px;
 253 }
 254
 255 .comment-header,
 256 .microblog-header {
 257         font-style: italic;
 258         margin-top: .3em;
 259 }
 260 .comment .author,
 261 .microblog .author {
 262         font-weight: bold;
 263 }
 264 .comment-subject {
 265         font-weight: bold;
 266 }
 267 .comment-avatar {
 268         float: right;
 269 }
 270 .comment {
 271         border: 1px solid #aaa;
 272         padding: 3px;
 273 }
 274
 275 div.progress {
 276         margin-top: 1ex;
 277         margin-bottom: 1ex;
 278         border: 1px solid #888;
 279         width: 400px;
 280         background: #eee;
 281         color: black !important;
 282         padding: 1px;
 283 }
 284 div.progress-done {
 285         background: #ea6 !important;
 286         color: black !important;
 287         text-align: center;
 288         padding: 1px;
 289 }
 290
 291 /* things to hide in printouts */
 292 @media print {
 293         .actions { display: none; }
 294         .tags { display: none; }
 295         .feedbutton { display: none; }
 296         #searchform { display: none; }
 297         .blogform, #blogform { display: none; }
 298         #backlinks { display: none; }
 299 }
 300
 301 /* infobox template */
 302 .infobox {
 303         float: right;
 304         margin-left: 2ex;
 305         margin-top: 1ex;
 306         margin-bottom: 1ex;
 307         padding: 1ex 1ex;
 308         border: 1px solid #aaa;
 309         background: white;
 310         color: black !important;
 311 }
 312
 313 /* notebox template */
 314 .notebox {
 315         float: right;
 316         margin-left: 2ex;
 317         margin-top: 1ex;
 318         margin-bottom: 1ex;
 319         padding: 1ex 1ex;
 320         border: 1px solid #aaa;
 321         width: 25%;
 322         background: white;
 323         color: black !important;
 324 }
 325
 326 /* popup template and backlinks hiding */
 327 .popup {
 328         border-bottom: 1px dotted #366;
 329         color: #366;
 330 }
 331 .popup .balloon,
 332 .popup .paren,
 333 .popup .expand {
 334         display: none;
 335 }
 336 .popup:hover .balloon,
 337 .popup:focus .balloon {
 338         position: absolute;
 339         display: inline;
 340         margin: 1em 0 0 -2em;
 341         padding: 0.625em;
 342         border: 2px solid;
 343         background-color: #dee;
 344         color: black;
 345 }
 346
 347 /* form styling */
 348 fieldset {
 349         margin: 1ex 0;
 350         border: 1px solid black;
 351 }
 352 legend {
 353         padding: 0 1ex;
 354 }
 355 .fb_submit {
 356         float: left;
 357         margin: 2px 0;
 358 }
 359 label.block {
 360         display: block;
 361 }
 362 label.inline {
 363         display: inline;
 364 }
 365 input#openid_identifier {
 366         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
 367         background-color: #fff;
 368         background-position: 0 50%;
 369         color: #000;
 370         padding-left: 18px;
 371 }
 372 input#searchbox {
 373         background: url(wikiicons/search-bg.gif) no-repeat;
 374         background-color: #fff;
 375         background-position: 100% 50%;
 376         color: #000;
 377         padding-right: 16px;
 378 }
 379 /* invalid form fields */
 380 .fb_invalid {
 381         color: red;
 382         background: white !important;
 383 }
 384 /* required form fields */
 385 .fb_required {
 386         font-weight: bold;
 387 }
 388
 389 /* highlight plugin */
 390 pre.hl { color:#404048; background-color:#ddf; }
 391 .hl.num { color:#2020ff; }
 392 .hl.esc { color:#005858; }
 393 .hl.str { color:#2020ff; }
 394 .hl.dstr { color:#2020ff; }
 395 .hl.slc { color:#2020ff; font-style:italic; }
 396 .hl.com { color:#ff00c0; font-style:italic; }
 397 .hl.dir { color:#008200; }
 398 .hl.sym { color:#404048; }
 399 .hl.line { color:#ff00c0; }
 400 .hl.mark { background-color:#ffffbb; }
 401 .hl.kwa { color:#008858; font-weight:bold; }
 402 .hl.kwb { color:#7040ff; font-weight:bold;}
 403 .hl.kwc { color:#87002f; font-weight:bold; }
 404 .hl.kwd { color:#404048; font-weight:bold;}
 405
 406 /* calendar plugin */
 407 .month-calendar-day-this-day,
 408 .year-calendar-this-month {
 409         background-color: #eee;
 410 }
 411 .month-calendar-day-head,
 412 .month-calendar-day-nolink,
 413 .month-calendar-day-link,
 414 .month-calendar-day-this-day,
 415 .month-calendar-day-future {
 416         text-align: right;
 417 }
 418 .month-calendar-arrow A:link,
 419 .year-calendar-arrow A:link,
 420 .month-calendar-arrow A:visited,
 421 .year-calendar-arrow A:visited {
 422         text-decoration: none;
 423         font-weight: normal;
 424         font-size: 150%;
 425 }
 426
 427 /* outlines */
 428 li.L1 { list-style: upper-roman; }
 429 li.L2 { list-style: decimal; }
 430 li.L3 { list-style: lower-alpha; }
 431 li.L4 { list-style: disc; }
 432 li.L5 { list-style: square; }
 433 li.L6 { list-style: circle; }
 434 li.L7 { list-style: lower-roman; }
 435 li.L8 { list-style: upper-alpha; }
 436
 437 /* tag cloud */
 438 .pagecloud {
 439         float: right;
 440         width: 30%;
 441         text-align: center;
 442         padding: 10px 10px;
 443         border: 1px solid #aaa;
 444         background: #eee;
 445         color: black !important;
 446 }
 447 .smallestPC { font-size: 70%; }
 448 .smallPC { font-size: 85%; }
 449 .normalPC { font-size: 100%; }
 450 .bigPC { font-size: 115%; }
 451 .biggestPC { font-size: 130%; }
 452
 453 /* orange feed button */
 454 .feedbutton {
 455         background: #ff6600;
 456         color: white !important;
 457         border-left: 1px solid #cc9966;
 458         border-top: 1px solid #ccaa99;
 459         border-right: 1px solid #993300;
 460         border-bottom: 1px solid #331100;
 461         padding: 0px 0.5em 0px 0.5em;
 462         font-family: sans-serif;
 463         font-weight: bold;
 464         font-size: small;
 465         text-decoration: none;
 466         margin-top: 1em;
 467 }
 468 .feedbutton:hover {
 469         color: white !important;
 470         background: #ff9900;
 471 }
 472
 473 .FlattrButton {
 474         display: none;
 475 }
 476
 477 /* openid selector */
 478 #openid_choice {
 479         display: none;
 480 }
 481 #openid_input_area {
 482         clear: both;
 483         padding: 10px;
 484 }
 485 #openid_btns, #openid_btns br {
 486         clear: both;
 487 }
 488 #openid_highlight {
 489         background-color: black;
 490         float: left;
 491 }
 492 .openid_large_btn {
 493         padding: 1em 1.5em;
 494         border: 1px solid #DDD;
 495         margin: 3px;
 496         float: left;
 497 }
 498 .openid_small_btn {
 499         padding: 4px 4px;
 500         border: 1px solid #DDD;
 501         margin: 3px;
 502         float: left;
 503 }
 504 a.openid_large_btn:focus {
 505         outline: none;
 506 }
 507 a.openid_large_btn:focus {
 508         outline-style: none;
 509 }
 510 .openid_selected {
 511         border: 4px solid #DDD;
 512 }
 513
 514 .fileupload-content .ui-progressbar {
 515         width: 200px;
 516         height: 20px;
 517 }
 518 .fileupload-content .ui-progressbar-value {
 519         background: url(ikiwiki/images/pbar-ani.gif);
 520 }
 521 /* actiontabs theme for ikiwiki
 522  *
 523  * by svend
 524  */
 525
 526 a {
 527         text-decoration: none;
 528         color: #005a9c;
 529 }
 530
 531 a:hover {
 532         text-decoration: underline;
 533 }
 534
 535
 536 hr {
 537         border-style: none;
 538         background-color: #999;
 539         height: 1px;
 540 }
 541
 542 code, pre {
 543         background: #bcd;
 544 }
 545
 546 pre {
 547         padding: .5em;
 548 }
 549
 550 body {
 551         margin: 0;
 552         padding: 0;
 553         font-family: "liberation_serifregular",sans-serif;
 554         color: black;
 555         background: white;
 556 }
 557
 558 .pageheader {
 559         margin: 0;
 560         padding: 1em 2em;
 561         position: relative;
 562         overflow: hidden;
 563         background: #abc;
 564         border-color: #999;
 565         border-style: none none solid none;
 566         border-width: 1px;
 567     background-image: url('/images/da_background.jpg');
 568     background-repeat: no-repeat;
 569     background-size: 100% 100%;
 570 }
 571
 572 .pageheader .header {
 573         float: left;
 574         font-size: 120%;
 575     background-color: rgba(255, 255, 255, 0.8);
 576     border-radius: 0.5em;
 577     box-shadow: 4px 4px rgba(0, 0, 0, 0.2);
 578     padding: 0.25em;
 579 }
 580
 581 .header {
 582         font-weight: normal;
 583 }
 584
 585 .title {
 586         display: block;
 587         margin-top: .2em;
 588         font: 180% "liberation_serifregular", san-serif;
 589 }
 590
 591 #searchform {
 592         position: absolute;
 593         top: 0.5em;
 594         right: 2em;
 595 }
 596
 597 .pageheader .actions {
 598         position: absolute;
 599         bottom: 0;
 600         right: 2em;
 601         width: 100%;
 602         text-align: right;
 603         padding: 2px;
 604 }
 605
 606 #content, #comments, #footer {
 607         margin: 1em 2em;
 608 }
 609
 610 #pageinfo {
 611         border-color: #999;
 612 }
 613
 614 .inlinepage {
 615         margin: .4em 0;
 616         padding: .4em 0;
 617         border-style: none;
 618         border-top: 1px solid #aaa;
 619 }
 620
 621 .inlineheader {
 622         font-size: 120%;
 623 }
 624
 625 h1 { font: 120% "liberation_serifregular", sans-serif }
 626 h2 { font: 100% "liberation_serifbold",sans-serif }
 627 h3, h4, h5, h6 { font: 80% "liberation_serifbold",sans-serif }
 628
 629 /* Smaller headings for inline pages */
 630 .inlinepage h1 { font-size: 110% }
 631 .inlinepage h2 { font-size: 100% }
 632 .inlinepage h3 { font-size: 100% }
 633
 634 .pageheader .actions ul {
 635         border-style: none
 636 }
 637
 638 .actions ul {
 639         padding: 0;
 640         border-style: none;
 641 }
 642
 643 .actions ul li a {
 644         text-decoration: none;
 645 }
 646
 647 .pageheader .actions ul li {
 648         margin: 0;
 649         padding: .1em .5em 0 .5em;
 650         background: white;
 651         border-color: #999;
 652         border-style: solid solid none solid;
 653         border-width: 1px;
 654 }
 655
 656 div.recentchanges {
 657         border-style: none;
 658 }
 659
 660 .pagecloud {
 661         width: auto;
 662 }
 663
 664 .sidebar {
 665     border-bottom: 0;
 666     border-right: 0;
 667         border-top: 0;
 668         margin-top: 0.5em;
 669         padding: 0 0 0 2ex;
 670         border-color: #999;
 671 }
 672 .sidebar p {
 673     font-size: 120%;
 674 }