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