[TASK] Clean up TCEforms main table and according CSS definitions 02/21802/2
authorBenjamin Mack <benni@typo3.org>
Tue, 2 Jul 2013 14:31:13 +0000 (16:31 +0200)
committerChristian Kuhn <lolli@schwarzbu.ch>
Tue, 2 Jul 2013 15:52:46 +0000 (17:52 +0200)
TCEforms has a major table around each editing form element.

In the current version, it creates an ugly background, plus some
wrong borders. This is now replaced by a div container and
some cleanups. Additionally, the labels inside a palette are
ordered now in a better way as well.

Releases: 6.2
Resolves: #49596
Change-Id: Ifa46ce40ff4437b2bb3e7d32e5e4e56caba0caec
Reviewed-on: https://review.typo3.org/21802
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
Reviewed-by: Georg Ringer
Tested-by: Georg Ringer
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
typo3/sysext/backend/Resources/Private/Templates/FormEngine.html
typo3/sysext/t3skin/stylesheets/structure/element_tceforms.css
typo3/sysext/t3skin/stylesheets/visual/element_tceforms.css

index 5559945..c326aa1 100644 (file)
@@ -1,12 +1,10 @@
 <!-- ###TOTALWRAP### begin -->
 <h1>###PAGE_TITLE###</h1>
 
-<table class="typo3-TCEforms">
+<div class="typo3-TCEforms">
        |
-       <tr class="typo3-TCEforms-recHeaderRow">
-               <td colspan="2">###RECORD_ICON### <span class="typo3-TCEforms-recHeader">###TABLE_TITLE###</span> ###ID_NEW_INDICATOR###</td>
-       </tr>
-</table>
+       <div class="typo3-TCEforms-recHeaderRow">###RECORD_ICON### <span class="typo3-TCEforms-recHeader">###TABLE_TITLE###</span> ###ID_NEW_INDICATOR###</div>
+</div>
 <!-- ###TOTALWRAP### end -->
 
 
index 7e96799..ea8c92c 100644 (file)
@@ -69,16 +69,12 @@ img.t3-TCEforms-contentchangedPaletteImg {
        width: 7px;
 }
 
