Build/Resources/Public/Less/TYPO3/_element_tceforms.less

   1 //
   2 // TCEforms
   3 //
   4
   5 .typo3-TCEforms {
   6         width: 100%;
   7 }
   8
   9 .t3-form-field-container {
  10         display: block;
  11 }
  12 .typo3-TCEforms .typo3-csh-link {
  13         margin-left: 5px;
  14 }
  15
  16 //
  17 // TCEforms Flexforms
  18 //
  19 .t3-form-field-container-inline-placeHolder .t3-form-field-header-inline > span {
  20         display:none;
  21 }
  22 .sortableHandle {
  23         cursor: move;
  24 }
  25
  26 //
  27 // TCEforms Sections
  28 //
  29
  30 .t3-flex-section-header .t3-record-title {
  31         font-weight: bold;
  32 }
  33
  34 .t3-flex-section {
  35         clear: both;
  36         margin: 5px 0;
  37 }
  38
  39 .t3-flex-section-header,
  40 .t3-form-field-container-flexsection {
  41         padding-left: 20px;
  42 }
  43
  44 .t3-form-field-header-flexsection {
  45         width: 100%;
  46         height: 16px;
  47 }
  48
  49 .t3-form-field-label-flexsection {
  50         border-top: 1px solid #cdcdcd;
  51         padding: 5px 10px;
  52 }
  53
  54 .t3-form-field-toggle-flexsection {
  55         padding: 5px 0 5px 20px;
  56 }
  57
  58 .t3-form-field-add-flexsection {
  59         border-top: 1px solid #cdcdcd;
  60         padding: 10px 5px 5px 20px;
  61 }
  62
  63 .t3-form-flex,
  64 .t3-form-field-container-flexsections {
  65         background: #dadada;
  66         margin: 5px 0;
  67         clear: both;
  68 }
  69
  70 .t3-flex-section-content,
  71 .t3-form-field-record-flexsection {
  72         background: #eee;
  73         padding: 5px 0;
  74 }
  75
  76 .t3-flex-section-content > div,
  77 .t3-form-field-record-flexsection > div {
  78         margin: 0 10px;
  79 }
  80
  81 .t3-flex-section-header-preview {
  82         font-style: italic;
  83         width: 100px;
  84         display: inline-block;
  85         padding-left: 10px;
  86         overflow: hidden;
  87         white-space: nowrap;
  88         text-overflow: ellipsis;
  89 }
  90
  91 // preview image in sys_file records
  92
  93 img.t3-tceforms-sysfile-imagepreview {
  94         float: left;
  95         margin-right: 10px;
  96         margin-bottom: 10px;
  97 }
  98
  99 * html div#typo3-docbody .typo3-TCEforms {
 100         margin-top: 20px;
 101 }
 102
 103 .typo3-TCEforms img[src*="clear.gif"] {
 104         z-index: 0;
 105 }
 106
 107 //
 108 // TCEforms
 109 //
 110
 111 table#typo3-altdoc-header input,
 112 .c-inputButton {
 113         background: none;
 114         border: 0;
 115 }
 116
 117 .t3-tceforms-input-wrapper-datetime .t3-icon-edit-pick-date {
 118         top: -4px;
 119 }
 120
 121 .typo3-TCEforms table#typo3-altdoc-header input:hover,
 122 .c-inputButton:hover {
 123         background: none;
 124         border: 0;
 125 }
 126
 127 .typo3-TCEforms span.typo3-TCEforms-newToken {
 128         color: #990000;
 129         font-weight: bold;
 130 }
 131
 132 .typo3-TCEforms span.typo3-TCEforms-helpText {
 133         background: transparent;
 134         color: #fff;
 135 }
 136
 137 table.typo3-TCEforms-select-checkbox {
 138         background-color: #ffffff;
 139         border: 1px solid #aaa;
 140 }
 141
 142 .typo3-TCEforms table.typo3-TCEforms-select-checkbox {
 143
 144         tr.c-header td {
 145                 background-color: #fff;
 146                 font-weight: bold;
 147         }
 148
 149         tr:nth-child(2n) {
 150                 background-color: #f7f7f7;
 151         }
 152
 153         tr.c-selectedItem {
 154                 background-color: #d8ecd0;
 155         }
 156
 157         tr.c-invalidItem {
 158                 color: #dddddd;
 159         }
 160
 161         tr:hover {
 162                 background-color: #dedede;
 163         }
 164
 165         tr.c-selectedItem:hover {
 166                 background-color: #abd99a;
 167         }
 168
 169         tr.c-invalidItem:hover {
 170                 background-color: transparent;
 171         }
 172
 173         tr td.c-labelCell {
 174                 white-space: nowrap;
 175         }
 176 }
 177
 178
 179 // show text of default language under the translated input field
 180
 181 .t3-form-original-language {
 182         background-color: #dadada;
 183         border: 1px solid #c0c0c0;
 184         padding: 2px;
 185         font-size: 0.9em;
 186         margin-top: 4px;
 187 }
 188
 189 .t3-form-original-language-diff {
 190         border: 1px solid #c0c0c0;
 191         font-size: 0.9em;
 192         margin-top: 4px;
 193 }
 194
 195 .t3-form-original-language-diffheader {
 196         .bg-danger();
 197         font-weight: bold;
 198         padding: 2px;
 199 }
 200
 201 .t3-form-original-language-diffcontent {
 202         padding: 2px;
 203 }
 204
 205 // Default. Always used on main-palettes in the bottom of the forms
 206
 207 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
 208         padding-right: 5px;
 209 }
 210
 211 div.typo3-TCEforms-suggest-choises a {
 212         cursor: pointer;
 213 }
 214 //
 215 // TCEforms Flexforms
 216 //
 217 div.t3-form-field-container:first-child .t3-form-field-label-flex {
 218         border-top: 0;
 219 }
 220
 221 //
 222 // TCEforms Inline-Relational-Record-Editing
 223 //
 224 .t3-form-field-container-inline-hidden,
 225 .t3-form-field-container-inline-placeHolder {
 226         opacity:0.3;
 227 }
 228
 229 .t3-form-field-header-inline table {
 230     vertical-align:top;
 231 }
 232
 233
 234 //
 235 // TCEforms Sections
 236 //
 237 .t3-tceforms-fieldReadOnly span.t3-icon {
 238     position: absolute;
 239     right: 3px;
 240     top: 4px;
 241 }
 242
 243 .t3-form-field-item {
 244         position: relative;
 245         border: 1px solid transparent;
 246         padding: 0;
 247 }
 248
 249 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
 250         display: inline-block;
 251 }
 252
 253 .t3-form-field-item.disabled {
 254         border: 1px dotted #696362;
 255 }
 256
 257 .t3-form-field-disable,
 258 .t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
 259         display: none;
 260 }
 261 .t3-form-field-item.disabled .t3-form-field-disable {
 262         z-index: 8000;
 263         background: #f4f4f4;
 264         display: block;
 265         position: absolute;
 266         width: 100%;
 267         height: 100%;
 268
 269         opacity: 0.5;
 270         filter: alpha(opacity=50);
 271 }
 272
 273 .t3-form-palette-field-label {
 274         text-indent: 2px;
 275 }
 276
 277 //
 278 // TCEforms Tree
 279 //
 280
 281 .t3-form-field-item .x-tree input.x-tree-node-cb {
 282         height: auto;
 283         margin: 0 0 0 1px;
 284         vertical-align: middle;
 285 }
 286
 287 // state: the form field was modified
 288 .t3-form-field-label.t3-form-field-state-changed {
 289         color: #004fb0;
 290 }
 291
 292 .table-icons {
 293         td img {
 294                 max-width: 128px;
 295                 max-height: 128px;
 296         }
 297 }