1/** 2 * Design elements for default Template 3 * 4 * @author Andreas Gohr <andi@splitbrain.org> 5 * @author Anika Henke <henke@cosmocode.de> 6 * @author Paul Minifie 7 */ 8 9/* -------------- general elements --------------- */ 10 11 12 13body { 14 font: 0.8125em Verdana, sans-serif; 15 line-height: 1; 16 color: #333; 17 background-color: #EEE; 18 margin: 0; 19 padding: 0; 20 } 21 22/* the document */ 23div#page { 24 margin-top: 10px; 25 margin-left: 1em; 26 margin-right: 2em; 27 text-align: justify; 28} 29 30table { 31 font-size: 100%; 32 padding:0; 33 margin:0; 34} 35 36tr,td,th {padding:0; margin:0;} 37 38img {border:0} 39 40p {padding:0; margin: 0 0 1.0em 0;} 41 42hr { 43 border: 0px; 44 border-top: 1px dashed #DDD; 45 text-align:center; 46 height: 0px; 47} 48 49div.nothing { 50 text-align:center; 51 margin: 2em; 52} 53 54 55/* ---------------- controls ------------------------ 56 *added for templater plugin 57 */ 58 59 .templater { 60 padding: 0.5em; 61} 62 63 64 65/* ---------------- controls ------------------------ 66 *added for draw plugin 67 */ 68a.diagbutton { 69 border: 1px solid #8cacbb; 70 color: Green; 71 background-color: white; 72 vertical-align: middle; 73 text-decoration:none; 74 margin: 0px; 75 padding: 0px; 76 font-size: 10px; 77 cursor: pointer; 78 height: 15px !important; 79 max-height: 15px !important; 80 min-height: 15px !important; 81/* float:right;*/ 82 display: inline; 83} 84 85/* ---------------- controls ------------------------ */ 86 87div#controls { 88 font: 11px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 89 text-transform: lowercase; 90 font-weight: bold; 91 color: #BBBBBB; 92 background-color: transparent; 93} 94 95div#controls .action { 96 font: 11px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 97 text-transform: lowercase; 98 font-weight: bold; 99 color: #BBBBBB; 100 padding-left: 7px; 101 padding-right: 7px; 102} 103div#controls .action:hover { 104 font-weight: bold; 105 color: #444444; 106 text-decoration: none; 107} 108 109div#controls .controlform { 110 border: 1px solid #DDDDDD; 111 padding: 0px; 112 margin: 0px; 113} 114 115div#controls .text_input { 116 border: 0px none; 117 padding: 0px; 118 margin: 0px; 119 background-color: transparent; 120} 121 122div#controls .searchbutton { 123 border: 0px; 124 margin: 0px; 125 padding: 0px; 126 font: 11px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 127 text-transform: lowercase; 128 background-color: transparent; 129 color: #BBBBBB; 130 font-weight: bold; 131 text-decoration: none; 132 cursor: pointer; 133 height: 16px !important; 134 max-height: 16px !important; 135 min-height: 16px !important; 136} 137 138div#controls .searchbutton:hover { 139 color: #444444; 140 background-color: transparent; 141} 142 143div#controls li a { 144 font: 11px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 145 text-transform: lowercase; 146 background-color: transparent; 147 color: #444444; 148 font-weight: bold; 149} 150 151div#controls li a:hover { 152 color: #BBBBBB; 153} 154 155/* --------- buttons ------------------- */ 156 157 158input.button { 159 border: 1px solid #8cacbb; 160 color: Black; 161 background-color: white; 162 vertical-align: middle; 163 text-decoration:none; 164 font-size: 100%; 165 cursor: pointer; 166 height: 22px !important; 167 max-height: 22px !important; 168 min-height: 22px !important; 169 margin: 1px; 170 display: inline; 171} 172 173 174div.secedit input.button { 175 border: 1px none black; 176 color: #BBBBBB; 177 font-weight: bold; 178 text-transform: lowercase; 179 background-color: transparent; 180 vertical-align: middle; 181 text-decoration: none; 182 margin: 0px; 183 padding: 0px; 184 font-size: 11px; 185 cursor: pointer; 186 height: 15px !important; 187 max-height: 15px !important; 188 min-height: 15px !important; 189 float:right; 190 display: inline; 191} 192 193div.secedit input.button:hover { 194 color: #666666; 195} 196 197 198/* ---------------- forms ------------------------ */ 199 200form { 201 border: none; 202 margin: 0; 203 display: inline; 204} 205 206label { 207 display: block; 208 text-align: right; 209 font-weight: bold; 210} 211 212label.simple { 213 text-align: left; 214 font-weight: normal; 215} 216 217label input.edit { 218 width: 50%; 219} 220 221fieldset { 222 width: 300px; 223 text-align: center; 224 border: 1px solid #8cacbb; 225 padding: 0.5em; 226} 227 228textarea.edit { 229 font-family:monospace; 230 border: 1px solid #8cacbb; 231 color: Black; 232 background-color: white; 233 font-size:14px; 234 padding: 3px; 235 width:100%; 236} 237 238input.edit,select.edit { 239 font-size: 100%; 240 border: 1px solid #8cacbb; 241 height: 18px !important; 242 max-height: 22px !important; 243 min-height: 22px !important; 244 color: Black; 245 background-color: white; 246 //vertical-align: middle; 247 padding: 1px; 248 display: inline; 249} 250 251input.missing { 252 font-size: 100%; 253 border: 1px solid #8cacbb; 254 height: 18px !important; 255 max-height: 22px !important; 256 min-height: 22px !important; 257 color: Black; 258 background-color: #ffcccc; 259 vertical-align: middle; 260 padding: 1px; 261 display: inline; 262} 263 264 265 266/* ----------- page navigator ------------- */ 267 268div.pagenav { 269 margin-top:1em; 270} 271 272div.pagenav-prev { 273 text-align:right; 274 float:left; 275 width:50% 276} 277 278div.pagenav-prev input.button { 279 margin-right:5px; 280} 281 282div.pagenav-next { 283 text-align:left; 284 float:right; 285 width:50% 286} 287 288div.pagenav-next input.button { 289 margin-left:5px; 290} 291 292/* --------------- Links ------------------ */ 293 294a { 295 color:#436976; 296 text-decoration:none; 297} 298a:hover { 299 color:#000000; 300 text-decoration:underline; 301} 302 303/* external link */ 304a.urlextern{ 305 background: transparent url(images/link_icon.gif) 0px 1px no-repeat; 306 padding: 1px 0px 1px 16px; 307 color:#436976; 308 text-decoration:none; 309} 310a.urlextern:visited { 311 color:Purple; 312} 313a.urlextern:hover { 314 text-decoration:underline; 315} 316 317/* windows share */ 318a.windows{ 319 background: transparent url(images/windows.gif) 0px 1px no-repeat; 320 padding: 1px 0px 1px 16px; 321 color:#436976; 322 text-decoration:none; 323} 324a.windows:visited { 325 color:Purple; 326} 327a.windows:hover { 328 text-decoration:underline; 329} 330 331/* interwiki link */ 332a.interwiki{ 333 background: transparent url(images/interwiki.png) 0px 1px no-repeat; 334 padding-left: 16px; 335 color:#436976; 336 text-decoration:none; 337} 338a.interwiki:visited { 339 color:Purple; 340} 341a.interwiki:hover { 342 text-decoration:underline; 343} 344 345/* link to some embedded media */ 346a.media { 347 color:#436976; 348 text-decoration:none; 349} 350a.media:hover { 351 color:#436976; 352 text-decoration:underline 353} 354 355/* email link */ 356a.mail { 357 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat; 358 padding: 1px 0px 1px 16px; 359 color:#436976; 360 text-decoration:none; 361} 362a.mail:hover { 363 text-decoration:underline; 364} 365 366/* existing wikipage */ 367a.wikilink1:link { color:#009900; text-decoration:none } 368a.wikilink1:visited { color:#009900; text-decoration:none } 369a.wikilink1:hover { color:#009900; text-decoration:underline } 370 371/* not existing wikipage */ 372a.wikilink2:link { color:#FF3300; text-decoration:none } 373a.wikilink2:visited { color:#FF3300; text-decoration:none } 374a.wikilink2:hover { color:#FF3300; text-decoration:underline } 375 376 377/* ------------- Page elements ----------------- */ 378 379div.preview{ 380 background:#f7f9fa; 381 margin-left:2em; 382 padding: 4px; 383 border: 1px dashed #000000; 384} 385 386div.breadcrumbs{ 387 font-size:80%; 388 color: #666666; 389 padding-left: 4px; 390} 391 392span.user{ 393 color: #cccccc; 394 font-size: 90%; 395} 396 397/* embedded images */ 398img.media { 399 margin: 3px; 400} 401 402img.medialeft { 403 border: 0; 404 float: left; 405 margin: 0 1.5em 0 0; 406} 407 408img.mediaright { 409 border: 0; 410 float: right; 411 margin: 0 0 0 1.5em; 412} 413 414img.mediacenter { 415 border: 0; 416 display: block; 417 margin-left: auto; 418 margin-right: auto; 419} 420 421acronym { 422 cursor: help; 423 border-bottom: 1px dotted #000; 424} 425 426/* general headline setup #8cacbb*/ 427h1, h2, h3, h4, h5 { 428 color: #666; 429 background-color: transparent; 430 font-family: Serif, "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 431 font-size: 100%; 432 font-weight: normal; 433 margin-left: 0; 434 margin-right: 0; 435 margin-top: 0; 436 margin-bottom: 0.4em; 437 padding-left: 0; 438 padding-right: 0; 439 padding-top: 0.5em; 440 padding-bottom: 0; 441 border-bottom: 1px dashed #DDD; 442 clear: left; 443} 444 445/* special headlines */ 446h1 {font-size: 190%; margin-left: 0px; font-weight: bold;} 447h2 {font-size: 170%; margin-left: 15px; font-weight: bold;} 448h3 {font-size: 160%; margin-left: 30px; border-bottom: none; font-weight: bold;} 449h4 {font-size: 150%; margin-left: 45px; border-bottom: none; font-weight: bold;} 450h5 {font-size: 140%; margin-left: 60px; border-bottom: none; font-weight: bold;} 451 452/* indent different sections */ 453div.level1 {margin-left: 3px;} 454div.level2 {margin-left: 18px;} 455div.level3 {margin-left: 33px;} 456div.level4 {margin-left: 48px;} 457div.level5 {margin-left: 63px;} 458 459 460 461/* unordered lists */ 462ul { 463 line-height: 1.5em; 464 list-style-type: square; 465 margin: 0 0 0.5em 1.5em; 466 padding: 0; 467 list-style-image: url(images/bullet.gif); 468} 469 470/* ordered lists */ 471ol { 472 line-height: 1.5em; 473 margin: 0 0 0.5em 1.5em; 474 padding: 0; 475 color: #638c9c; 476 font-weight: bold; 477 list-style-image: none; 478} 479 480/* the list items overriding the ol definition */ 481.li { 482 color: #000000; 483 font-weight: normal; 484} 485 486 487ol {list-style-type: decimal} 488ol ol {list-style-type: upper-roman} 489ol ol ol {list-style-type: lower-alpha} 490ol ol ol ol {list-style-type: lower-greek} 491 492 493li.open { 494 list-style-image: url(images/open.gif); 495} 496 497li.closed { 498 list-style-image: url(images/closed.gif); 499} 500 501 502blockquote { 503 border-left: 2px solid #8cacbb; 504 padding-left: 3px; 505 margin-left: 0; 506} 507 508/* code blocks by indention */ 509pre.pre { 510 font-size: 120%; 511 padding: 0.5em; 512 border: 1px dashed #8cacbb; 513 color: Black; 514 background-color: #f7f9fa; 515 overflow: auto; 516} 517 518/* code blocks by code tag */ 519pre.code { 520 font-size: 120%; 521 padding: 0.5em; 522 border: 1px dashed #8cacbb; 523 color: Black; 524 background-color: #f7f9fa; 525 overflow: auto; 526} 527 528/* inline code words */ 529code { 530 font-size: 120%; 531} 532 533/* code blocks by file tag */ 534pre.file { 535 font-size: 120%; 536 padding: 0.5em; 537 border: 1px dashed #8cacbb; 538 color: Black; 539 background-color: #dee7ec; 540 overflow: auto; 541} 542 543/* inline tables */ 544table.inline { 545 background-color: #ffffff; 546 border-spacing: 0px; 547 border-collapse: collapse; 548} 549 550table.inline th { 551 padding: 3px; 552 border: 1px solid #8cacbb; 553 background-color: #dee7ec; 554} 555 556table.inline td { 557 padding: 3px; 558 border: 1px solid #8cacbb; 559} 560 561.leftalign{ 562 text-align: left; 563} 564 565.centeralign{ 566 text-align: center; 567} 568 569.rightalign{ 570 text-align: right; 571} 572 573/* ---------- table of contents ------------------- */ 574 575div.toc { 576 margin-left: 2em; 577 margin-top: 1.2em; 578 margin-bottom: 0; 579 float:right; 580 width: 200px; 581 font-size: 80%; 582 clear:both; 583} 584 585div.tocheader { 586 padding: 3px; 587 border: 1px solid #8cacbb; 588 background-color: #dee7ec; 589 text-align: left; 590 font-weight:bold; 591 margin-bottom: 2px; 592} 593 594div.toctoggle { 595 float:right; 596 margin-top:0.3em; 597 margin-right:3px; 598} 599 600div.toctoggle img { 601 width:0.8em; 602 height:0.8em; 603} 604 605#tocinside { 606 border: 1px solid #8cacbb; 607 background-color: #ffffff; 608 text-align: left; 609 padding-top: 0.5em; 610 padding-bottom: 0.7em; 611} 612 613ul.toc { 614 list-style-type: none; 615 list-style-image: none; 616 line-height: 1.2em; 617 margin: 0; 618 padding: 0; 619 padding-left: 1em; 620} 621 622ul.toc li { 623 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat; 624 padding-left:0.4em; 625} 626 627ul.toc li.clear { 628 background-image: none; 629 padding-left:0.4em; 630} 631 632a.toc { 633 color: #436976; 634 text-decoration:none; 635} 636 637a.toc:hover { 638 color: #000000; 639 text-decoration:underline; 640} 641 642/* ---------------------------- Diff rendering --------------------------*/ 643table.diff { background:white; } 644td.diff-blockheader {font-weight:bold} 645td.diff-header { 646 border-bottom: 1px solid #8cacbb; 647 font-size:120%; 648} 649td.diff-addedline { 650 background:#ddffdd; 651 font-family: monospace; 652 font-size: 100%; 653} 654td.diff-deletedline { 655 background:#ffffbb; 656 font-family: monospace; 657 font-size: 100%; 658} 659td.diff-context { 660 background:#f7f9fa; 661 font-family: monospace; 662 font-size: 100%; 663} 664span.diffchange { color: red; } 665 666/* --------------------- footnotes -------------------------------- */ 667 668div.footnotes{ 669 clear:both; 670 border-top: 1px solid #8cacbb; 671 padding-left: 1em; 672 margin-top: 1em; 673} 674 675div.fn{ 676 font-size:90%; 677} 678 679a.fn_top{ 680 vertical-align:super; 681 font-size:80%; 682} 683 684a.fn_bot{ 685 vertical-align:super; 686 font-size:80%; 687 font-weight:bold; 688} 689 690 691/* --------------- search result formating --------------- */ 692.search_result{ 693 margin-bottom: 6px; 694 padding-left: 30px; 695 padding-right: 10px; 696} 697 698.search_snippet{ 699 color: #999999; 700 font-size: 12px; 701 margin-left: 20px; 702} 703 704.search_sep{ 705 color: #000000; 706} 707 708.search_hit{ 709 color: #000000; 710 background: #FFFF99; 711} 712 713div.search_quickresult{ 714 margin-bottom: 15px; 715 padding-bottom: 5px; 716 border-bottom: 1px dashed #8cacbb; 717 margin-left: 30px; 718 padding-right: 10px; 719} 720 721div.search_quickhits { 722 margin-left: 1em; 723 float:left; 724 background: transparent url(images/bullet.gif) 0px 1px no-repeat; 725 padding: 1px 0px 1px 8px; 726 width: 30%; 727} 728 729/* ------------------ Additional ---------------------- */ 730.footerinc a img { 731 opacity: 0.5; 732} 733 734.footerinc a:hover img { 735 opacity: 1; 736} 737 738/* ---- Admin --- */ 739 740div.acladmin label { 741 text-align: left; 742 font-weight: normal; 743 display: inline; 744} 745 746div.acladmin table{ 747 margin-left: 10%; 748 width: 80%; 749} 750 751/* ---------- AJAX quicksearch ----------- */ 752 753div.ajax_qsearch { 754 position:absolute; 755 right:225px;; 756 text-align:left; 757 width: 200px; 758 background-color: #ff9; 759 opacity: 0.9; 760 display:none; 761} 762 763/* ---------- Spellchecking ------------- */ 764 765a.spell_error { 766 color: #ff0000; 767 text-decoration: underline; 768} 769 770div#spell_suggest { 771 position: absolute; 772 left: 0; 773 top: 0; 774 display: none; 775 background-color: #fff; 776 padding: 2px; 777 border: 1px solid #000; 778 font-size:80%; 779 z-index: 2; 780} 781 782div#spell_result { 783 display:none; 784 font-family:monospace; 785 border: 1px solid #8cacbb; 786 color: Black; 787 font-size:14px; 788 padding: 3px; 789 background-color: #f7f9fa; 790 overflow: auto; 791 z-index: 1; 792 793 white-space: pre-wrap; /* css-3 */ 794 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 795 white-space: -pre-wrap; /* Opera 4-6 */ 796 white-space: -o-pre-wrap; /* Opera 7 */ 797 word-wrap: break-word; /* Internet Explorer 5.5+ */ 798} 799 800span.spell_noerr { 801 color: #009933; 802} 803 804span.spell_wait { 805 color: #0066cc; 806} 807 808