1/* $Id: tigris.css 155407 2005-02-26 12:56:13Z dirkv $ 2 3 This file defines basic default formatting for HTML conforming to Tigris application style. To extend or override these rules for your instance, edit inst.css instead of this file. */ 4 5/* colors, backgrounds, borders, link indication */ 6body { 7 background: #fff; 8 color: #000; 9} 10 11.app h3, .app h4, .tabs td, .tabs th, .functnbar { 12 background-image: url(../images/nw_maj_rond.gif); 13 background-repeat: no-repeat; 14} 15 16.functnbar, .functnbar2 { 17 background-color: #aaa; 18} 19 20.functnbar2, .functnbar3 { 21 background-color: #aaa; 22 background-image: url(../images/sw_maj_rond.gif); 23 background-repeat: no-repeat; 24 background-position: bottom left; 25} 26 27.functnbar3 { 28 background-color: #ddd; 29 background-image: url(../images/sw_med_rond.gif); 30} 31 32.functnbar, .functnbar2, .functnbar3 { 33 color: #000; 34} 35 36.functnbar a, .functnbar2 a, .functnbar3 a { 37 color: #000; 38 text-decoration: underline; 39} 40 41#navcolumn .body div, body.docs #toc li li { 42 background-image: url(../images/strich.gif); 43 background-repeat: no-repeat; 44 background-position: .5em .5em; 45} 46 47#searchbox .body div, #navcolumn .body .heading { 48 background-image: none; 49} 50 51a:link, #navcolumn a:visited, .app a:visited, .tasknav a:visited { 52 color: blue; 53} 54 55a:link.selfref, a:visited.selfref { 56 color: #555 !important; 57 text-decoration: none; 58} 59 60a:active, a:hover, #leftcol a:active, #leftcol a:hover { 61 color: #f30 !important; 62} 63 64#leftcol a, #breadcrumbs a { 65 text-decoration: none; 66} 67 68.app h3, .app h4 { 69 color: #fff; 70} 71 72.app h3 { 73 background-color: #333; 74} 75 76.app h3 a:link, .app h3 a:visited, .app h4 a:link, .app h4 a:visited { 77 color: #fff !important; 78 text-decoration: underline; 79} 80 81.app h4 { 82 background-color: #888; 83} 84 85.a td { 86 background: #ddd; 87} 88 89.b td { 90 background: #efefef; 91} 92 93table, th, td { 94 border: none; 95} 96 97div.colbar { 98 background: #eee; 99 border-color: #999 #EEE #EEE #999; 100 border-width: 1px; 101 border-style: solid; 102} 103 104.toolgroup { 105 background: #efefef; 106} 107 108.toolgroup .label { 109 border-bottom: 1px solid #666; 110 border-right: 1px solid #666; 111 background: #ddd; 112 color: #555; 113} 114 115.toolgroup .body { 116 border-right: 1px solid #aaa; 117 border-bottom: 1px solid #aaa; 118} 119 120#breadcrumbs { 121 border-top: 1px solid #fff; 122 background-color: #ccc; 123} 124 125#main { 126 border-top: 1px solid #999; 127} 128 129#rightcol div.www, #rightcol div.help { 130 border: 1px solid #ddd; 131} 132 133body.docs div.docs { 134 background-color: #fff; 135 border-left: 1px solid #ddd; 136 border-top: 1px solid #ddd; 137} 138 139#helptext .label { 140 background-image: url(../images/icon_help_sml.gif); 141 background-repeat: no-repeat; 142 background-position: 97%; 143} 144 145body.docs { 146 background: #eee url(../images/help_logo.gif) top right no-repeat !important; 147} 148 149.docs h3, .docs h4 { 150 border-top: solid 1px #000; 151} 152 153#apphead h2 em { 154 color: #777; 155} 156 157.app th { 158 background-color: #bbb; 159} 160 161.tabs th { 162 border-right: 1px solid #333; 163 background-color: #ddd; 164 color: #fff; 165 border-left: 1px solid #fff; 166} 167 168.tabs td { 169 background-color: #999; 170 border-bottom: 1px solid #fff; 171 border-right: 1px solid #fff; 172 border-left: 1px solid #fff; 173} 174 175.tabs { 176 border-bottom: 6px #ddd solid; 177} 178 179.tabs th, .tabs th a:link, .tabs th a:visited { 180 color: #555; 181} 182 183.tabs td, .tabs td a:link, .tabs td a:visited { 184 color: #fff; 185} 186 187.tabs a { 188 text-decoration: none; 189} 190 191.axial th { 192 background-color: #ddd; 193 color: black; 194} 195 196.alert { 197 background-color: #ff9; 198} 199 200.expandedwaste { 201 background: url(../images/icon_arrowwaste2_sml.gif) no-repeat; 202} 203 204.collapsedwaste { 205 background: url(../images/icon_arrowwaste1_sml.gif) no-repeat; 206} 207 208.filebrowse .expanded, .filebrowse-alt .expanded { 209 background-image: url(../images/icon_arrowfolderopen2_sml.gif); 210 background-repeat: no-repeat; 211} 212 213.filebrowse .collapsed, .filebrowse-alt .collapsed { 214 background-image: url(../images/icon_arrowfolderclosed1_sml.gif); 215 background-repeat: no-repeat; 216} 217 218.filebrowse .leafnode, .filebrowse-alt .leafnode { 219 background-image: url(../images/icon_folder_sml.gif); 220 background-repeat: no-repeat; 221} 222 223.filebrowse .leaf, .filebrowse-alt .leaf { 224 background-image: url(../images/icon_doc_sml.gif); 225 background-repeat: no-repeat; 226} 227 228.sortup { 229 background: url(../images/icon_sortup.gif) no-repeat; 230} 231 232.sortdown { 233 background: url(../images/icon_sortdown.gif) no-repeat; 234} 235 236.collapsedwaste { 237 background: url(../images/icon_arrowwaste1_sml.gif) no-repeat; 238} 239 240body .grid td { 241 border-top: 1px solid #ccc; 242 border-left: 1px solid #ccc; 243 background-color: transparent; 244} 245 246.confirm { 247 color: #090; 248} 249 250.info { 251 color: #069; 252} 253 254.errormessage, .warningmessage, .donemessage, .infomessage { 255 border-top: 5px solid #900; 256 border-left: 1px solid #900; 257 background-image: url(../images/icon_error_lrg.gif); 258 background-repeat: no-repeat; 259 background-position: 5px 1.33em; 260} 261 262.warningmessage { 263 background-image: url(../images/icon_warning_lrg.gif); 264 border-color: #c60; 265} 266 267.donemessage { 268 background-image: url(../images/icon_success_lrg.gif); 269 border-color: #090; 270} 271 272.infomessage { 273 background-image: url(../images/icon_info_lrg.gif); 274 border-color: #069; 275} 276 277.docinfo { 278 background: url(../images/icon_doc_lrg.gif) no-repeat; 279} 280 281.dirinfo { 282 background: url(../images/icon_folder_lrg.gif) no-repeat; 283} 284 285.memberinfo { 286 background: url(../images/icon_members_lrg.gif) no-repeat; 287} 288 289.usergroupinfo { 290 background: url(../images/icon_usergroups_lrg.gif) no-repeat; 291} 292 293.errormark, .warningmark, .donemark, .infomark { 294 background: url(../images/icon_error_sml.gif) no-repeat; 295} 296 297.warningmark { 298 background-image: url(../images/icon_warning_sml.gif); 299} 300 301.donemark { 302 background-image: url(../images/icon_success_sml.gif); 303} 304 305.infomark { 306 background-image: url(../images/icon_info_sml.gif); 307} 308 309.cvsdiff, .cvsblame { 310 background-color: #ccc; 311} 312 313.cvsdiffadd { 314 background-color: #afa; 315} 316 317.cvsdiffremove { 318 background-color: #faa; 319} 320 321.cvsdiffchanges1 { 322 background-color: #ff7; 323} 324 325.cvsdiffchanges2 { 326 background-color: #ff7; 327} 328 329li.selection ul a { 330 background: #fff; 331} 332 333.band1 { 334 color: #fff; 335 background-color: #663; 336} 337 338.band2 { 339 color: #fff; 340 background-color: #66C; 341} 342 343.band3 { 344 background-color: #C99; 345} 346 347.band4 { 348 background-color: #CFF; 349} 350 351.band5 { 352 color: #fff; 353 background-color: #336; 354} 355 356.band6 { 357 color: #fff; 358 background-color: #966; 359} 360 361.band7 { 362 background-color: #9CC; 363} 364 365.band8 { 366 background-color: #FFC; 367} 368 369.band9 { 370 color: #fff; 371 background-color: #633; 372} 373 374.band10 { 375 color: #fff; 376 background-color: #699; 377} 378 379.band11 { 380 background-color: #CC9; 381} 382 383.band12 { 384 background-color: #CCF; 385} 386 387.band13 { 388 color: #fff; 389 background-color: #366; 390} 391 392.band14 { 393 color: #fff; 394 background-color: #996; 395} 396 397.band15 { 398 background-color: #99C; 399} 400 401.band16 { 402 background-color: #FCC; 403} 404 405.app .helplink, #helptext .helplink { 406 cursor: help; 407} 408 409.legend th, .bars th { 410 background-color: #fff; 411} 412 413/* font and text properties, exclusive of link indication, alignment, text-indent */ 414body, th, td, input, select { 415 font-family: Verdana, Helvetica, Arial, sans-serif; 416} 417 418code, pre { 419 font-family: 'Andale Mono', Courier, monospace; 420} 421 422body, .app h3, .app h4, #rightcol h3, pre, code, #apphead h2 small, h4, th, td { 423 font-size: x-small; 424 voice-family: "\"}\""; 425 voice-family: inherit; 426 font-size: small; 427} 428 429small, div#footer, div#login, div.tabs th, div.tabs td, input, select, .paginate, .functnbar, .functnbar2, .functnbar3, #breadcrumbs, .courtesylinks, #rightcol div.help, .colbar, .tasknav, body.docs div#toc, #leftcol, .legend, .bars { 430 font-size: xx-small; 431 voice-family: "\"}\""; 432 voice-family: inherit; 433 font-size: x-small; 434} 435 436.tabs td, .tabs th, dt, .tasknav .selfref, #login .username, .selection { 437 font-weight: bold; 438} 439 440li.selection ul { 441 font-weight: normal; 442} 443 444#apphead h2 em { 445 font-style: normal; 446} 447 448#banner h1 { 449 font-size: 1.25em; 450} 451 452/* box properties (exclusive of borders), positioning, alignments, list types, text-indent */ 453#bodycol h2 { 454 margin-top: .3em; 455 margin-bottom: .5em; 456} 457 458p, ul, ol, dl, .bars table { 459 margin-top: .67em; 460 margin-bottom: .67em; 461} 462 463h3, h4 { 464 margin-bottom: 0; 465} 466 467form { 468 margin: 0; 469} 470 471#bodycol { 472 padding-left: 12px; 473 padding-right: 12px; 474 width: 100%; 475 voice-family: "\"}\""; 476 voice-family: inherit; 477 width: auto; 478} 479 480html>body #bodycol { 481 width: auto; 482} 483 484.docs { 485 line-height: 1.4; 486} 487 488ol ol { 489 list-style-type: lower-alpha; 490} 491 492ol ol ol { 493 list-style-type: lower-roman; 494} 495 496.app h3, .app h4 { 497 padding: 5px; 498 margin-right: 2px; 499 margin-left: 2px; 500} 501 502.app td, .app th { 503 padding: 2px 3px; 504} 505 506.h3 p, .h4 p, .h3 dt, .h4 dt { 507 margin-right: 7px; 508 margin-left: 7px; 509} 510 511.tasknav { 512 margin-bottom: 1.33em; 513} 514 515div.colbar { 516 padding: 3px; 517 margin: 2px 2px 0; 518} 519 520.tabs { 521 margin-top: .67em; 522 margin-right: 2px; 523 margin-left: 2px; 524 padding-left: 8px; 525} 526 527.tabs td, .tabs th { 528 padding: 3px 9px; 529} 530 531#rightcol div.www, #rightcol div.help { 532 padding: 0 .5em; 533} 534 535body.docs #toc { 536 position: absolute; 537 top: 15px; 538 left: 0px; 539 width: 120px; 540 padding: 0 20px 0 0; 541} 542 543body.docs #toc ul, #toc ol { 544 margin-left: 0; 545 padding-left: 0; 546} 547 548body.docs #toc li { 549 margin-top: 7px; 550 padding-left: 10px; 551 list-style-type: none; 552} 553 554body.docs div.docs { 555 margin: 61px 0 0 150px; 556 padding: 1em 2em 1em 1em !important; 557} 558 559.docs p+p { 560 text-indent: 5%; 561 margin-top: -.67em; 562} 563 564.docs h3, .docs h4 { 565 margin-bottom: .1em; 566 padding-top: .3em; 567} 568 569.functnbar, .functnbar2, .functnbar3 { 570 padding: 5px; 571 margin: .67em 2px; 572} 573 574.functnbar3 { 575 margin-top: 0; 576} 577 578body { 579 padding: 1em; 580} 581 582body.composite, body.docs { 583 margin: 0; 584 padding: 0; 585} 586 587th, td { 588 text-align: left; 589 vertical-align: top; 590} 591 592.right { 593 text-align: right !important; 594} 595 596.center { 597 text-align: center !important; 598} 599 600.axial th, .axial th .strut { 601 text-align: right; 602} 603 604.app .axial td th { 605 text-align: left; 606} 607 608body .stb { 609 margin-top: 1em; 610 text-indent: 0; 611} 612 613body .mtb { 614 margin-top: 2em; 615 text-indent: 0; 616} 617 618.courtesylinks { 619 margin-top: 1em; 620 padding-top: 1em; 621} 622 623dd { 624 margin-bottom: .67em; 625} 626 627.toolgroup { 628 margin-bottom: 6px; 629} 630 631.toolgroup .body { 632 padding: 4px 4px 4px 0; 633} 634 635.toolgroup .label { 636 padding: 4px; 637} 638 639.toolgroup .body div { 640 padding-bottom: .3em; 641 padding-left: 1em; 642} 643 644.toolgroup .body div div { 645 margin-top: .3em; 646 padding-bottom: 0; 647} 648 649.tier1 { 650 margin-left: 0; 651} 652 653.tier2 { 654 margin-left: 1.5em; 655} 656 657.tier3 { 658 margin-left: 3em; 659} 660 661.tier4 { 662 margin-left: 4.5em; 663} 664 665.tier5 { 666 margin-left: 6em; 667} 668 669.tier6 { 670 margin-left: 7.5em; 671} 672 673.tier7 { 674 margin-left: 9em; 675} 676 677.tier8 { 678 margin-left: 10.5em; 679} 680 681.tier9 { 682 margin-left: 12em; 683} 684 685.tier10 { 686 margin-left: 13.5em; 687} 688 689.filebrowse .expanded, .filebrowse .collapsed { 690 padding-left: 34px; 691} 692 693.filebrowse .leafnode, .filebrowse .leaf { 694 padding-left: 20px; 695} 696 697.messagechild { 698 padding-left: 34px; 699} 700 701.filebrowse-alt .expanded, .filebrowse-alt .collapsed, .filebrowse-alt .leaf, .filebrowse-alt .leafnode, .expandedwaste, .collapsedwaste, .sortup, .sortdown { 702 /* hide from macie5\*/ 703 float: left; 704 /* resume */ 705 display: inline-block; 706 height: 15px; 707 width: 34px; 708 padding-left: 0 !important; 709} 710 711.filebrowse-alt .leaf, .filebrowse-alt .leafnode, .sortup, .sortdown { 712 width: 20px; 713} 714 715.filebrowse ul, .filebrowse-alt ul { 716 list-style-type: none; 717 padding-left: 0; 718 margin-left: 0; 719} 720 721.filebrowse ul ul, .filebrowse-alt ul ul { 722 margin-left: 1.5em; 723 margin-top: 0; 724 padding-top: .67em; 725} 726 727.filebrowse li, .filebrowse-alt li { 728 margin-bottom: .67em; 729} 730 731td.filebrowse h3 { 732 margin-top: 0; 733} 734 735.errormessage, .warningmessage, .donemessage, .infomessage, .docinfo, .dirinfo, .memberinfo, .usergroupinfo { 736 margin: .67em 0; 737 padding: .33em 0 .67em 42px; 738 min-height: 32px; 739} 740 741.errormark, .warningmark, .donemark, .infomark { 742 padding-left: 20px; 743 min-height: 15px; 744} 745 746.alt { 747 display: none; 748} 749 750#banner h1 { 751 margin: 0; 752} 753 754#leftcol { 755 width: 14em; 756} 757 758.axial th, .axial th .strut, #leftcol .strut { 759 width: 12em; 760} 761 762#breadcrumbs { 763 padding: 2px 8px; 764} 765 766.app h3, .app h4, .bars { 767 clear: both; 768} 769 770.legend { 771 float: right; 772} 773 774.legend th, .bars th { 775 text-align: right; 776 padding-left: 1em; 777} 778 779.bars table { 780 table-layout: fixed; 781} 782 783.bars th { 784 width: 12em; 785} 786 787#projectdocumentlist td.filebrowse-alt { 788 padding-right: .75em; 789} 790