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