[!!!][FEATURE] FormEngine Checkbox to bootstrap
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _main_form.less
1 //
2 // Form
3 //
4
5 #typo3-docbody form {
6         margin-bottom: 1.25em;
7 }
8
9 textarea {
10         display: inline-block;
11         margin: 0 0.5em 0.5em 0;
12         padding: 3px 6px;
13         vertical-align: middle;
14 }
15
16 // Limit form width globally
17
18 .form-group {
19         max-width: 440px;
20 }
21
22 textarea.fixed-font {
23         font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
24 }
25
26 //
27 // Groups
28 //
29
30 .t3-form-field-group {
31         margin-bottom:  1.5em;
32 }
33
34 //
35 // Go back A-tags
36 //
37
38 a.typo3-goBack img {
39         margin-right: 5px;
40         vertical-align: middle;
41 }
42
43 span.typo3-moduleHeader img {
44         margin-right: 4px;
45         vertical-align: middle;
46 }
47
48 a.typo3-goBack {
49         font-weight: bold;
50 }
51
52 //
53 // Styles for the "clearable" jquery plugin.
54 //
55
56 .t3-clearable-wrapper {
57         position: relative;
58         display: inline-block;
59 }
60
61 .t3-clearable {
62         padding-right: 15px;
63 }
64
65 .t3-clearable-wrapper .t3-input-clearer {
66         position: absolute;
67         right: 5px;
68         top: 5px;
69         z-index: 100;
70 }
71 .t3-tceforms-input-wrapper-datetime .t3-clearable-wrapper .t3-input-clearer {
72         top: 10px;
73 }
74
75 //
76 // Form Inline adjustments
77 //
78 .form-inline-spaced {
79         margin: 0 -0.5em @line-height-computed;
80         .form-group {
81                 margin: 0.5em;
82                 margin-bottom: 0;
83                 label {
84                         margin-right: 0.5em;
85                 }
86         }
87 }
88
89 //
90 // Radio & Checkbox
91 //
92 .radio-row,
93 .checkbox-row {
94         margin-top: 10px;
95         margin-bottom: 5px;
96 }
97 .radio-column,
98 .checkbox-column {
99         margin-bottom: 5px;
100         > .radio,
101         > .checkbox {
102                 margin: 0;
103         }
104 }
105 .radio-inline,
106 .checkbox-inline {
107         &.radio,
108         &.checkbox {
109                 display: block;
110                 margin-left: 0;
111                 margin-right: 10px;
112                 margin-bottom: 10px;
113                 padding: 0;
114                 @media (max-width: @screen-xs-max) {
115                         & + .radio,
116                         & + .checkbox {
117                                 margin-top: -5px;
118                         }
119                 }
120                 @media (min-width: @screen-sm-min) {
121                         display: inline-block;
122                         margin-top: 10px;
123                         label {
124                                 white-space: nowrap;
125                         }
126                 }
127         }
128 }