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