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