-table.typo3-TCEforms {
+.typo3-TCEforms {
        width: 100%;
 }
 
-table.typo3-TCEforms tr td.t3-form-col1,
-table.typo3-TCEforms tr td.t3-form-col1 div {
-       width: 21px;
-}
 
-table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
+.typo3-TCEforms-recHeaderRow {
        padding-top: 5px;
        padding-bottom: 20px;
 }
@@ -88,64 +84,64 @@ table.wrapperTable1 .class-main12 td.palette-header {
        padding-left: 10px;
 }
 
-table.typo3-TCEforms .bgColor2,
-table.typo3-TCEforms tr.bgColor2 td {
+.typo3-TCEforms .bgColor2,
+.typo3-TCEforms tr.bgColor2 td {
        padding-bottom: 5px;
 }
 
-table.typo3-TCEforms optgroup.c-divider,
+.typo3-TCEforms optgroup.c-divider,
 select option.c-divider {
        margin-top: 10px;
        padding: 0px;
 }
 
-table.typo3-TCEforms optgroup option {
+.typo3-TCEforms optgroup option {
        margin: 0px;
        padding: 2px;
 }
 
 
-table.typo3-TCEforms select.icon-select option {
+.typo3-TCEforms select.icon-select option {
        padding-left: 22px;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox {
        margin-bottom: 10px;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tbody {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tbody {
        display: block;
        max-height: 300px;
        overflow-y: scroll;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
        vertical-align: middle;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td,
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-checkbox,
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td,
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-checkbox,
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
        padding: 1px 3px;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
        min-width: 300px;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell img {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell img {
        margin-right: 5px;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr {
        width: 40px;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr img {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr img {
        float: right;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-singlebox {
+.typo3-TCEforms table.typo3-TCEforms-select-singlebox {
        margin-bottom: 10px;
        margin-top: 4px;
 }
@@ -157,90 +153,90 @@ table.typo3-TCEforms table.typo3-TCEforms-select-singlebox {
        z-index: 3500;
 }
 
-table.typo3-TCEforms .class-main1 > td,
-table.typo3-TCEforms .class-main11 > td,
-table.typo3-TCEforms .class-main21 > td,
-table.typo3-TCEforms .class-main31 > td,
-table.typo3-TCEforms .class-main41 > td,
-table.typo3-TCEforms .class-main51 > td {
+.typo3-TCEforms .class-main1 > td,
+.typo3-TCEforms .class-main11 > td,
+.typo3-TCEforms .class-main21 > td,
+.typo3-TCEforms .class-main31 > td,
+.typo3-TCEforms .class-main41 > td,
+.typo3-TCEforms .class-main51 > td {
        padding: 2px 0px 2px 0px;
 }
 
-table.typo3-TCEforms .class-main2 > td,
-table.typo3-TCEforms .class-main12 > td,
-table.typo3-TCEforms .class-main22 > td,
-table.typo3-TCEforms .class-main32 > td,
-table.typo3-TCEforms .class-main42 > td,
-table.typo3-TCEforms .class-main52 > td {
+.typo3-TCEforms .class-main2 > td,
+.typo3-TCEforms .class-main12 > td,
+.typo3-TCEforms .class-main22 > td,
+.typo3-TCEforms .class-main32 > td,
+.typo3-TCEforms .class-main42 > td,
+.typo3-TCEforms .class-main52 > td {
        padding: 6px 0px 2px 0px;
 }
 
-table.typo3-TCEforms .class-main3,
-table.typo3-TCEforms .class-main13,
-table.typo3-TCEforms .class-main23,
-table.typo3-TCEforms .class-main33,
-table.typo3-TCEforms .class-main43,
-table.typo3-TCEforms .class-main53 {
+.typo3-TCEforms .class-main3,
+.typo3-TCEforms .class-main13,
+.typo3-TCEforms .class-main23,
+.typo3-TCEforms .class-main33,
+.typo3-TCEforms .class-main43,
+.typo3-TCEforms .class-main53 {
        padding: 2px 0px 2px 0px;
 }
 
-table.typo3-TCEforms td.formField-header,
-table.typo3-TCEforms td.formField-field {
+.typo3-TCEforms td.formField-header,
+.typo3-TCEforms td.formField-field {
        display: block;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
 }
 
-table.typo3-TCEforms .formField,
-table.typo3-TCEforms .formField1,
-table.typo3-TCEforms .formField2,
-table.typo3-TCEforms .formField3,
-table.typo3-TCEforms .formField4,
-table.typo3-TCEforms .formField5 {
+.typo3-TCEforms .formField,
+.typo3-TCEforms .formField1,
+.typo3-TCEforms .formField2,
+.typo3-TCEforms .formField3,
+.typo3-TCEforms .formField4,
+.typo3-TCEforms .formField5 {
        margin: 4px 2px 4px 1px;
-       padding: 1px;
+       padding: 2px;
        vertical-align: middle;
        position: relative;
 }
 
-table.typo3-TCEforms .formField:focus,
-table.typo3-TCEforms .formField1:focus,
-table.typo3-TCEforms .formField2:focus,
-table.typo3-TCEforms .formField3:focus,
-table.typo3-TCEforms .formField4:focus,
-table.typo3-TCEforms .formField5:focus {
+.typo3-TCEforms .formField:focus,
+.typo3-TCEforms .formField1:focus,
+.typo3-TCEforms .formField2:focus,
+.typo3-TCEforms .formField3:focus,
+.typo3-TCEforms .formField4:focus,
+.typo3-TCEforms .formField5:focus {
        z-index: 3500;
 }
 
-table.typo3-TCEforms .wrapperTable,
-table.typo3-TCEforms .wrapperTable1,
-table.typo3-TCEforms .wrapperTable2,
-table.typo3-TCEforms .wrapperTable3,
-table.typo3-TCEforms .wrapperTable4,
-table.typo3-TCEforms .wrapperTable5 {
+.typo3-TCEforms .wrapperTable,
+.typo3-TCEforms .wrapperTable1,
+.typo3-TCEforms .wrapperTable2,
+.typo3-TCEforms .wrapperTable3,
+.typo3-TCEforms .wrapperTable4,
+.typo3-TCEforms .wrapperTable5 {
        padding: 5px 0 5px 0;
 }
 
-table.typo3-TCEforms td.icons {
+.typo3-TCEforms td.icons {
        padding: 6px 2px;
 }
 
-table.typo3-TCEforms td.thumbnails {
+.typo3-TCEforms td.thumbnails {
        padding-top: 6px;
 }
 
-table.typo3-TCEforms div.imagethumbs {
+.typo3-TCEforms div.imagethumbs {
        padding-top: 6px;
        white-space: normal;
        width: 253px;
 }
 
-table.typo3-TCEforms div.imagethumbs br {
+.typo3-TCEforms div.imagethumbs br {
        display: none;
 }
 
-table.typo3-TCEforms div.imagethumbs .nobr {
+.typo3-TCEforms div.imagethumbs .nobr {
        display: inline-block;
        width: 60px;
        height: 60px;
@@ -250,7 +246,7 @@ table.typo3-TCEforms div.imagethumbs .nobr {
        text-align: center;
 }
 
-table.typo3-TCEforms div.imagethumbs .nobr a {
+.typo3-TCEforms div.imagethumbs .nobr a {
        display: block;
        width: 60px;
        height: 60px;
@@ -258,18 +254,18 @@ table.typo3-TCEforms div.imagethumbs .nobr a {
        text-align: center;
 }
 
-table.typo3-TCEforms div.imagethumbs .nobr a img {
+.typo3-TCEforms div.imagethumbs .nobr a img {
        display: inline;
        margin-right: auto;
        vertical-align: middle;
        margin-left: auto;
 }
 
-table.typo3-TCEforms div.imagethumbs .nobr span {
+.typo3-TCEforms div.imagethumbs .nobr span {
        display: none;
 }
 
-table.typo3-TCEforms span.filetypes {
+.typo3-TCEforms span.filetypes {
        display: block;
        margin-top: 6px;
        white-space: normal;
@@ -292,7 +288,6 @@ table.typo3-TCEforms span.filetypes {
 
 .t3-form-palette-field-container {
        display: inline-block;
-       margin-left: 10px;
        vertical-align: top;
 }
 
@@ -364,12 +359,12 @@ input.typo3-TCEforms-suggest-search {
 TCEforms Flexforms
 - - - - - - - - - - - - - - - - - - - - - */
 /** tabs inside the table => flexforms */
-table.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
+.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
        margin-right: 20px;
        margin-bottom: 10px;
 }
@@ -537,7 +532,7 @@ img.t3-tceforms-sysfile-imagepreview {
        margin-bottom: 10px;
 }
 
-* html div#typo3-docbody table.typo3-TCEforms {
+* html div#typo3-docbody .typo3-TCEforms {
        margin-top: 20px;
 }
 
index 0f49498..fd86a4e 100644 (file)
@@ -2,25 +2,6 @@
 TCEforms
 - - - - - - - - - - - - - - - - - - - - - */
 
-table.typo3-TCEforms {
-       border-collapse: collapse;
-       background-color: #ececec;
-       background-image: url('../../images/backgrounds/tab.png');
-       background-image: linear-gradient(center top, #ffffff 30px, #ececec 130px);
-       background-image: -moz-linear-gradient(center top, #ffffff 0px, #ececec 130px);
-       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(30px, #ffffff), color-stop(130px, #ececec));
-       background-repeat: repeat-x;
-}
-
-
-table.typo3-TCEforms tr.bgColor2 td {
-       color: #212424;
-}
-
-table.typo3-TCEforms tr.bgColor2 {
-       background-image: none;
-}
-
 table#typo3-altdoc-header input,
 .c-inputButton {
        background: none;
@@ -93,31 +74,28 @@ table#typo3-altdoc-header input,
        z-index: 3700;
 }
 
-table.typo3-TCEforms table#typo3-altdoc-header input:hover,
+.typo3-TCEforms table#typo3-altdoc-header input:hover,
 .c-inputButton:hover {
        background: none;
        border: 0;
 }
 
-table.typo3-TCEforms span.typo3-TCEforms-recHeader {
+.typo3-TCEforms .typo3-TCEforms-recHeader {
        color: #555555;
        font-weight: bold;
 }
 
-table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
+.typo3-TCEforms .typo3-TCEforms-recHeaderRow {
        background: #fff;
-}
-
-table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
        text-align: right;
 }
 
-table.typo3-TCEforms span.typo3-TCEforms-newToken {
+.typo3-TCEforms span.typo3-TCEforms-newToken {
        color: #990000;
        font-weight: bold;
 }
 
-table.typo3-TCEforms span.typo3-TCEforms-helpText {
+.typo3-TCEforms span.typo3-TCEforms-helpText {
        background: transparent;
        color: #fff;
 }
@@ -127,40 +105,40 @@ table.typo3-TCEforms-select-checkbox {
        border: 1px solid #aaa;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
        background-color: #fff;
        font-weight: bold;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:nth-child(2n) {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:nth-child(2n) {
        background-color: #f7f7f7;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
        background-color: #d8ecd0;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
        color: #dddddd;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:hover {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:hover {
        background-color: #dedede;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem:hover {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem:hover {
        background-color: #abd99a;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem:hover {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem:hover {
        background-color: transparent;
 }
 
-table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
        white-space: nowrap;
 }
 
-table.typo3-TCEforms optgroup.c-divider,
+.typo3-TCEforms optgroup.c-divider,
 select option.c-divider {
        background-color: #eee;
        border-top: 1px solid #666;
@@ -169,7 +147,7 @@ select option.c-divider {
        text-transform: uppercase;
 }
 
-table.typo3-TCEforms optgroup option {
+.typo3-TCEforms optgroup option {
        background-color: white;
        border-bottom: none;
        color: black;
@@ -178,140 +156,140 @@ table.typo3-TCEforms optgroup option {
        text-transform: none;
 }
 
-table.typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
+.typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
        background-color: #dadada;
        border: 1px solid #c0c0c0;
 }
 
-table.typo3-TCEforms div.typo3-TCEforms-diffBox {
+.typo3-TCEforms div.typo3-TCEforms-diffBox {
        background-color: white;
        border: 1px solid black;
 }
 
-table.typo3-TCEforms div.typo3-TCEforms-diffBox-header {
+.typo3-TCEforms div.typo3-TCEforms-diffBox-header {
        background-color: red;
        font-weight: bold;
 }
 
-table.typo3-TCEforms div.typo3-dyntabmenu-divs {
+.typo3-TCEforms div.typo3-dyntabmenu-divs {
        border-bottom: 0;
 }
 
 /* Default. Always used on main-palettes in the bottom of the forms */
-table.typo3-TCEforms .class-main1,
-table.typo3-TCEforms .class-main11,
-table.typo3-TCEforms .class-main21,
-table.typo3-TCEforms .class-main31,
-table.typo3-TCEforms .class-main41,
-table.typo3-TCEforms .class-main51 {
-}
-
-table.typo3-TCEforms .class-main2 td,
-table.typo3-TCEforms .class-main12 td,
-table.typo3-TCEforms .class-main22 td,
-table.typo3-TCEforms .class-main32 td,
-table.typo3-TCEforms .class-main42 td,
-table.typo3-TCEforms .class-main52 td {
+.typo3-TCEforms .class-main1,
+.typo3-TCEforms .class-main11,
+.typo3-TCEforms .class-main21,
+.typo3-TCEforms .class-main31,
+.typo3-TCEforms .class-main41,
+.typo3-TCEforms .class-main51 {
+}
+
+.typo3-TCEforms .class-main2 td,
+.typo3-TCEforms .class-main12 td,
+.typo3-TCEforms .class-main22 td,
+.typo3-TCEforms .class-main32 td,
+.typo3-TCEforms .class-main42 td,
+.typo3-TCEforms .class-main52 td {
        border-top: 1px solid #c0c0c0;
 }
 
-table.typo3-TCEforms .class-main1 .typo3-TCEforms-checkboxArray td,
-table.typo3-TCEforms .class-main11 .typo3-TCEforms-checkboxArray td,
-table.typo3-TCEforms .class-main21 .typo3-TCEforms-checkboxArray td,
-table.typo3-TCEforms .class-main31 .typo3-TCEforms-checkboxArray td,
-table.typo3-TCEforms .class-main41 .typo3-TCEforms-checkboxArray td,
-table.typo3-TCEforms .class-main51 .typo3-TCEforms-checkboxArray td {
+.typo3-TCEforms .class-main1 .typo3-TCEforms-checkboxArray td,
+.typo3-TCEforms .class-main11 .typo3-TCEforms-checkboxArray td,
+.typo3-TCEforms .class-main21 .typo3-TCEforms-checkboxArray td,
+.typo3-TCEforms .class-main31 .typo3-TCEforms-checkboxArray td,
+.typo3-TCEforms .class-main41 .typo3-TCEforms-checkboxArray td,
+.typo3-TCEforms .class-main51 .typo3-TCEforms-checkboxArray td {
        padding-right: 5px;
 }
 
-table.typo3-TCEforms tr.class-main2:first-child td,
-table.typo3-TCEforms tr.class-main12:first-child td,
-table.typo3-TCEforms tr.class-main22:first-child td,
-table.typo3-TCEforms tr.class-main32:first-child td,
-table.typo3-TCEforms tr.class-main42:first-child td,
-table.typo3-TCEforms tr.class-main52:first-child td {
+.typo3-TCEforms tr.class-main2:first-child td,
+.typo3-TCEforms tr.class-main12:first-child td,
+.typo3-TCEforms tr.class-main22:first-child td,
+.typo3-TCEforms tr.class-main32:first-child td,
+.typo3-TCEforms tr.class-main42:first-child td,
+.typo3-TCEforms tr.class-main52:first-child td {
        border-top: 0;
 }
 
-table.typo3-TCEforms .class-main2,
-table.typo3-TCEforms .class-main12,
-table.typo3-TCEforms .class-main22,
-table.typo3-TCEforms .class-main32,
-table.typo3-TCEforms .class-main42,
-table.typo3-TCEforms .class-main52 {
+.typo3-TCEforms .class-main2,
+.typo3-TCEforms .class-main12,
+.typo3-TCEforms .class-main22,
+.typo3-TCEforms .class-main32,
+.typo3-TCEforms .class-main42,
+.typo3-TCEforms .class-main52 {
 }
 
 
 
 
-table.typo3-TCEforms table.wrapperAttention .class-main2,
-table.typo3-TCEforms table.wrapperAttention .class-main12,
-table.typo3-TCEforms table.wrapperAttention .class-main22,
-table.typo3-TCEforms table.wrapperAttention .class-main32,
-table.typo3-TCEforms table.wrapperAttention .class-main42,
-table.typo3-TCEforms table.wrapperAttention .class-main52 {
+.typo3-TCEforms table.wrapperAttention .class-main2,
+.typo3-TCEforms table.wrapperAttention .class-main12,
+.typo3-TCEforms table.wrapperAttention .class-main22,
+.typo3-TCEforms table.wrapperAttention .class-main32,
+.typo3-TCEforms table.wrapperAttention .class-main42,
+.typo3-TCEforms table.wrapperAttention .class-main52 {
 
 }
 
 
-table.typo3-TCEforms .class-main4,
-table.typo3-TCEforms .class-main14,
-table.typo3-TCEforms .class-main24,
-table.typo3-TCEforms .class-main34,
-table.typo3-TCEforms .class-main44,
-table.typo3-TCEforms .class-main54 {
+.typo3-TCEforms .class-main4,
+.typo3-TCEforms .class-main14,
+.typo3-TCEforms .class-main24,
+.typo3-TCEforms .class-main34,
+.typo3-TCEforms .class-main44,
+.typo3-TCEforms .class-main54 {
        color: #000000;
 }
 
-table.typo3-TCEforms .class-main5,
-table.typo3-TCEforms .class-main15,
-table.typo3-TCEforms .class-main25,
-table.typo3-TCEforms .class-main35,
-table.typo3-TCEforms .class-main45,
-table.typo3-TCEforms .class-main55 {
+.typo3-TCEforms .class-main5,
+.typo3-TCEforms .class-main15,
+.typo3-TCEforms .class-main25,
+.typo3-TCEforms .class-main35,
+.typo3-TCEforms .class-main45,
+.typo3-TCEforms .class-main55 {
        color: #3c3c44;
 }
 
-table.typo3-TCEforms .wrapperTable,
-table.typo3-TCEforms .wrapperTable1,
-table.typo3-TCEforms .wrapperTable2,
-table.typo3-TCEforms .wrapperTable3,
-table.typo3-TCEforms .wrapperTable4,
-table.typo3-TCEforms .wrapperTable5 {
+.typo3-TCEforms .wrapperTable,
+.typo3-TCEforms .wrapperTable1,
+.typo3-TCEforms .wrapperTable2,
+.typo3-TCEforms .wrapperTable3,
+.typo3-TCEforms .wrapperTable4,
+.typo3-TCEforms .wrapperTable5 {
        border: 1px solid #c0c0c0;
 }
 
-table.typo3-TCEforms .wrapperTable1 {
+.typo3-TCEforms .wrapperTable1 {
        border-top: 1px solid #c0c0c0;
 }
 
-table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable,
-table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable1,
-table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable2,
-table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable3,
-table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable4,
-table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable5 {
+.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable,
+.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable1,
+.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable2,
+.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable3,
+.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable4,
+.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable5 {
        border: none;
        border-bottom: 1px solid #c0c0c0;
 }
 
-table.typo3-TCEforms table.wrapperAttention .wrapperTable,
-table.typo3-TCEforms table.wrapperAttention .wrapperTable1,
-table.typo3-TCEforms table.wrapperAttention .wrapperTable2,
-table.typo3-TCEforms table.wrapperAttention .wrapperTable3,
-table.typo3-TCEforms table.wrapperAttention .wrapperTable4,
-table.typo3-TCEforms table.wrapperAttention .wrapperTable5 {
+.typo3-TCEforms table.wrapperAttention .wrapperTable,
+.typo3-TCEforms table.wrapperAttention .wrapperTable1,
+.typo3-TCEforms table.wrapperAttention .wrapperTable2,
+.typo3-TCEforms table.wrapperAttention .wrapperTable3,
+.typo3-TCEforms table.wrapperAttention .wrapperTable4,
+.typo3-TCEforms table.wrapperAttention .wrapperTable5 {
 }
 
 .t3-form-palette-fieldset {
        border:none;
 }
 
-table.typo3-TCEforms div.imagethumbs .nobr {
+.typo3-TCEforms div.imagethumbs .nobr {
        background-color: #CCC;
 }
 
-table.typo3-TCEforms span.filetypes {
+.typo3-TCEforms span.filetypes {
        font-size: 0.8em;
 }
 
@@ -377,22 +355,22 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
 }
 
 /** no separate background for dyntabs in flexforms **/
-table.typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs ,
-table.typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
-table.typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
-table.typo3-TCEforms .wrapperTable3 div.typo3-dyntabmenu-tabs,
-table.typo3-TCEforms .wrapperTable4 div.typo3-dyntabmenu-tabs,
-table.typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs {
+.typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs ,
+.typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
+.typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
+.typo3-TCEforms .wrapperTable3 div.typo3-dyntabmenu-tabs,
+.typo3-TCEforms .wrapperTable4 div.typo3-dyntabmenu-tabs,
+.typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs {
        background: transparent;
 }
 
 /** tabs inside the table => flexforms */
-table.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
-table.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
+.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
+.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
        border: 1px solid #c0c0c0;
 }
 
@@ -438,12 +416,12 @@ TCEforms Inline-Relational-Record-Editing
 
 }
 
-table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable,
-table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable1,
-table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable2,
-table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable3,
-table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable4,
-table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable5 {
+.typo3-TCEforms .t3-form-field-container-inline .wrapperTable,
+.typo3-TCEforms .t3-form-field-container-inline .wrapperTable1,
+.typo3-TCEforms .t3-form-field-container-inline .wrapperTable2,
+.typo3-TCEforms .t3-form-field-container-inline .wrapperTable3,
+.typo3-TCEforms .t3-form-field-container-inline .wrapperTable4,
+.typo3-TCEforms .t3-form-field-container-inline .wrapperTable5 {
        border: 0;
 }
 
@@ -543,4 +521,8 @@ TCEforms Sections
        opacity: 0.5;
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
+}
+
+.t3-form-palette-field-label {
+       text-indent: 2px;
 }
\ No newline at end of file