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