[TASK] Remove table usage in "User settings" + base on Twbs
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _main_form.less
1 /**
2 * This file is part of the TYPO3 CMS project.
3 *
4 * It is free software; you can redistribute it and/or modify it under
5 * the terms of the GNU General Public License, either version 2
6 * of the License, or any later version.
7 *
8 * For the full copyright and license information, please read the
9 * LICENSE.txt file that was distributed with this source code.
10 *
11 * The TYPO3 project - inspiring people to share!
12 */
13
14 /* - - - - - - - - - - - - - - - - - - - - -
15 Form
16 - - - - - - - - - - - - - - - - - - - - - */
17
18 #typo3-docbody form {
19 margin-bottom: 1.25em;
20 }
21
22 textarea,
23 button {
24 display: inline-block;
25 margin: 0 0.5em 0.5em 0;
26 padding: 3px 6px;
27 vertical-align: middle;
28 }
29
30
31 /* - - - - - - - - - - - - - - - - - - - - -
32 Form
33 - - - - - - - - - - - - - - - - - - - - - */
34
35 /* Limit form width globally */
36 .form-group {
37 max-width: 440px;
38 }
39
40 input,
41 textarea,
42 button {
43 background-color: #fefefe;
44 border: 1px solid #7c7c7c;
45 border-radius: 2px;
46 }
47
48 input:focus,
49 textarea:focus,
50 button:focus {
51 border-color: rgb(50, 160, 255);
52 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 6px rgba(50, 160, 255, 0.6);
53 outline: 0;
54 }
55
56 textarea.fixed-font {
57 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
58 }
59
60 .checkbox,
61 .checkbox:hover,
62 input[type="checkbox"] {
63 background: none;
64 border: none;
65 cursor: pointer;
66 }
67
68 /* - - - - - - - - - - - - - - - - - - - - -
69 Buttons
70 - - - - - - - - - - - - - - - - - - - - - */
71
72 .btn {
73 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
74 padding: ceil(@padding-base-vertical / 2) ceil(@padding-base-horizontal * 2);
75 }
76
77 .btn:hover {
78 transition: background-color 0.1s ease;
79 }
80
81 /* Deprecated HTML5 definitions */
82 .t3-button,
83 button,
84 input[type=submit],
85 input[type=button],
86 input[type=reset] {
87 .btn;
88 .btn-default;
89 }
90
91 /* - - - - - - - - - - - - - - - - - - - - -
92 Groups
93 - - - - - - - - - - - - - - - - - - - - - */
94
95 .t3-form-field-group {
96 margin-bottom: 1.5em;
97 }
98
99 /* - - - - - - - - - - - - - - - - - - - - -
100 Go back A-tags
101 - - - - - - - - - - - - - - - - - - - - - */
102
103 a.typo3-goBack img {
104 margin-right: 5px;
105 vertical-align: middle;
106 }
107
108 span.typo3-moduleHeader img {
109 margin-right: 4px;
110 vertical-align: middle;
111 }
112
113 a.typo3-goBack {
114 font-weight: bold;
115 }