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