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