typo3/stylesheet.css

   1 /* - - - - - - - - - - - - - - - - - - - - -
   2
   3 Title  : TYPO3 general backend styles
   4
   5 Description :   Stylesheet for the TYPO3 backend.
   6                                 You can configure another/additional stylesheet for
   7                                 use by the $TBE_STYLES global var
   8
   9         $Id$
  10
  11 - - - - - - - - - - - - - - - - - - - - - */
  12
  13
  14 /* - - - - - - - - - - - - - - - - - - - - -
  15
  16 main styles
  17
  18 - - - - - - - - - - - - - - - - - - - - - */
  19
  20 html {
  21         height: 100%;
  22 }
  23
  24 select,
  25 textarea,
  26 input,
  27 td,
  28 body,
  29 .defstyle,
  30 p,
  31 div {
  32         font-family: Verdana, Arial, Helvetica, sans-serif;
  33         font-size: 10px;
  34         margin: 0px;
  35         color: black;
  36 }
  37
  38 form {
  39         margin: 0px;
  40 }
  41
  42 h1,
  43 h2,
  44 h3,
  45 h4 {
  46         font-family: Verdana, Arial, Helvetica, sans-serif;
  47         font-size: 10px;
  48         font-weight: bold;
  49         margin: 3px 0px 3px 0px;
  50 }
  51
  52 /* Occasionally used, eg. in About Modules: */
  53
  54 h1 {
  55         font-size: 14px;
  56         text-align: center;
  57         margin-top: 16px;
  58         margin-bottom: 16px;
  59 }
  60
  61 /* MAIN page header: */
  62
  63 h2 {
  64         background-color: #9BA1A8;
  65         text-align: center;
  66 }
  67
  68 /* Normal section headers */
  69
  70 h3 {
  71         margin: 8px 0px 5px 0px;
  72         padding: 1px 3px 1px 3px;
  73         background-color: #E7DBA8;
  74 }
  75
  76 /* Discrete section headers (no background) */
  77
  78 h4 {
  79         margin-top: 6px;
  80         color: #333;
  81 }
  82
  83 /* Preformatted text - not used so much in TYPO3 */
  84
  85 pre {
  86         font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
  87         font-size: 11px;
  88         margin: 0px;
  89 }
  90
  91 /* Links in general */
  92
  93 a {
  94         color: black;
  95         text-decoration: underline;
  96 }
  97
  98 a:hover {
  99         color: #254D7B;
 100 }
 101
 102 /* horizontal ruler */
 103
 104 hr, div.hr {
 105         height: 1px;
 106         color: #ddd;
 107         background-color: #ddd;
 108         border-top: 1px solid #7a7a7a;
 109         border-bottom: 1px solid black;
 110 }
 111
 112 img {
 113         border: 0px;
 114 }
 115
 116
 117 /* - - - - - - - - - - - - - - - - - - - - -
 118
 119 Background color classes
 120
 121 - - - - - - - - - - - - - - - - - - - - - */
 122
 123 .bgColor {
 124         background-color: #F7F3EF;
 125 }
 126
 127 .bgColor-10 {
 128         background-color: #ede9e5;
 129 }
 130
 131 .bgColor-20 {
 132         background-color: #e3dfdb;
 133 }
 134
 135 .bgColor2 {
 136         background-color: #9BA1A8;
 137 }
 138
 139 .bgColor3 {
 140         background-color: #F6F2E6;
 141 }
 142
 143 .bgColor3-20 {
 144         background-color: #e2ded2;
 145 }
 146
 147 .bgColor4 {
 148         background-color: #D9D5C9;
 149 }
 150
 151 .bgColor4-20 {
 152         background-color: #c5c1b5;
 153 }
 154
 155 .bgColor5 {
 156         background-color: #ABBBB4;
 157 }
 158
 159 .bgColor6 {
 160         background-color: #E7DBA8;
 161 }
 162
 163
 164 /* - - - - - - - - - - - - - - - - - - - - -
 165
 166 body tags
 167
 168 - - - - - - - - - - - - - - - - - - - - - */
 169
 170 /* Set default values for bodytags: */
 171
 172 body {
 173         margin: 2px 2px 0px 4px;
 174         background-color: #F7F3EF;
 175 }
 176
 177 /* Setting alternative background color on some frames: */
 178
 179 body#typo3-alt-toplogo-php,
 180 body#typo3-alt-menu-sel-php,
 181 body#typo3-alt-topmenu-dummy-php,
 182 body#typo3-alt-topmenu-dummy-php-iconmenu,
 183 body#typo3-alt-clickmenu-php,
 184 body#typo3-alt-clickmenu-php-notop,
 185 body#typo3-alt-palette-php {
 186         background-color: #9BA1A8;
 187 }
 188
 189 body#typo3-alt-doc-php,
 190 body#typo3-db-list-php,
 191 body#typo3-mod-web-perm-index-php,
 192 body#typo3-mod-web-info-index-php,
 193 body#typo3-mod-web-func-index-php,
 194 body#typo3-mod-user-ws-index-php,
 195 body#typo3-mod-user-ws-workspaceforms-php,
 196 body#typo3-mod-php,
 197 body#typo3-mod-tools-em-index-php,
 198 body#typo3-wizard-rte-php,
 199 body#typo3-pagetree,
 200 body#typo3-db-new-php,
 201 body#typo3-move-el-php,
 202 body#typo3-show-rechis-php,
 203 body#typo3-wizard-table-php,
 204 body#typo3-wizard-forms-php,
 205 body#ext-cms-layout-db-layout-php,
 206 body#ext-tstemplate-ts-index-php,
 207 body#ext-version-cm1-index-php,
 208 body#ext-setup-mod-index-php,
 209 body#ext-tsconfig-help-mod1-index-php,
 210 body#ext-lowlevel-dbint-index-php,
 211 body#ext-lowlevel-config-index-php,
 212 body#ext-indexed-search-mod-index-php,
 213 body#ext-cms-layout-db-new-content-el-php,
 214 body#ext-beuser-mod-index-php,
 215 body#imp-exp-mod {
 216         padding: 0;
 217         margin: 0;
 218         overflow: hidden;
 219         height: 100%;
 220 }
 221
 222 /* Set body styles for Filelist module */
 223 body#typo3-file-newfolder-php,
 224 body#typo3-file-list-php,
 225 body#typo3-file-edit-php,
 226 body#typo3-file-rename-php,
 227 body#typo3-file-upload-php {
 228         margin: 0;
 229         padding: 0;
 230         overflow: hidden;
 231         height: 100%;
 232 }
 233
 234 /* Set body styles for Filelist module */
 235 BODY#typo3-file-newfolder-php, BODY#typo3-file-list-php, BODY#typo3-file-edit-php, BODY#typo3-file-rename-php, BODY#typo3-file-upload-php { margin: 0;}
 236
 237 /* - - - - - - - - - - - - - - - - - - - - -
 238
 239 specific wrappers
 240
 241 The "template" class is usually instantiated as either
 242 bicDoc, mediumDoc, smallDoc or noDoc.
 243 Each of these will result in the whole page content between the bodytags being
 244 wrapped in a DIV-section with a class.
 245 The class name will be "typo3-[classname]"
 246 In particular we set the width of these wrapper-sections:
 247
 248 - - - - - - - - - - - - - - - - - - - - - */
 249
 250 div.typo3-bigDoc, div.typo3-noDoc {
 251         margin-left: 10px;
 252         margin-top: 5px;
 253         width: 740px;
 254 }
 255
 256 div.typo3-noDoc H2 {
 257         width: 740px;
 258 }
 259
 260 div.typo3-mediumDoc {
 261         width: 470px;
 262 }
 263
 264 div.typo3-smallDoc {
 265         width: 350px;
 266 }
 267
 268 div.typo3-fullDoc {
 269         width: 100%;
 270         height: 100%;
 271 }
 272
 273
 274 /* - - - - - - - - - - - - - - - - - - - - -
 275
 276 special backend elements
 277
 278 - - - - - - - - - - - - - - - - - - - - - */
 279
 280 /* Context Sensitive Menu / Top frame (alt_clickmenu.php): */
 281
 282 body#typo3-alt-clickmenu-php {
 283         background-image: url(gfx/alt_topmenu_back_full.gif);
 284         margin-top: 10px;
 285 }
 286
 287 body#typo3-alt-clickmenu-php-notop {
 288         background-image: url(gfx/alt_topmenu_back_dummy.gif);
 289 }
 290
 291 table#typo3-CSM-top a {
 292         text-decoration: none;
 293 }
 294
 295 table#typo3-CSM-top img {
 296         vertical-align: middle;
 297         margin-bottom: 2px;
 298 }
 299
 300 table#typo3-CSM-top tr td {
 301         white-space: nowrap;
 302 }
 303
 304 table#typo3-CSM-top tr td.c-closebutton {
 305         padding-left: 10px;
 306 }
 307
 308 table#typo3-CSM-top tr td.c-itemicon {
 309         padding-left: 10px;
 310         font-weight: bold;
 311 }
 312
 313 table#typo3-CSM-top img.c-roimg {
 314         margin-right: 2px;
 315 }
 316
 317
 318 /* - - - - - - - - - - - - - - - - - - - - -
 319
 320 Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
 321
 322 Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
 323
 324 - - - - - - - - - - - - - - - - - - - - - */
 325
 326 table.typo3-CSM {
 327         border: #9BA1A8 1px solid;
 328 }
 329
 330 table.typo3-CSM td.typo3-CSM-item {
 331         white-space: nowrap;
 332 }
 333
 334 table.typo3-CSM tr.typo3-CSM-itemRow td {
 335         padding: 1px 5px 1px 5px;
 336 }
 337
 338 table.typo3-CSM tr.typo3-CSM-itemRow {
 339         height: 13px;
 340         cursor: pointer;
 341 }
 342
 343
 344 /* - - - - - - - - - - - - - - - - - - - - -
 345
 346 Top menu (alt_topmenu_dummy.php)
 347
 348 - - - - - - - - - - - - - - - - - - - - - */
 349
 350 body#typo3-alt-topmenu-dummy-php {
 351         background-image: url(gfx/alt_topmenu_back_dummy.gif);
 352 }
 353
 354 body#typo3-alt-topmenu-dummy-php-iconmenu {
 355         background-image: url(gfx/alt_topmenu_back_full.gif);
 356         margin-top: 8px;
 357         margin-left: 6px;
 358 }
 359
 360 table#typo3-topMenu tr td {
 361         white-space: nowrap;
 362         vertical-align: top;
 363 }
 364
 365 table#typo3-topMenu tr td.c-logout,
 366 table#typo3-topMenu tr td.c-admin {
 367         padding-left: 20px;
 368 }
 369
 370 table#typo3-topMenu tr td.c-menu img {
 371         margin: 2px 1px 0px 1px;
 372 }
 373
 374 table#typo3-topMenu tr td.c-menu A.c-subitem {
 375         padding: 3px 0px 0px 0px;
 376 }
 377
 378 table#typo3-topMenu tr td.c-menu A.c-subitem-HL {
 379         background-color: #D9D5C9;
 380         padding: 3px 3px 0px 3px;
 381         border: 1px solid black;
 382 }
 383
 384 table#typo3-topMenu tr td.c-menu A.c-mainitem {
 385         padding: 3px 0px 0px 0px;
 386 }
 387
 388 table#typo3-topMenu tr td.c-menu A.c-mainitem-HL {
 389         background-color: #D9D5C9;
 390         padding: 3px 3px 0px 3px;
 391         border: 1px solid black;
 392 }
 393
 394
 395 /* - - - - - - - - - - - - - - - - - - - - -
 396
 397 Tab menu (template.php)
 398
 399 - - - - - - - - - - - - - - - - - - - - - */
 400
 401 table#typo3-tabmenu {
 402         margin-top: 5px;
 403 }
 404
 405 table#typo3-tabmenu tr {
 406         height: 1.5em;
 407 }
 408
 409 table#typo3-tabmenu td.tabact {
 410         color: black;
 411         border: solid black 1px;
 412         background: #e7dba8;
 413 }
 414
 415 table#typo3-tabmenu td.tab {
 416         color: #666;
 417         border: solid #555 1px;
 418         border-left: solid #aaa 3px;
 419         background: #c4d4cd;
 420 }
 421
 422 table#typo3-tabmenu td.tab,
 423 table#typo3-tabmenu td.tabact {
 424         border-bottom: 0px;
 425         border-radius: 3px;
 426         -webkit-border-radius: 3px;
 427         -moz-border-radius: 3px;
 428 }
 429
 430 table#typo3-tabmenu td a {
 431         color: #666;
 432         text-decoration: none;
 433         display: block;
 434         width: 100%;
 435         padding: 2px 5px 3px 2px;
 436 }
 437
 438 table#typo3-tabmenu td.tabact a {
 439         color: black;
 440         padding-left: 10px;
 441         padding-right: 10px;
 442 }
 443
 444 table#typo3-tabmenu td A:hover {
 445         color: black;
 446         text-decoration: none;
 447 }
 448
 449 table#typo3-tabmenu td.tab:hover {
 450         background: #f6eab7;
 451 }
 452
 453
 454 /* - - - - - - - - - - - - - - - - - - - - -
 455
 456 Dynamic Tab menu (template.php)
 457
 458 - - - - - - - - - - - - - - - - - - - - - */
 459
 460 div.typo3-dyntabmenu-tabs {
 461         margin-top: 5px;
 462         padding-right: 20px;
 463 }
 464
 465 div.typo3-dyntabmenu-divs p.c-descr {
 466         font-style: italic;
 467         padding: 3px 10px 5px 10px;
 468         background: #e7dba8;
 469 }
 470
 471 table.typo3-dyntabmenu tr {
 472         height: 1.5em;
 473 }
 474
 475 table.typo3-dyntabmenu td {
 476         padding-left: 5px;
 477         padding-right: 5px;
 478         border-radius: 3px;
 479         border: 1px solid #555;
 480         border-bottom: none;
 481 }
 482
 483 table.typo3-dyntabmenu td,
 484 table.typo3-dyntabmenu td a {
 485         -moz-border-radius-topleft: 3px;
 486         -moz-border-radius-topright: 3px;
 487         -webkit-border-top-left-radius: 3px;
 488         -webkit-border-top-right-radius: 3px;
 489 }
 490
 491 table.typo3-dyntabmenu td.tab {
 492         background: #c4d4cd;
 493 }
 494
 495 table.typo3-dyntabmenu td.tabact {
 496         background: #e7dba8;
 497 }
 498
 499 table.typo3-dyntabmenu td.tabact,
 500 table.typo3-dyntabmenu td.tabact_over {
 501         border-color: black;
 502 }
 503
 504 table.typo3-dyntabmenu td.tab_over,
 505 table.typo3-dyntabmenu td.tabact_over {
 506         background: #f6eab7;
 507 }
 508
 509 table.typo3-dyntabmenu td.disabled,
 510 table.typo3-dyntabmenu td.disabled_over {
 511         color: #999;
 512         background: #ccc;
 513         cursor: default;
 514 }
 515
 516 table.typo3-dyntabmenu td a {
 517         color: #666;
 518         text-decoration: none;
 519         display: block;
 520         width: 100%;
 521         padding-top: 2px;
 522         padding-bottom: 2px;
 523 }
 524
 525 table.typo3-dyntabmenu td.tabact a,
 526 table.typo3-dyntabmenu td.tabact_over a {
 527         color: black;
 528 }
 529
 530 table.typo3-tabmenu td:hover {
 531         background: #f6eab7;
 532 }
 533
 534 div.typo3-dyntabmenu-divs-foldout div.c-tablayer {
 535         margin-left: 20px;
 536 }
 537
 538 div.typo3-dyntabmenu-divs-foldout div.tab,
 539 div.typo3-dyntabmenu-divs-foldout div.tab_over,
 540 div.typo3-dyntabmenu-divs-foldout div.tabact,
 541 div.typo3-dyntabmenu-divs-foldout div.tabact_over,
 542 div.typo3-dyntabmenu-divs-foldout div.disabled,
 543 div.typo3-dyntabmenu-divs-foldout div.disabled_over {
 544         border: solid black 1px;
 545         margin-top: 5px;
 546         border-radius: 3px;
 547         -webkit-border-radius: 3px;
 548         -moz-border-radius: 3px;
 549 }
 550
 551 div.typo3-dyntabmenu-divs-foldout div.tab {
 552         background: #c4d4cd;
 553         background-image: url(gfx/ol/plusbullet.gif);
 554         background-repeat: no-repeat;
 555 }
 556
 557 div.typo3-dyntabmenu-divs-foldout div.tab_over {
 558         background: #f6eab7;
 559         background-image: url(gfx/ol/arrowbullet.gif);
 560         background-repeat: no-repeat;
 561 }
 562
 563 div.typo3-dyntabmenu-divs-foldout div.tabact {
 564         background: #e7dba8;
 565         background-image: url(gfx/ol/minusbullet.gif);
 566         background-repeat: no-repeat;
 567 }
 568
 569 div.typo3-dyntabmenu-divs-foldout div.tabact_over {
 570         background: #f6eab7;
 571         background-image: url(gfx/ol/arrowbullet.gif);
 572         background-repeat: no-repeat;
 573 }
 574
 575 div.typo3-dyntabmenu-divs-foldout div.disabled {
 576         color: #999;
 577         background: #ccc;
 578         padding: 2px 2px 2px 18px;
 579 }
 580
 581 div.typo3-dyntabmenu-divs-foldout div.disabled_over {
 582         color: #999;
 583         background: #f6eab7;
 584         padding: 2px 2px 2px 18px;
 585 }
 586
 587 div.typo3-dyntabmenu-divs-foldout div.tab a,
 588 div.typo3-dyntabmenu-divs-foldout div.tabact a,
 589 div.typo3-dyntabmenu-divs-foldout div.tab_over a,
 590 div.typo3-dyntabmenu-divs-foldout div.tabact_over a {
 591         text-decoration: none;
 592         display: block;
 593         padding: 2px 2px 2px 18px;
 594 }
 595
 596
 597 /* - - - - - - - - - - - - - - - - - - - - -
 598
 599 User settings
 600
 601 - - - - - - - - - - - - - - - - - - - - - */
 602
 603 table.typo3-usersettings td {
 604         width: 300px;
 605 }
 606
 607 table.typo3-usersettings a.typo3-csh-link {
 608         display: block;
 609         float: left;
 610         margin-right: 5px;
 611 },
 612
 613 table.typo3-usersettings td.td-label-right {
 614         padding-left: 30px;
 615         width: 50px;
 616 }
 617
 618
 619 /* - - - - - - - - - - - - - - - - - - - - -
 620
 621 Logo frame (alt_toplogo.php)
 622
 623 - - - - - - - - - - - - - - - - - - - - - */
 624
 625 body#typo3-alt-toplogo-php {
 626         margin: 0px 0px 0px 0px;
 627 }
 628
 629
 630 /* - - - - - - - - - - - - - - - - - - - - -
 631
 632 Help > About modules (alt_intro.php)
 633
 634 - - - - - - - - - - - - - - - - - - - - - */
 635
 636 div.typo3-alt-intro-php {
 637         width: 600px;
 638         margin-left: 10px;
 639 }
 640
 641 table#typo3-about-modules {
 642         margin-top: 5px;
 643 }
 644
 645 table#typo3-about-modules tr td {
 646         vertical-align: top;
 647         padding: 2px 2px 2px 2px;
 648 }
 649
 650 table#typo3-about-modules tr.c-mainitem td img {
 651         vertical-align: middle;
 652         padding: 0px 2px 0px 2px;
 653 }
 654
 655
 656 /* - - - - - - - - - - - - - - - - - - - - -
 657
 658 Vertical Module Menu script, left frame (alt_menu.php)
 659
 660 - - - - - - - - - - - - - - - - - - - - - */
 661
 662 body#typo3-alt-menu-php {
 663         margin: 2px 0px 0px 2px;
 664 }
 665
 666 body#typo3-alt-menu-php a {
 667         text-decoration: none;
 668 }
 669
 670 table#typo3-vmenu tr.c-mainitem td {
 671         background-color: #d9d9d8;
 672         padding: 1px 1px 1px 1px;
 673         border: #9BA1A8 1px solid;
 674         vertical-align: middle;
 675         width: 100px;
 676         height: 14px;
 677         cursor: pointer;
 678 }
 679
 680 table#typo3-vmenu tr.c-mainitem td span.c-label A {
 681         text-decoration: underline;
 682 }
 683
 684 table#typo3-vmenu tr.c-mainitem td img {
 685         vertical-align: middle;
 686         margin-right: 2px;
 687 }
 688
 689 table#typo3-vmenu tr.c-mainitem td span.c-label {
 690         position: relative;
 691         top: 1px;
 692 }
 693
 694 table#typo3-vmenu tr.c-mainitem td span.c-iconCollapse {
 695         position: absolute;
 696         left: 100px;
 697 }
 698
 699 table#typo3-vmenu tr.c-mainitem-HL td {
 700         background-color: #aaa;
 701         padding: 1px 1px 1px 1px;
 702         border: #9BA1A8 1px solid;
 703         vertical-align: middle;
 704 }
 705
 706 table#typo3-vmenu tr.c-mainitem-HL td span.c-label a {
 707         text-decoration: underline;
 708 }
 709
 710 table#typo3-vmenu tr.c-mainitem-HL td img {
 711         vertical-align: middle;
 712         margin-right: 2px;
 713 }
 714
 715 table#typo3-vmenu tr.c-mainitem-HL td span.c-label {
 716         position: relative;
 717         top: 1px;
 718 }
 719
 720 table#typo3-vmenu tr.c-endrow td {
 721         height: 5px;
 722 }
 723
 724 table#typo3-vmenu tr.c-first td {
 725         height: 2px;
 726 }
 727
 728 table#typo3-vmenu td.c-subitem-label a {
 729         display: block;
 730         width: 100%;
 731 }
 732
 733 table#typo3-vmenu tr.c-subitem-row {
 734
 735 }
 736
 737 table#typo3-vmenu tr.c-subitem-row-HL {
 738         background-color: #e3dfdb;
 739 }
 740
 741 table#typo3-adminmenu tr.c-mainitem td {
 742         background-color: #d9d9d8;
 743         padding: 1px 1px 1px 1px;
 744         border: #9BA1A8 1px solid;
 745         vertical-align: middle;
 746         height: 14px;
 747         text-align: center;
 748         white-space: nowrap;
 749         cursor: default;
 750 }
 751
 752 table#typo3-adminmenu tr.c-subitem td.icon {
 753         vertical-align: middle;
 754         padding: 0 2px 0 0;
 755 }
 756
 757 div#typo3-alt-menu-php-logininfo {
 758         text-align: center;
 759         width: 90px;
 760         margin-top: 15px;
 761         margin-bottom: 15px;
 762 }
 763
 764 div#typo3-alt-menu-php-logininfo P {
 765         margin-top: 5px;
 766 }
 767
 768 div#typo3-alt-menu-php-adminFunc {
 769         text-align: left;
 770         width: 80px;
 771         margin-top: 15px;
 772 }
 773
 774 div#typo3-alt-menu-php-adminFunc table {
 775         border-spacing: 0;
 776         margin: 0 0 2px 0;
 777 }
 778
 779 /* Configuration module */
 780 body#ext-lowlevel-config-index-php #lowlevel-config {
 781         margin-bottom:10px;
 782 }
 783
 784 body#ext-lowlevel-config-index-php #lowlevel-config  label {
 785         padding: 0 6px; vertical-align:text-top;
 786 }
 787
 788 body#ext-lowlevel-config-index-php #lowlevel-config #search {
 789         margin-right:10px;
 790 }
 791
 792 body#ext-lowlevel-config-index-php #lowlevel-config-var {
 793         margin: 10px 10px 10px 0;
 794         padding: 10px;
 795         border: 1px solid black;
 796         background-color: #eee;
 797         line-height: 1.8;
 798 }
 799
 800
 801 /* - - - - - - - - - - - - - - - - - - - - -
 802
 803 Trees
 804
 805 - - - - - - - - - - - - - - - - - - - - - */
 806
 807 table#typo3-tree a {
 808         text-decoration: none;
 809 }
 810
 811 table#typo3-tree tr td {
 812         white-space: nowrap;
 813 }
 814
 815 table#typo3-tree tr td img {
 816         vertical-align: middle;
 817 }
 818
 819 table#typo3-tree tr td img.c-recIcon {
 820         margin-right: 1px;
 821 }
 822
 823 table#typo3-tree {
 824         margin-bottom: 10px;
 825         width: 95%;
 826 }
 827
 828 P.c-refresh img {
 829         vertical-align: middle;
 830         margin-right: 7px;
 831 }
 832
 833 body#typo3-alt-db-navframe-php div.c-notice {
 834         border: 1px solid black;
 835         padding: 5px 5px 5px 5px;
 836         margin-top: 5px;
 837         margin-bottom: 10px;
 838         width: 95%;
 839 }
 840
 841 .navFrameHL {
 842         background-color: #ebebeb;
 843 }
 844
 845
 846 /* - - - - - - - - - - - - - - - - - - - - -
 847
 848 AJAX Page Tree
 849
 850 - - - - - - - - - - - - - - - - - - - - - */
 851
 852 body#typo3-pagetree,
 853 body#typo3-alt-file-navframe-php {
 854         margin: 0;
 855         padding: 0;
 856 }
 857
 858 ul.tree {
 859         list-style: none;
 860         margin: 0;
 861         padding: 0;
 862         clear: both;
 863 }
 864
 865 ul.tree A {
 866         text-decoration: none;
 867 }
 868
 869 ul.tree A.pm {
 870         cursor: pointer;
 871 }
 872
 873 ul.tree img {
 874         vertical-align: middle;
 875 }
 876
 877 ul.tree ul {
 878         list-style: none;
 879         margin: 0;
 880         padding: 0;
 881         padding-left: 17px;
 882 }
 883
 884 ul.tree ul li {
 885         list-style: none;
 886         margin: 0;
 887         padding: 0;
 888         line-height: 10px;
 889         white-space: nowrap;
 890 }
 891
 892 ul.tree ul li.expanded ul {
 893         background: transparent url('gfx/ol/line.gif') repeat-y top left;
 894 }
 895
 896 ul.tree ul li.last > ul {
 897         background: none;
 898 }
 899
 900 ul.tree li.active, ul.tree ul li.active {
 901         background-color: #ebebeb !important;
 902 }
 903
 904 ul.tree li.active ul, ul.tree ul li.active ul {
 905         background-color: #f7f3ef;
 906 }
 907
 908 #dragIcon {
 909         z-index: 1;
 910         position: absolute;
 911         visibility: hidden;
 912         filter: alpha(opacity=50);
 913         -moz-opacity: 0.5;
 914         opacity: 0.5;
 915         white-space: nowrap;
 916         z-index: 20;
 917 }
 918
 919 #treeFilterBox {
 920         position: absolute;
 921         z-index: 3;
 922         top: 22px;
 923         width: 260px;
 924         height: 27px;
 925         background-repeat: no-repeat;
 926         background-position:  2px -2px;
 927         background-image: url('gfx/filter_bg.gif');
 928 }
 929
 930 #searchBubble {
 931         padding-left: 10px;
 932 }
 933
 934 #treeFilter {
 935         font-size: 11px;
 936         height: 16px;
 937         width: 165px;
 938         margin: 6px 0pt 0pt 19px !important;
 939         border: 0px;
 940         background: transparent;
 941 }
 942
 943 #treeFilterReset {
 944         border: 0;
 945         position: absolute;
 946         top: 6px;
 947         left: 194px;
 948         cursor: pointer;
 949         visibility: hidden;
 950 }
 951
 952 #typo3-pagetree #typo3-docheader img,
 953 #typo3-alt-file-navframe-php #typo3-docheader img {
 954         margin: 2px 1px;
 955 }
 956
 957 #treeRoot {
 958         margin-top: 6px;
 959 }
 960
 961
 962 /* - - - - - - - - - - - - - - - - - - - - -
 963
 964 TCEforms
 965
 966 - - - - - - - - - - - - - - - - - - - - - */
 967
 968 table.typo3-TCEforms {
 969         width: 93%;
 970         border-collapse: collapse;
 971 }
 972
 973 table.typo3-TCEforms span.typo3-TCEforms-recHeader {
 974         font-weight: bold;
 975         color: #333366;
 976 }
 977
 978 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow,
 979 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
 980         border: 0;
 981 }
 982
 983 table.typo3-TCEforms span.typo3-TCEforms-newToken {
 984         font-weight: bold;
 985         color: #990000;
 986 }
 987
 988 table.typo3-TCEforms span.typo3-TCEforms-helpText {
 989         color: #666;
 990 }
 991
 992 table.typo3-TCEforms OPTGROUP.c-divider,
 993 select option.c-divider {
 994         font-style: italic;
 995         color: #666;
 996         background-color: #eee;
 997         text-transform: uppercase;
 998         margin-top: 10px;
 999         padding: 0px;
1000         border-top: 1px solid #666;
1001 }
1002
1003 table.typo3-TCEforms OPTGROUP OPTION {
1004         font-style: normal;
1005         color: black;
1006         background-color: white;
1007         text-transform: none;
1008         border-bottom: none;
1009         padding: 2px;
1010         margin: 0px;
1011         text-indent: 0px;
1012 }
1013
1014 table.typo3-TCEforms select.icon-select option {
1015         padding-left: 22px;
1016 }
1017
1018 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
1019         background-color: #c5c1b5;
1020 }
1021
1022 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
1023         background-color: #ff6600;
1024 }
1025
1026 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
1027         border-bottom: 1px #999 dashed;
1028         padding: 1px 3px 1px 3px;
1029 }
1030
1031 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
1032         padding-right: 30px;
1033 }
1034
1035 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell P.c-descr {
1036         margin-left: 30px;
1037         font-style: italic;
1038 }
1039
1040 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
1041         font-weight: bold;
1042         padding-top: 10px;
1043         border-bottom: none;
1044 }
1045
1046 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox {
1047         margin-top: 4px;
1048         margin-bottom: 10px;
1049 }
1050
1051 table.typo3-TCEforms table.typo3-TCEforms-select-singlebox {
1052         margin-top: 4px;
1053         margin-bottom: 10px;
1054 }
1055
1056 table.typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
1057         background-color: #bbccbb;
1058 }
1059
1060 table.typo3-TCEforms div.typo3-TCEforms-diffBox {
1061         background-color: white;
1062         border: 1px solid black;
1063 }
1064
1065 table.typo3-TCEforms div.typo3-TCEforms-diffBox-header {
1066         background-color: red;
1067         font-weight: bold;
1068 }
1069
1070 table.typo3-TCEforms div.typo3-dyntabmenu-tabs {
1071         margin-top: 10px;
1072 }
1073
1074
1075 /* - - - - - - - - - - - - - - - - - - - - -
1076
1077 TCEforms Inline-Relational-Record-Editing
1078
1079 - - - - - - - - - - - - - - - - - - - - - */
1080
1081 .typo3-TCEforms div.inlineDivMSIE {
1082         display: inline-block;
1083 }
1084
1085 /* Element Browser / RTE link selection: */
1086
1087 table#typo3-curUrl {
1088         font-weight: bold;
1089         width: 100%;
1090         margin-bottom: 2px;
1091 }
1092
1093 table#typo3-RTElinkMenu tr td {
1094         text-align: center;
1095         white-space: nowrap;
1096         width: 15%;
1097         font-weight: bold;
1098 }
1099
1100 table#typo3-linkTarget {
1101         margin-bottom: 25px;
1102 }
1103
1104 table#typo3-linkPages tr td.c-wCell,
1105 table#typo3-linkFiles tr td.c-wCell,
1106 table#typo3-EBrecords tr td.c-wCell,
1107 table#typo3-EBfiles tr td.c-wCell {
1108         padding-right: 5px;
1109         white-space: nowrap;
1110 }
1111
1112 body#typo3-browse-links-php img,
1113 body#ext-rte-app-rte-select-image-php img {
1114         vertical-align: middle;
1115 }
1116
1117 body#typo3-browse-links-php img.c-blinkArrowL {
1118         margin: 0px 3px 0px 3px;
1119 }
1120
1121 table#typo3-linkMail,
1122 table#typo3-linkURL,
1123 table#typo3-linkTarget {
1124         margin-top: 5px;
1125 }
1126
1127 body#typo3-browse-links-php H3.bgColor5 {
1128         margin-top: 2px;
1129 }
1130
1131 body#typo3-browse-links-php A {
1132         text-decoration: none;
1133 }
1134
1135 table#typo3-msgBox {
1136         margin-top: 10px;
1137         margin-bottom: 10px;
1138 }
1139
1140 table#typo3-msgBox tr td {
1141         padding: 10px 50px 10px 50px;
1142 }
1143
1144
1145 /* - - - - - - - - - - - - - - - - - - - - -
1146
1147 RTE select image
1148
1149 - - - - - - - - - - - - - - - - - - - - - */
1150
1151 body#ext-rte-app-rte-select-image-php A {
1152         text-decoration: none;
1153 }
1154
1155 body#ext-rte-app-rte-select-image-php table tr td table tr.bgColor4 td a {
1156         text-decoration: underline;
1157 }
1158
1159
1160 /* - - - - - - - - - - - - - - - - - - - - -
1161
1162 Palette display for TCEforms (top frame, alt_palette.php)
1163
1164 - - - - - - - - - - - - - - - - - - - - - */
1165
1166 body#typo3-alt-palette-php {
1167         background-image: url(gfx/alt_topmenu_back_full.gif);
1168         margin-top: 8px;
1169         margin-left: 6px;
1170 }
1171
1172 table#typo3-TCEforms-palette td {
1173         white-space: nowrap;
1174         vertical-align: top;
1175 }
1176
1177 table#typo3-TCEforms-palette tr td.c-label {
1178         padding-top: 3px;
1179 }
1180
1181 table#typo3-TCEforms-palette tr td.c-close {
1182         padding-top: 3px;
1183 }
1184
1185
1186 /* - - - - - - - - - - - - - - - - - - - - -
1187
1188 Context Sensitive Help window (view_help.php)
1189
1190 - - - - - - - - - - - - - - - - - - - - - */
1191
1192 div.typo3-view-help {
1193         margin-top: 6px;
1194         margin-left: 3px;
1195         width: 95%;
1196 }
1197
1198 div.typo3-view-help img.c-inlineimg {
1199         border: 1px solid black;
1200         margin-top: 5px;
1201         margin-bottom: 3px;
1202 }
1203
1204 div.typo3-view-help H2 {
1205         font-size: 16px;
1206         text-align: left;
1207         margin: 20px 0px 10px 0px;
1208         padding: 3px 3px 3px 3px;
1209 }
1210
1211 div.typo3-view-help H3 {
1212         background-color: #ABBBB4;
1213         margin-top: 0px;
1214 }
1215
1216 div.typo3-view-help H4 {
1217         margin-top: 15px;
1218         border-bottom: 1px black solid;
1219 }
1220
1221 div.typo3-view-help div.c-toc {
1222         border: 1px solid black;
1223         background-color: #D9D5C9;
1224 }
1225
1226 div.typo3-view-help div.c-toc ul li {
1227         font-size: 11px;
1228         font-weight: bold;
1229         margin-top: 10px;
1230 }
1231
1232 div.typo3-view-help div.c-toc ul li ul li {
1233         font-size: 12px;
1234         font-weight: normal;
1235         margin-top: 0px;
1236 }
1237
1238 div.typo3-view-help P.c-nav {
1239         padding: 6px 0px 0px 0px;
1240 }
1241
1242 div.typo3-view-help P.c-nav A {
1243         background-color: #E7DBA8;
1244         font-weight: bold;
1245         padding: 2px 2px 2px 2px;
1246 }
1247
1248 div.typo3-view-help A.glossary-term {
1249         color: maroon;
1250         font-style: italic;
1251 }
1252
1253
1254 /* - - - - - - - - - - - - - - - - - - - - -
1255
1256 Shortcut frame (alt_shortcut.php)
1257
1258 - - - - - - - - - - - - - - - - - - - - - */
1259
1260 body#typo3-alt-shortcut-php {
1261         border-top: #9BA1A8 1px solid;
1262         margin: 0px 0px 0px 0px;
1263         padding: 2px 0px 0px 5px;
1264 }
1265
1266
1267 /* - - - - - - - - - - - - - - - - - - - - -
1268
1269 Document, listing recently edited records if no records were open
1270 (alt_doc_nodoc.php) - this is effectively the Doc module
1271
1272 - - - - - - - - - - - - - - - - - - - - - */
1273
1274 table.typo3-recent-edited {
1275         width: 100%;
1276 }
1277
1278 table.typo3-recent-edited img.c-recicon {
1279         margin-right: 5px;
1280         vertical-align: middle;
1281 }
1282
1283 table.typo3-recent-edited td {
1284         white-space: nowrap;
1285 }
1286
1287 body#typo3-alt-doc-nodoc-php p img {
1288         vertical-align: middle;
1289         margin-left: 5px;
1290 }
1291
1292 body#typo3-alt-doc-nodoc-php {
1293         margin-left: 5px;
1294 }
1295
1296
1297 /* - - - - - - - - - - - - - - - - - - - - -
1298
1299 Record editing (alt_doc.php)
1300
1301 - - - - - - - - - - - - - - - - - - - - - */
1302
1303 div#typo3-docheader {
1304         top: 0;
1305         left: 0;
1306         z-index: 5;
1307         min-width: 260px;
1308 }
1309
1310 #typo3-pagetree #typo3-docheader,
1311 #typo3-alt-file-navframe-php #typo3-docheader {
1312         min-width: 0px;
1313 }
1314
1315 div#typo3-docheader-row1 {
1316         height: 22px;
1317         background: #cbc7c3;
1318 }
1319
1320 div#typo3-docheader-row2 {
1321         background: #e4e0db;
1322         padding-top: 6px;
1323         height: 21px;
1324         line-height: 27px;
1325         border-bottom: 1px solid #000;
1326 }
1327 div.docheader-row2-left {
1328         margin-top: -3px;
1329 }
1330 div.docheader-row2-left div.docheader-funcmenu {
1331         padding-right: 4px;
1332         float: left;
1333 }
1334 div.docheader-row2-left div.docheader-csh {
1335         padding-top: 3px;
1336         float: left;
1337 }
1338 div#typo3-docheader div.buttonsleft {
1339         margin: 0 0 0 3px;
1340         line-height: 16px;
1341         float: left;
1342 }
1343
1344 div#typo3-docheader div.buttonsright {
1345         margin: 0 3px 0 0;
1346         line-height: 16px;
1347         float: right;
1348 }
1349
1350 div#typo3-docheader img, div#typo3-docheader input {
1351         margin: 2px 3px 0;
1352         vertical-align: top;
1353 }
1354
1355 div#typo3-docheader img.typo3-csh-icon {
1356         margin: 2px 2px 0 2px;
1357 }
1358
1359 div#typo3-docheader-row2 img {
1360         margin-top: -1px !important;
1361 }
1362
1363 div#typo3-docheader-row2 div {
1364         line-height: normal;
1365 }
1366
1367 div#typo3-docheader select {
1368         margin: 1px 0 0;
1369 }
1370
1371 div#typo3-docheader div.docheader-row2-left {
1372         margin-left: 6px;
1373         float: left;
1374 }
1375
1376 div#typo3-docheader div.docheader-row2-right {
1377         margin-right: 6px;
1378         float: right;
1379 }
1380
1381 div#typo3-docbody {
1382         width: 100%;
1383         overflow: auto;
1384         top: 51px;
1385         bottom: 0;
1386         position: absolute;
1387         z-index: 2;
1388 }
1389
1390 div#typo3-inner-docbody {
1391         padding: 10px 0 10px 10px;
1392 }
1393
1394 /* Fix for IE 6 */
1395 * html div#typo3-inner-docbody {
1396         width:95%;
1397 }
1398
1399 /* Fix for IE 7 */
1400 * + html div#typo3-inner-docbody {
1401         width:95%;
1402 }
1403
1404 * html div#typo3-docbody {
1405         height: 90%;
1406         top: 51px;
1407         padding-top: 0;
1408         padding-bottom: 0;
1409 }
1410
1411 * html div#typo3-docbody table.typo3-TCEforms {
1412         margin-top: 20px;
1413 }
1414
1415 div#typo3-docheader div.buttonsleft div.buttongroup {
1416         height: 20px;
1417         float: left;
1418         padding-right: 20px;
1419         border-right: 1px dashed #ccc;
1420         margin-right: 5px;
1421 }
1422
1423 div#typo3-docheader div.buttonsright div.buttongroup {
1424         height: 20px;
1425         float: left;
1426         padding-left: 20px;
1427         border-left: 1px dashed #ccc;
1428         margin-left: 5px;
1429 }
1430
1431
1432 div#typo3-docheader div.no-border div.buttongroup {
1433         border: 0px;
1434 }
1435
1436 /* - - - - - - - - - - - - - - - - - - - - -
1437
1438 Login Screen
1439
1440          * Warning:
1441          * DO NOT prevent the copyright notice from being shown!
1442          * According to the GPL license an interactive application must show such a notice on start-up ('If the program is interactive, make it output a short notice... ' - see GPL.txt)
1443          * Therefore preventing this notice from being properly shown is a violation of the license, regardless of whether you remove it or use the stylesheet to obstruct the display.
1444
1445          Color set: #A69E8D / #858585
1446
1447 - - - - - - - - - - - - - - - - - - - - - */
1448
1449 body#typo3-index-php {
1450         background-color: white;
1451         margin: 0;
1452         padding: 0;
1453 }
1454
1455 body#typo3-index-php table#wrapper {
1456         width: 100%;
1457         margin-top: 30px;
1458 }
1459
1460 body#typo3-index-php table#loginwrapper {
1461         width: 100%;
1462         background-color: #CE0F27;
1463         text-align: left;
1464 }
1465
1466 body#typo3-index-php div#copyrightnotice {
1467         width: 70%;
1468         text-align: left;
1469         margin-top: 10px;
1470 }
1471
1472 body#typo3-index-php div#copyrightnotice img {
1473         margin-right: 5px;
1474         margin-bottom: 5px;
1475 }
1476
1477 body#typo3-index-php div#loginimage {
1478         text-align: right;
1479         padding-right: 30px;
1480         margin-bottom: 5px;
1481         height: 43px;
1482 }
1483
1484 table#logintable {
1485         position: absolute;
1486         left: 35%;
1487         top: 78px;
1488         margin: 5px 20px 5px 20px;
1489 }
1490
1491 table#logintable tr td {
1492         padding: 1px 1px 1px 1px;
1493 }
1494
1495 table#logintable H2 {
1496         background-color: transparent;
1497         font-size: 14px;
1498         color: white;
1499         text-align: left;
1500 }
1501
1502 table#logintable P,
1503 table#logintable label {
1504         font-size: 12px;
1505         color: white;
1506         font-weight: bold;
1507 }
1508
1509 table#logintable P.c-info {
1510         font-size: 10px;
1511         font-weight: normal;
1512 }
1513
1514 table#logintable P.c-wrong {
1515         font-size: 10px;
1516         width: 300px;
1517         border: #858585 solid 1px;
1518         margin: 5px 0px 5px 0px;
1519         padding: 5px 15px 5px 15px;
1520 }
1521
1522 table#logintable input.c-username,
1523 table#logintable input.c-password,
1524 table#logintable select.c-interfaceselector {
1525         width: 150px;
1526 }
1527
1528 table#logintable input {
1529         border: #858585 solid 1px;
1530         background-color: white;
1531 }
1532
1533 /* Fix height if an error message is displayed */
1534
1535 body#typo3-index-php table#loginwrapper td.error {
1536         padding: 25px 0 25px 0;
1537 }
1538
1539 h2#loginNewsTitle {
1540         width: 70%;
1541         background-color: #F69220;
1542         color: #000;
1543         padding: 2px 0 0 4px;
1544 }
1545
1546 dl#loginNews {
1547         width: 70%;
1548         text-align: left;
1549         margin-bottom: 20px;
1550 }
1551
1552 dl#loginNews dt {
1553         font-weight: bold;
1554         font-size: 14px;
1555 }
1556
1557 dl#loginNews dt span {
1558         font-weight: normal;
1559         font-size: 10px;
1560         padding-left: 16px;
1561         margin-bottom: 4px;
1562 }
1563
1564 dl#loginNews dd {
1565         border-left: 2px solid #F69220;
1566         padding-left: 10px;
1567         font-size: 12px;
1568         margin-bottom: 12px;
1569 }
1570
1571
1572 /* - - - - - - - - - - - - - - - - - - - - -
1573
1574 Wizards
1575
1576 - - - - - - - - - - - - - - - - - - - - - */
1577
1578 body#typo3-wizard-tsconfig-php {
1579         margin-left: 5px;
1580 }
1581
1582 table#typo3-tablewizard span.c-wizButtonsH input {
1583         margin-right: 2px;
1584         vertical-align: middle;
1585 }
1586
1587 table#typo3-tablewizard span.c-wizButtonsV input {
1588         margin-right: 2px;
1589         vertical-align: middle;
1590 }
1591
1592 table#typo3-formwizard span.c-wizButtonsV input {
1593         margin-bottom: 2px;
1594 }
1595
1596 input.c-inputButton, img.c-inputButton {
1597         margin-right: 2px;
1598         vertical-align: middle;
1599 }
1600
1601 div#c-saveButtonPanel, div#c-inputMode {
1602         margin-top: 10px;
1603 }
1604
1605 table#typo3-formwizard tr#typo3-formWizardHeader td {
1606         font-weight: bold;
1607         text-align: center;
1608 }
1609
1610 table#typo3-formwizard tr td {
1611         padding: 0px 2px 0px 2px;
1612 }
1613
1614 body#typo3-wizard-rte-php,
1615 body#typo3-wizard-rte-php table#typo3-rtewizard {
1616         height: 98%;
1617 }
1618
1619 body#typo3-wizard-rte-php table#typo3-rtewizard tr td#c-formContent {
1620         height: 100%;
1621         vertical-align: top;
1622 }
1623
1624 body#typo3-wizard-colorpicker-php p.c-head {
1625         font-weight: bold;
1626         margin-top: 4px;
1627 }
1628
1629
1630 /* - - - - - - - - - - - - - - - - - - - - -
1631
1632 History / Undo
1633
1634 - - - - - - - - - - - - - - - - - - - - - */
1635
1636 table#typo3-history tr td,
1637 table#typo3-history-item tr td {
1638         vertical-align: top;
1639 }
1640
1641 table#typo3-history tr.c-head td,
1642 table#typo3-history-item tr.c-head td {
1643         font-weight: bold;
1644 }
1645
1646 table#typo3-history img,
1647 table#typo3-history-item img {
1648         margin: 1px 1px 1px 1px;
1649 }
1650
1651
1652 /* - - - - - - - - - - - - - - - - - - - - -
1653
1654 Move Element
1655
1656 - - - - - - - - - - - - - - - - - - - - - */
1657
1658 body#typo3-move-el-php img {
1659         vertical-align: middle;
1660 }
1661
1662 body#typo3-move-el-php table#typo3-ttContentList img,
1663 body#typo3-move-el-php img#c-recIcon {
1664         margin-right: 4px;
1665 }
1666
1667
1668 /* - - - - - - - - - - - - - - - - - - - - -
1669
1670 File scripts
1671
1672 - - - - - - - - - - - - - - - - - - - - - */
1673
1674 body#typo3-file-upload-php div#c-submit,
1675 body#typo3-file-upload-php div#c-upload,
1676 body#typo3-file-upload-php div#c-override,
1677 body#typo3-file-upload-php div#c-select {
1678         margin-top: 10px;
1679 }
1680
1681 body#typo3-file-rename-php div#c-submit,
1682 body#typo3-file-rename-php div#c-rename {
1683         margin-top: 10px;
1684 }
1685
1686 body#typo3-file-newfolder-php div#c-select,
1687 body#typo3-file-newfolder-php div#c-createFolders,
1688 body#typo3-file-newfolder-php div#c-submitFolders,
1689 body#typo3-file-newfolder-php div#c-newFile,
1690 body#typo3-file-newfolder-php div#c-submitFiles {
1691         margin-top: 10px;
1692 }
1693
1694 body#typo3-file-edit-php div#c-submit,
1695 body#typo3-file-edit-php div#c-edit {
1696         margin-top: 10px;
1697 }
1698
1699
1700 /* - - - - - - - - - - - - - - - - - - - - -
1701
1702 Docheader
1703
1704 - - - - - - - - - - - - - - - - - - - - - */
1705
1706 span.typo3-docheader-pagePath {
1707         font-weight: bold;
1708 }
1709
1710 span.typo3-docheader-pagePath abbr {
1711         border-bottom: none;
1712 }
1713
1714 /* - - - - - - - - - - - - - - - - - - - - -
1715
1716 Web > Page
1717
1718 - - - - - - - - - - - - - - - - - - - - - */
1719
1720 table.typo3-page-ceHeader {
1721         width: 100%;
1722 }
1723
1724 table.typo3-page-ceHeader img {
1725         vertical-align: middle;
1726 }
1727
1728 table.typo3-page-columnsMode img.c-divider {
1729         margin: 10px 0px 5px 0px;
1730 }
1731
1732 table.typo3-page-columnsMode tr td a {
1733         text-decoration: none;
1734 }
1735
1736 table.typo3-page-columnsMode tr td a b {
1737         text-decoration: underline;
1738 }
1739
1740 table.typo3-page-cols tr td span.exampleContent a {
1741         text-decoration: none;
1742 }
1743
1744 table#typo3-page-stdlist tr td.c-headLine {
1745         background-color: #ABBBB4;
1746 }
1747
1748
1749 /* - - - - - - - - - - - - - - - - - - - - -
1750
1751 Web > List
1752
1753 - - - - - - - - - - - - - - - - - - - - - */
1754
1755 table.typo3-dblist {
1756         width: 98%;
1757 }
1758
1759 table.typo3-dblist img {
1760         vertical-align: middle;
1761 }
1762
1763 table.typo3-dblist tr td {
1764         padding-left: 1px;
1765         padding-right: 6px;
1766 }
1767
1768 table.typo3-dblist tr td.db_list_alt {
1769         background-color: #E3DFD3;
1770 }
1771
1772 table.typo3-dblist tr td.c-headLineTable,
1773 table.typo3-dblist tr.c-headLineTable td {
1774         background-color: #ccc;
1775         height: 16px;
1776 }
1777
1778 table.typo3-dblist tr td.c-headLine,
1779 table.typo3-dblist tr.c-headLine td {
1780         background-color: #eee;
1781 }
1782
1783 table.typo3-dblist tr td.c-headLineTable a,
1784 table.typo3-dblist tr.c-headLineTable td a {
1785         text-decoration: none;
1786         font-weight: bold;
1787 }
1788
1789 table.typo3-dblist tr td div.typo3-DBctrl {
1790         background-color: #C5C1B5;
1791         min-width: 252px;
1792         height: 16px;
1793 }
1794
1795 * html table.typo3-dblist tr td div.typo3-DBctrl {
1796         width: 252px;
1797 }
1798
1799 table.typo3-dblist tr td div.typo3-clipCtrl {
1800         background-color: #ABBBB4;
1801         text-align: center;
1802         min-width: 72px;
1803         height: 16px;
1804 }
1805
1806 * html table.typo3-dblist tr td div.typo3-clipCtrl {
1807         width: 72px;
1808 }
1809
1810 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning {
1811         display: block;
1812         width: 16px;
1813         height: 16px;
1814         margin: 0px 1px;
1815         text-align: center;
1816         line-height: 16px;
1817         float: left;
1818         font-weight: bold;
1819 }
1820 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-multipleVersions {
1821         background-color: #FFFF00;
1822 }
1823 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion {
1824         background-color: #9999cc;
1825 }
1826 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-hidden {
1827         visibility: hidden;
1828 }
1829
1830 table.typo3-dblist tr td div.typo3-clipCtrl img,
1831 table.typo3-dblist tr td div.typo3-DBctrl img {
1832         margin-left: 1px;
1833         margin-right: 1px;
1834         float: left;
1835 }
1836
1837 table.typo3-dblist tr:hover,
1838 table.typo3-dblist tr:hover td {
1839         background-color: #ebebeb;
1840 }
1841
1842 table.typo3-dblist tr td.col-icon {
1843         width: 40px;
1844 }
1845
1846 table.typo3-dblist tr td.col-icon a {
1847         width: 40px;
1848         display: block;
1849 }
1850
1851 table.typo3-dblist tr td.col-icon a img.collapseIcon {
1852         margin-left: 2px;
1853 }
1854
1855 table.typo3-dblist tr td.col-title {
1856         width: 240px;
1857         overflow: hidden;
1858 }
1859
1860 table.typo3-dblist tr.c-headLine td.col-title a {
1861         width: 240px;
1862         display: block;
1863         font-weight: bold;
1864 }
1865
1866 table.typo3-dblist tr td.col-control {
1867         width: 250px;
1868         text-align: left;
1869 }
1870
1871 table.typo3-dblist tr td.col-control-space {
1872         width: 4px;
1873 }
1874
1875 table.typo3-dblist tr.c-headLine td.col-control a{
1876         width: 250px;
1877         display: block;
1878 }
1879
1880 table.typo3-dblist tr td.col-clipboard {
1881         width: 74px;
1882         text-align: left;
1883 }
1884
1885 table#typo3-dblist-fieldSelect {
1886         margin-top: 20px;
1887 }
1888
1889 table.typo3-dblist-overview {
1890         width: 410px;
1891         margin-top: 10px;
1892         margin-left: 1px;
1893 }
1894
1895 table.typo3-dblist-overview td.c-tableDescription {
1896         padding-left: 10px;
1897         font-style: italic;
1898         color: #333;
1899 }
1900
1901 table.typo3-dblist-overview td.c-tableDescription img {
1902         margin-right: 10px;
1903 }
1904
1905 table#typo3-versionSelector {
1906         background-color: #ABBBB4;
1907         margin-top: 5px;
1908         margin-bottom: 5px;
1909 }
1910
1911 table#typo3-versionSelector td {
1912         padding-left: 2px;
1913         padding-right: 2px;
1914 }
1915
1916 div#typo3-newRecordLink,
1917 div.typo3-newRecordLink,
1918 div.typo3-localizationLink,
1919 div.typo3-synchronizationLink {
1920         margin: 5px 0px 5px 0px;
1921         font-weight: bold;
1922 }
1923
1924 div#typo3-newRecordLink img,
1925 div.typo3-newRecordLink img,
1926 div.typo3-localizationLink img,
1927 div.typo3-synchronizationLink img {
1928         margin-right: 5px;
1929         vertical-align: middle;
1930 }
1931
1932 input.smallCheckboxes {
1933         vertical-align: middle;
1934         margin: 0px;
1935         padding: 0px;
1936         width: 12px;
1937         height: 12px;
1938 }
1939
1940 div#typo3-listOptions {
1941         margin: 10px 0px 10px 0px;
1942         width: 93%;
1943 }
1944
1945 div#typo3-dblist-pagination {
1946         padding: 5px 0;
1947         white-space: nowrap;
1948 }
1949 div#typo3-dblist-pagination img, div#typo3-dblist-pagination span.pageIndicator {
1950         margin-right: 6px;
1951 }
1952 div#typo3-dblist-pagination img {
1953         vertical-align: bottom;
1954         padding-bottom: 2px;
1955 }
1956 div#typo3-dblist-pagination span.bar {
1957         border-left: 1px solid #5485c3;
1958         padding: 0 2px;
1959 }
1960
1961
1962
1963 /* - - - - - - - - - - - - - - - - - - - - -
1964
1965 Web > Template
1966
1967 - - - - - - - - - - - - - - - - - - - - - */
1968
1969 .typo3-tstemplate-ceditor-control {
1970         margin-right: 3px;
1971         vertical-align: bottom;
1972         cursor: pointer;
1973 }
1974
1975 div.typo3-tstemplate-ceditor-row {
1976         margin-top: 2px;
1977         padding: 3px;
1978 }
1979
1980 div.typo3-tstemplate-ceditor-colorblock {
1981         display: -moz-inline-box;
1982         display: inline-block;
1983         margin-left: 5px;
1984         width: 50px;
1985 }
1986
1987 * html div.typo3-tstemplate-ceditor-colorblock {
1988         display: inline;
1989 }
1990
1991 /* IE 6 Fix */
1992
1993 * + html div.typo3-tstemplate-ceditor-colorblock {
1994         display: inline;
1995 }
1996
1997 /* IE 7 Fix */
1998
1999 dl.typo3-tstemplate-ceditor-constant {
2000         margin: 0px 0px 20px 10px
2001 }
2002
2003 dl.typo3-tstemplate-ceditor-constant dd {
2004         margin-left: 0px;
2005 }
2006
2007 dl.typo3-tstemplate-ceditor-constant dt {
2008         display: inline;
2009         margin-right: 5px;
2010 }
2011
2012 dt.typo3-tstemplate-ceditor-label {
2013         font-size: 11px;
2014         font-weight: bold;
2015 }
2016
2017
2018 /* - - - - - - - - - - - - - - - - - - - - -
2019
2020 File > List
2021
2022 - - - - - - - - - - - - - - - - - - - - - */
2023
2024 table#typo3-filelist {
2025         margin-top: 10px;
2026         width: 98%;
2027 }
2028
2029 table#typo3-filelist img {
2030         vertical-align: middle;
2031 }
2032
2033 table#typo3-filelist tr td {
2034         padding: 3px;
2035 }
2036
2037 table#typo3-filelist tr.c-headLine td {
2038         background-color: #ccc;
2039         font-weight: bold;
2040         height: 16px;
2041 }
2042
2043 table#typo3-filelist tr td div.typo3-clipCtrl {
2044         background-color: #abbbb4;
2045         text-align: center;
2046 }
2047
2048
2049 /* - - - - - - - - - - - - - - - - - - - - -
2050
2051 Clipboard
2052
2053 - - - - - - - - - - - - - - - - - - - - - */
2054
2055 table#typo3-clipboard,
2056 div#typo3-newRecordLink,
2057 table#typo3-dblist-search {
2058         margin-top: 10px;
2059 }
2060
2061 table#typo3-clipboard tr.bgColor5 td A {
2062         text-decoration: none;
2063 }
2064
2065 table#typo3-clipboard tr.bgColor5 td img {
2066         vertical-align: middle;
2067 }
2068
2069 tr.typo3-clipboard-head {
2070         background-color: #ccc;
2071 }
2072
2073
2074 /* - - - - - - - - - - - - - - - - - - - - -
2075
2076 Web > Info
2077
2078 - - - - - - - - - - - - - - - - - - - - - */
2079
2080 table.typo3-page-pages tr td.c-headLine {
2081         background-color: #ABBBB4;
2082 }
2083
2084 body#typo3-mod-web-info-index-php img {
2085         vertical-align: middle;
2086 }
2087
2088 table.typo3-page-sysnote tr td {
2089         background-color: #d9d5c9;
2090 }
2091
2092 table.typo3-page-sysnote tr td.c-headLine {
2093         background-color: #c5c1b5;
2094 }
2095
2096
2097 /* - - - - - - - - - - - - - - - - - - - - -
2098
2099 Web > Access
2100
2101 - - - - - - - - - - - - - - - - - - - - - */
2102
2103 table#typo3-permissionList img {
2104         vertical-align: middle;
2105 }
2106
2107 table#typo3-permissionMatrix td {
2108         text-align: center;
2109         width: 16%;
2110 }
2111
2112 table#typo3-permissionMatrix td.bgColor2 {
2113         font-weight: bold;
2114         padding-left: 10px;
2115         padding-right: 10px;
2116 }
2117
2118
2119 /* - - - - - - - - - - - - - - - - - - - - -
2120
2121 Help > About
2122
2123 - - - - - - - - - - - - - - - - - - - - - */
2124
2125 #typo3-mod-help-about-index-php-outer {
2126         margin: 0px auto;
2127         width: 350px;
2128         text-align: center;
2129 }
2130
2131 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner {
2132         margin: 10px auto;
2133         border: 1px solid black;
2134         background: #eaeaea;
2135         padding: 5px;
2136         text-align: left;
2137 }
2138
2139 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner h2 {
2140         margin-top: 0;
2141 }
2142
2143 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner h3 {
2144         margin-top: 10px;
2145         margin-bottom: 10px;
2146         background-color: transparent;
2147         font-size: 14px;
2148         text-align: center;
2149 }
2150
2151 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner a {
2152         color: black;
2153         text-decoration: underline;
2154 }
2155
2156 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner a:hover {
2157         text-decoration: none;
2158 }
2159
2160
2161 /* - - - - - - - - - - - - - - - - - - - - -
2162
2163 New Element
2164
2165 - - - - - - - - - - - - - - - - - - - - - */
2166
2167 body#typo3-db-new-php img {
2168         vertical-align: middle;
2169 }
2170
2171 body#typo3-db-new-php a img {
2172         margin-right: 5px;
2173 }
2174
2175 body#typo3-db-new-php a {
2176         text-decoration: none;
2177 }
2178
2179 body#typo3-db-new-php img.c-helpImg {
2180         margin-left: 20px;
2181         text-align: right;
2182 }
2183
2184 body#typo3-db-new-php div#typo3-newPageLink {
2185         margin-top: 20px;
2186 }
2187
2188 body#typo3-db-new-php  table#typo3-newRecord tr td {
2189         padding-right: 20px;
2190 }
2191
2192
2193 /* - - - - - - - - - - - - - - - - - - - - -
2194
2195 Tools > Extension Manager
2196
2197 - - - - - - - - - - - - - - - - - - - - - */
2198
2199 body#typo3-mod-tools-em-index-php .em-listbg1 {
2200         background-color: #d9d5c9;
2201 }
2202
2203 body#typo3-mod-tools-em-index-php .em-listbg2 {
2204         background-color: #e9e5e9;
2205 }
2206
2207 body#typo3-mod-tools-em-index-php .em-listbg3 {
2208         background-color: #efefef;
2209 }
2210
2211 body#typo3-mod-tools-em-index-php tr.bgColor5 td {
2212         font-weight: bold;
2213 }
2214
2215 body#typo3-mod-tools-em-index-php tr.unsupported-ext {
2216         background-color: #ffdddd;
2217 }
2218
2219 body#typo3-mod-tools-em-index-php tr.unsupported-ext td {
2220         color: #ff0000;
2221 }
2222
2223 body#typo3-mod-tools-em-index-php tr.unsupported-ext td a {
2224         color: #ff0000;
2225 }
2226
2227 body#typo3-mod-tools-em-index-php tr td.extstate {
2228         color: #fff;
2229         font-weight: bold;
2230         text-align: center;
2231 }
2232
2233
2234 /* - - - - - - - - - - - - - - - - - - - - -
2235
2236 User > Task Center
2237
2238 - - - - - - - - - - - - - - - - - - - - - */
2239
2240 #ext-taskcenter-task-index-php {
2241         height: 95%;
2242 }
2243
2244
2245 /* - - - - - - - - - - - - - - - - - - - - -
2246
2247 Admin Tools > User Admin
2248
2249 - - - - - - - - - - - - - - - - - - - - - */
2250
2251 #ext-beuser-mod-index-php a {
2252         display: inline-block;
2253 }
2254
2255
2256 /* - - - - - - - - - - - - - - - - - - - - -
2257
2258 Workspace
2259
2260 - - - - - - - - - - - - - - - - - - - - - */
2261
2262 div.workspace-info {
2263         padding: 3px;
2264         margin: -10px 0px 5px -10px;
2265         border-bottom: 1px solid #999;
2266         background-color: #ccccff;
2267 }
2268
2269 .ver-element, ul.tree ul li.ver-element {
2270         background-color: #ccddcc;
2271 }
2272
2273 .ver-page, ul.tree ul li.ver-page {
2274         background-color: #ccccff;
2275 }
2276
2277 .ver-branch, ul.tree ul li.ver-branch {
2278         background-color: #ffcccc;
2279 }
2280
2281 .ver-branchpoint, ul.tree ul li.ver-branchpoint {
2282         background-color: #ff9999;
2283 }
2284
2285 .ver-versions, ul.tree ul li.ver-versions {
2286         background-color: #ffffaa;
2287 }
2288
2289 ul.tree ul li.ver-element ul {
2290         background-color: #f7f3ef;
2291 }
2292
2293 ul.tree ul li.ver-page ul {
2294         background-color: #f7f3ef;
2295 }
2296
2297 ul.tree ul li.ver-branch ul {
2298         background-color: #f7f3ef;
2299 }
2300
2301 ul.tree ul li.ver-branchpoint ul {
2302         background-color: #f7f3ef;
2303 }
2304
2305 ul.tree ul li.ver-versions ul {
2306         background-color: #f7f3ef;
2307 }
2308
2309 table.workspace-overview td {
2310         vertical-align: top;
2311 }
2312
2313 table.ver-subtree A {
2314         text-decoration: none;
2315 }
2316
2317 table.ver-subtree tr td.iconTitle {
2318         white-space: nowrap;
2319 }
2320
2321 table.ver-subtree tr td.diffCell {
2322         white-space: normal;
2323 }
2324
2325 table.ver-subtree table.diffTable {
2326         background-color: white;
2327         border: 1px solid black;
2328 }
2329
2330 table.ver-subtree div.diffLayer,
2331 div.logLayer {
2332         background-color: white;
2333         width: 400px;
2334         border: 1px solid black;
2335 }
2336
2337 table.ver-subtree tr td img {
2338         vertical-align: middle;
2339 }
2340
2341 table.ver-subtree,
2342 table.ver-verElement td.c-diffCell {
2343         border: 1px solid #666;
2344 }
2345
2346 table.ver-verElement {
2347         width: 100%;
2348 }
2349
2350 table.ver-subtree tr.typo3-ver td.iconTitle,
2351 table.ver-subtree tr.typo3-ver td.diffCell,
2352 table.ver-subtree tr.typo3-ver td.cmdCell {
2353         background-color: #c5c1b5;
2354 }
2355
2356 table.ver-subtree tr.typo3-ver-hl td.iconTitle,
2357 table.ver-subtree tr.typo3-ver-hl td.diffCell,
2358 table.ver-subtree tr.typo3-ver-hl td.cmdCell {
2359         background-color: #999;
2360 }
2361
2362 table.ver-subtree tr.typo3-ver-new td {
2363         color: #666;
2364         background-color: #eee;
2365 }
2366
2367 table.ver-subtree tr.typo3-ver-noComp td {
2368         font-style: italic;
2369 }
2370
2371 .ver-wl-table {
2372         border: 1px solid black;
2373 }
2374
2375 .ver-wl-details-table {
2376         border: 1px solid #D9D5C9;
2377 }
2378
2379 .ver-wl-details {
2380         background-color: #E6E2D5;
2381         vertical-align: top;
2382 }
2383
2384 .ver-wl-details-label {
2385         background-color: #E6E2D5;
2386         width: 150px;
2387         white-space: nowrap;
2388         vertical-align: top;
2389 }
2390
2391 .ver-wl-details-user-list-label {
2392         width: 100px;
2393 }
2394
2395 #ver-wl-new-workspace-icon {
2396         margin-right: 5px;
2397         border: none;
2398         float: left;
2399 }
2400
2401 .ver-wl-mp-inacessible {
2402         font-style: italic;
2403         color: #7C7C7C;
2404 }
2405
2406 .ver-wl-current-user {
2407         font-weight: bold;
2408 }
2409
2410
2411 /* - - - - - - - - - - - - - - - - - - - - -
2412
2413 Context Menus
2414
2415 - - - - - - - - - - - - - - - - - - - - - */
2416
2417 div#contentMenu0 {
2418         z-index: 10;
2419         position: absolute;
2420 }
2421
2422 div#contentMenu1 {
2423         z-index: 20;
2424         position: absolute;
2425 }
2426
2427
2428 /* - - - - - - - - - - - - - - - - - - - - -
2429
2430 Dimmed span tag color (disabled)
2431
2432 - - - - - - - - - - - - - - - - - - - - - */
2433
2434 .typo3-dimmed {
2435         color: #666;
2436 }
2437
2438 .c-na {
2439         color: #666;
2440         font-style: italic;
2441 }
2442
2443 .not-found a {
2444         color: #cccccc;
2445 }
2446
2447
2448 /* - - - - - - - - - - - - - - - - - - - - -
2449
2450 Red span tag color (warning, notice)
2451
2452 - - - - - - - - - - - - - - - - - - - - - */
2453
2454 .typo3-red {
2455         color: red;
2456 }
2457
2458 .typo3-red-background {
2459         background-color: red;
2460 }
2461
2462 table.warningbox {
2463         border: solid 2px black;
2464         background-color: yellow;
2465         margin: 20px 0px 20px 0px;
2466 }
2467
2468 table.warningbox td {
2469         padding: 20px 20px 20px 20px;
2470         font-weight: bold;
2471 }
2472
2473 table.warningbox td a {
2474         text-decoration: underline;
2475 }
2476
2477 div.warningbox {
2478         border: solid 2px black;
2479         background-color: yellow;
2480         padding: 10px;
2481         font-weight: bold;
2482         margin: 10px 0px 10px 0px;
2483 }
2484
2485 span.warningboxheader {
2486         margin-left: 5px;
2487 }
2488
2489 /* - - - - - - - - - - - - - - - - - - - - -
2490
2491 Various classes
2492
2493 - - - - - - - - - - - - - - - - - - - - - */
2494
2495 .nobr {
2496         white-space: nowrap;
2497 }
2498
2499 .diff-r {
2500         color: red;
2501 }
2502
2503 .diff-g {
2504         color: green;
2505 }
2506
2507 div.diff-r {
2508         background-color: red;
2509         color: black;
2510         padding: 3px 3px 3px 3px;
2511 }
2512
2513 div.diff-g {
2514         background-color: green;
2515         color: black;
2516         padding: 3px 3px 3px 3px;
2517 }
2518
2519 img.absmiddle {
2520         vertical-align: middle;
2521 }
2522
2523 textarea.fixed-font {
2524         font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
2525         font-size: 11px;
2526 }
2527
2528 .smallCheckboxes {
2529         width: 12px;
2530         height: 12px;
2531         margin: 0px;
2532 }
2533
2534 .uppercase {
2535         text-transform: uppercase;
2536 }
2537
2538 .tableheader td {
2539         font-weight: bold;
2540         padding-left: 2px;
2541         padding-right: 2px;
2542 }
2543
2544 .lrPadding td {
2545         padding-left: 2px;
2546         padding-right: 2px;
2547 }
2548
2549
2550 /* - - - - - - - - - - - - - - - - - - - - -
2551
2552 Permissions, green and red
2553
2554 - - - - - - - - - - - - - - - - - - - - - */
2555
2556 a.perm-allowed,
2557 a.perm-denied,
2558 #perm-legend .perm-allowed,
2559 #perm-legend .perm-denied {
2560         font-size: 0px;
2561         font-weight: bold;
2562         cursor: pointer;
2563
2564         display: block;
2565         float: left;
2566         height: 10px;
2567         width: 10px;
2568         padding: 2px;
2569 }
2570
2571 #perm-legend .perm-allowed,
2572 #perm-legend .perm-denied {
2573         clear: left;
2574         cursor: auto;
2575 }
2576
2577 a.perm-allowed:hover,
2578 a.perm-denied:hover {
2579         background-color: #e3dfdb;
2580 }
2581
2582 a.perm-allowed,
2583 #perm-legend .perm-allowed {
2584         color: green;
2585         background:transparent url('gfx/perm-allowed.gif') no-repeat scroll center;
2586 }
2587
2588 a.perm-denied,
2589 #perm-legend .perm-denied {
2590         color: red;
2591         background:transparent url('gfx/perm-denied.gif') no-repeat scroll center;
2592 }
2593
2594 #perm-legend {
2595         margin-top: 10px;
2596 }
2597
2598 .ug_selector,
2599 .ug_selector a {
2600         text-decoration: underline;
2601         cursor: pointer;
2602 }
2603
2604 .not_set,
2605 .not_set a,
2606 .editlock,
2607 .editlock a {
2608         text-decoration: none;
2609         cursor: pointer;
2610         color: #ccc;
2611 }
2612
2613 .not_set:hover,
2614 .not_set a:hover,
2615 .editlock:hover,
2616 .editlock a:hover {
2617         text-decoration: none;
2618         cursor: pointer;
2619         color: #000;
2620 }
2621
2622 .not_set {
2623         color: #000;
2624         font-style: italic;
2625 }
2626
2627
2628 /* - - - - - - - - - - - - - - - - - - - - -
2629
2630 Go back A-tags
2631
2632 - - - - - - - - - - - - - - - - - - - - - */
2633
2634 a.typo3-goBack {
2635         font-weight: bold;
2636         background-color: #D9D5C9;
2637         padding: 1px 1px 1px 1px;
2638 }
2639
2640 a.typo3-goBack img {
2641         margin-right: 5px;
2642         vertical-align: middle;
2643 }
2644
2645 span.typo3-moduleHeader img {
2646         vertical-align: middle;
2647         margin-right: 4px;
2648 }
2649
2650
2651 /* - - - - - - - - - - - - - - - - - - - - -
2652
2653 Context Sensitive Help (CSH)
2654
2655 - - - - - - - - - - - - - - - - - - - - - */
2656
2657 table.typo3-csh-inline {
2658         border: solid 1px #6f3833;
2659         background-color: #ffffff;
2660         margin: 5px 4px 20px 0px;
2661         padding: 1px 2px 2px 1px;
2662 }
2663
2664 table.typo3-csh-inline tr td h4 {
2665         margin-top: 0px;
2666         margin-bottom: 0px;
2667 }
2668
2669 img.typo3-csh-icon {
2670         vertical-align: middle;
2671         cursor: help;
2672 }
2673
2674 a.typo3-csh-link {
2675         white-space: normal;
2676 }
2677
2678 a.typo3-csh-link span.typo3-csh-inline {
2679         display: none;
2680         position: absolute;
2681         padding: 1px 2px 2px 2px;
2682         background: #ffffff;
2683         border: 1px solid #050505;
2684         width: 200px;
2685         z-index: 100;
2686         color: #000000;
2687         font-weight: normal;
2688 }
2689
2690 a.typo3-csh-link:hover span.typo3-csh-inline {
2691         display: block;
2692 }
2693
2694 span.typo3-csh-inline span.header,
2695 table.typo3-csh-inline span.header {
2696         font-weight: bold;
2697         float: left;
2698         width: 100%;
2699         background-color: #F6F2E6;
2700 }
2701
2702 span.typo3-csh-inline {
2703         line-height: 16px;
2704 }
2705
2706 a.typo3-csh-link span.typo3-csh-inline.show-right {
2707         margin: 0px 0px 0px -148px;
2708 }
2709
2710 table.typo3-csh-inline a.typo3-csh-link {
2711         float: none;
2712         margin-right: 0;
2713 }
2714 /* - - - - - - - - - - - - - - - - - - - - -
2715
2716 TypoScript Highlighting
2717
2718 - - - - - - - - - - - - - - - - - - - - - */
2719
2720 pre.ts-hl {
2721         font-size: 11px;
2722         font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace;
2723 }
2724
2725 pre.ts-hl .ts-prespace {
2726
2727 }
2728
2729 pre.ts-hl .ts-objstr_postspace {
2730
2731 }
2732
2733 pre.ts-hl .ts-operator_postspace {
2734
2735 }
2736
2737 pre.ts-hl .ts-operator {
2738         color: black;
2739         font-weight: bold;
2740 }
2741
2742 pre.ts-hl .ts-value {
2743         color: #cc0000;
2744 }
2745
2746 pre.ts-hl .ts-objstr {
2747         color: #0000cc;
2748 }
2749
2750 pre.ts-hl .ts-value_copy {
2751         color: #006600;
2752 }
2753
2754 pre.ts-hl .ts-value_unset {
2755         background-color: #66cc66;
2756 }
2757
2758 pre.ts-hl .ts-ignored {
2759         background-color: #66cc66;
2760 }
2761
2762 pre.ts-hl .ts-default {
2763         background-color: #66cc66;
2764 }
2765
2766 pre.ts-hl .ts-comment {
2767         color: #666;
2768         font-style: italic;
2769 }
2770
2771 pre.ts-hl .ts-condition {
2772         background-color: maroon;
2773         color: #fff;
2774         font-weight: bold;
2775 }
2776
2777 pre.ts-hl .ts-error {
2778         background-color: yellow;
2779         border: 1px red dashed;
2780         font-weight: bold;
2781 }
2782
2783 pre.ts-hl .ts-linenum {
2784         background-color: #eee;
2785 }
2786
2787
2788 /*** Icons ***/
2789
2790 /* extJS icons */
2791 .t3icon-ext-upload {
2792         background: url('gfx/upload.gif') 3px 4px no-repeat !important;
2793 }
2794 .t3icon-ext-cancel {
2795         background: url('gfx/icon_fatalerror.gif') 2px 3px no-repeat !important;
2796 }
2797 .t3iconstyle-center {
2798         background-position: center center;
2799 }
2800
2801
2802 /* Visual debugging: */
2803
2804 /*
2805 h2,
2806 h3,
2807 h4,
2808 div {
2809         border: 1px dotted #666;
2810 }
2811 */
2812
2813
2814
2815
2816
2817
2818
2819
2820
2821