7f70d5e1f90b731bf03ea4992e35dbb034de48ba
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / stylesheets / standalone / admin_panel.css
1 /*!
2 * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
3 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 */
5 /* FONT PATH
6 * -------------------------- */
7 @font-face {
8 font-family: 'FontAwesome';
9 src: url('../../Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?v=4.3.0');
10 src: url('../../Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
11 url('../../Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
12 url('../../Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff?v=4.3.0') format('woff'),
13 url('../../Resources/Public/Fonts/FontAwesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
14 url('../../Resources/Public/Fonts/FontAwesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
15 font-weight: normal;
16 font-style: normal;
17 }
18 .fa {
19 display: inline-block;
20 font: normal normal normal 14px/1 FontAwesome;
21 font-size: inherit;
22 text-rendering: auto;
23 -webkit-font-smoothing: antialiased;
24 -moz-osx-font-smoothing: grayscale;
25 transform: translate(0, 0);
26 }
27 .fa-pencil:before {
28 content: "\f040";
29 }
30 .fa-angle-up:before {
31 content: "\f106";
32 }
33 .fa-angle-down:before {
34 content: "\f107";
35 }
36 .fa-toggle-off:before {
37 content: "\f204";
38 }
39 .fa-toggle-on:before {
40 content: "\f205";
41 }
42 .fa-google-plus-square:before {
43 content: "\f0d4";
44 }
45 .fa-trash:before {
46 content: "\f1f8";
47 }
48 .fa-history:before {
49 content: "\f1da";
50 }
51 .fa-list-alt:before {
52 content: "\f022";
53 }
54 .fa-plus-square:before {
55 content: "\f0fe";
56 }
57 .fa-arrows:before {
58 content: "\f047";
59 }
60 .fa-exclamation-circle:before {
61 content: "\f06a";
62 }
63 .fa-exclamation-triangle:before {
64 content: "\f071";
65 }
66 .fa-info-circle:before {
67 content: "\f05a";
68 }
69 .t3-icon {
70 display: inline-block;
71 position: relative;
72 overflow: hidden;
73 color:#000;
74 margin:0 5px;
75 }
76
77 .typo3-editPanel {
78 background: #ccc;
79 }
80
81 .typo3-editPanel-label {
82 display: inline;
83 margin: 0 10px;
84 }
85
86 .typo3-editPanel .t3-icon {
87 margin: 2px 1px;
88 }
89
90 .typo3-feedit-element {
91 outline: 3px solid rgba(247, 144, 37, 0.8) !important;
92 outline-offset: 4px;
93 }
94
95 .typo3-feedit-element-hidden {
96 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
97 opacity: 0.2;
98 }
99
100 #TSFE_ADMIN_PANEL_FORM {
101 background-color: #fff;
102 box-shadow: 0 3px 15px #808080;
103 margin: 0;
104 padding: 0;
105 z-index: 10002;
106 }
107
108 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel {
109 border: 1px solid black;
110 border-spacing: 0;
111 border-collapse: separate;
112 margin: 0;
113 min-width: 315px;
114 padding: 0;
115 }
116
117 #TSFE_ADMIN_PANEL_FORM table,
118 #TSFE_ADMIN_PANEL_FORM a {
119 color: black;
120 font-family: Arial, sans-serif;
121 font-size: 12px;
122 text-decoration: none;
123 }
124
125 #TSFE_ADMIN_PANEL_FORM td {
126 /*padding: 10px;*/
127 }
128
129 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-header td,
130 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-footer td {
131 background-image: linear-gradient(center top, #555 10%, #444547 90%);
132 background-color: #555;
133 color: white;
134 font-weight: bold;
135 padding-bottom: 5px;
136 }
137
138 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-header td {
139 cursor: move;
140 }
141
142 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-footer td {
143 padding-right: 5px;
144 }
145
146 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-header td a,
147 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-footer td a {
148 color: #fff;
149 }
150
151 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-header-title {
152 float: left;
153 }
154
155 #TSFE_ADMIN_PANEL_FORM input.typo3-adminPanel-update {
156 float: right;
157 }
158
159 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-header-buttonWrapper {
160 display: inline-block;
161 float: right;
162 margin-left: 10px;
163 }
164
165 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-panel-open .typo3-adminPanel-header-button,
166 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-panel-closed .typo3-adminPanel-header-button {
167 background: url(../../images/arrows/adminpanel-down.png) no-repeat;
168 display: inline-block;
169 float: right;
170 height: 19px;
171 width: 19px;
172 }
173
174 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-panel-closed .typo3-adminPanel-header-button {
175 background: url(../../images/arrows/adminpanel-up.png) no-repeat;
176 }
177
178 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title td {
179 background-color: #e2e0e0;
180 border-bottom: 1px solid #ccc;
181 border-top: 1px solid #ccc;
182 clear: left;
183 margin: 0;
184 padding: 0;
185 }
186
187 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title td a {
188 display: block;
189 height: 26px;
190 line-height: 25px;
191 }
192
193 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title td a .typo3-adminPanel-label {
194 font-weight: bold;
195 padding-top: 4px;
196 white-space: nowrap;
197 }
198
199 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title td:hover {
200 background-color: #7e7e7e;
201 border-color: black;
202 color: #fff;
203 }
204
205 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title td:hover a {
206 color: #fff;
207 }
208
209 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title .typo3-adminPanel-section-open,
210 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title .typo3-adminPanel-section-closed {
211 background: url(../../images/arrows/module-menu-down.png) no-repeat 12px 9px;
212 display: inline-block;
213 padding-left: 26px;
214 width: 100%;
215 }
216
217 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title .typo3-adminPanel-section-closed {
218 background: url(../../images/arrows/module-menu-right.png) no-repeat 12px 7px;
219 }
220
221 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title td:hover a.typo3-adminPanel-section-open {
222 background-image: url(../../images/arrows/module-menu-down-alt.png);
223 }
224
225 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-section-title td:hover a.typo3-adminPanel-section-closed {
226 background-image: url(../../images/arrows/module-menu-right-alt.png);
227 }
228
229 #TSFE_ADMIN_PANEL_FORM tr.typo3-adminPanel-itemRow td {
230 padding: 5px 15px;
231 }
232
233 #TSFE_ADMIN_PANEL_FORM td.typo3-adminPanel-section-content {
234 padding-right: 11px;
235 }
236
237 #TSFE_ADMIN_PANEL_FORM td.typo3-adminPanel-section-content .toolbar span {
238 padding: 1px;
239 }
240
241 #TSFE_ADMIN_PANEL_FORM #typo3-adminPanel-tsLog {
242 border: 1px solid #7e7e7e;
243 border-spacing: 0;
244 }
245
246 #TSFE_ADMIN_PANEL_FORM .admin-panel-table {
247 width: 100%;
248 border-collapse: collapse;
249 border-spacing: 0;
250 }
251
252 #TSFE_ADMIN_PANEL_FORM .admin-panel-table tr {
253 margin: 0;
254 padding: 0;
255 vertical-align: inherit;
256 border-color: inherit;
257 }
258
259 #TSFE_ADMIN_PANEL_FORM .admin-panel-table td {
260 margin: 0;
261 vertical-align: inherit;
262 border-color: inherit;
263 padding: 0 5px;
264 text-align: left;
265 white-space: nowrap;
266 }
267
268 #TSFE_ADMIN_PANEL_FORM .admin-panel-table th {
269 background-color: #7e7e7e;
270 }
271
272 #TSFE_ADMIN_PANEL_FORM .admin-panel-table th span[style] {
273 color: #fff !important;
274 }
275
276 #TSFE_ADMIN_PANEL_FORM #typo3-adminPanel-tsLog .typo3-adminPanel-logRow-highlight {
277 background-color: #fcd3cf;
278 }
279
280 #TSFE_ADMIN_PANEL_FORM .admin-panel-table .line-odd,
281 #TSFE_ADMIN_PANEL_FORM .admin-panel-table .line-even {
282 background-color: #f0f0f0;
283 text-align: left;
284 vertical-align: top;
285 }
286
287 #TSFE_ADMIN_PANEL_FORM .admin-panel-table .line-even {
288 background-color: #dedede;
289 }
290
291 #TSFE_ADMIN_PANEL_FORM #typo3-adminPanel-tsLog .stackPointer {
292 color: maroon;
293 vertical-align: top;
294 }
295
296 /**
297 * General Form Styles
298 **/
299 #TSFE_ADMIN_PANEL_FORM input[type="submit"] {
300 background-color: #f6f6f6;
301 background-image: url('../../images/backgrounds/button-hover.png');
302 background-image: linear-gradient(center top, #f6f6f6 10%, #c8c8c8 90%);
303 background-position: center bottom;
304 background-repeat: repeat-x;
305 border: 1px solid #737c7c;
306 color: #434343;
307 cursor: pointer;
308 padding: 3px;
309 margin-top: 2px;
310 }
311
312 #TSFE_ADMIN_PANEL_FORM input,
313 #TSFE_ADMIN_PANEL_FORM select {
314 position: static;
315 margin: 0 5px;
316 padding: 0;
317 }
318
319 #TSFE_ADMIN_PANEL_FORM input[type="checkbox"] {
320 margin-left: 0;
321 }