2 * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
3 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
6 * -------------------------- */
8 font-family: 'TYPO3FontAwesome';
9 src: url('../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?v=4.6.3');
10 src: url('../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
11 url('../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
12 url('../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff?v=4.6.3') format('woff'),
13 url('../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
14 url('../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
20 * Font Awesome icons are prefixed with #TSFE_ADMIN_PANEL_FORM to prevent issues with
21 * CSS from the website that uses Font Awesome too.
23 #TSFE_ADMIN_PANEL_FORM .fa:before,
24 .frontEndEditIconLinks .fa:before,
25 .typo3-editPanel .fa:before{
26 display: inline-block;
27 font: normal normal normal 14px/1 TYPO3FontAwesome;
30 -webkit-font-smoothing: antialiased;
31 -moz-osx-font-smoothing: grayscale;
32 transform: translate(0, 0);
34 #TSFE_ADMIN_PANEL_FORM .fa-pencil:before,
35 .typo3-feedit-element .fa-pencil:before {
38 #TSFE_ADMIN_PANEL_FORM .fa-angle-up:before,
39 .typo3-editPanel .fa-angle-up:before {
42 #TSFE_ADMIN_PANEL_FORM .fa-angle-down:before,
43 .typo3-editPanel .fa-angle-down:before {
46 #TSFE_ADMIN_PANEL_FORM .fa-toggle-off:before,
47 .typo3-editPanel .fa-toggle-off:before {
50 #TSFE_ADMIN_PANEL_FORM .fa-toggle-on:before,
51 .typo3-editPanel .fa-toggle-on:before {
54 #TSFE_ADMIN_PANEL_FORM .fa-google-plus-square:before,
55 .typo3-editPanel .fa-google-plus-square:before {
58 #TSFE_ADMIN_PANEL_FORM .fa-trash:before,
59 .typo3-editPanel .fa-trash:before {
62 #TSFE_ADMIN_PANEL_FORM .fa-history:before,
63 .typo3-editPanel .fa-history:before {
66 #TSFE_ADMIN_PANEL_FORM .fa-list-alt:before,
67 .typo3-editPanel .fa-list-alt:before {
70 #TSFE_ADMIN_PANEL_FORM .fa-plus-square:before,
71 .typo3-feedit-element .fa-plus-square:before {
74 #TSFE_ADMIN_PANEL_FORM .fa-arrows:before,
75 .typo3-editPanel .fa-arrows:before{
78 #TSFE_ADMIN_PANEL_FORM .fa-exclamation-circle:before {
81 #TSFE_ADMIN_PANEL_FORM .fa-exclamation-triangle:before {
84 #TSFE_ADMIN_PANEL_FORM .fa-info-circle:before {
87 #TSFE_ADMIN_PANEL_FORM .fa-caret-down:before {
90 #TSFE_ADMIN_PANEL_FORM .fa-caret-up:before {
93 #TSFE_ADMIN_PANEL_FORM .fa-bolt:before {
101 #TSFE_ADMIN_PANEL_FORM *:before,
102 #TSFE_ADMIN_PANEL_FORM *:after {
103 -webkit-box-sizing: border-box;
104 -moz-box-sizing: border-box;
105 box-sizing: border-box;
109 * Frontend Editing Styles
118 text-decoration: none;
121 .typo3-editPanel-label {
126 .typo3-editPanel .t3-icon {
127 display: inline-block;
132 .typo3-feedit-element .btn-default.content-link {
133 background-color: #eee;
137 .typo3-feedit-element {
140 .typo3-feedit-element-hidden {
141 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
149 #TSFE_ADMIN_PANEL_FORM {
154 #TSFE_ADMIN_PANEL_FORM {
155 background-color: #fff;
156 box-shadow: 0 3px 15px #808080;
160 border-top-right-radius: 4px;
161 border-top-left-radius: 4px;
164 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel {
165 border: 1px solid #ccc;
167 border-collapse: separate;
168 border-top-right-radius: 4px;
169 border-top-left-radius: 4px;
176 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel * {
180 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table * {
184 #TSFE_ADMIN_PANEL_FORM,
185 #TSFE_ADMIN_PANEL_FORM table,
186 #TSFE_ADMIN_PANEL_FORM a {
188 font-family: Verdana, Arial, sans-serif;
190 text-decoration: none;
193 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-header {
197 #TSFE_ADMIN_PANEL_FORM #typo3-adminPanel-header {
198 border-top-right-radius: 4px;
199 border-top-left-radius: 4px;
203 #TSFE_ADMIN_PANEL_FORM #typo3-adminPanel-header {
204 display: inline-block;
206 background-color: #222;
210 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-header a {
214 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-header-title {
220 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-header-buttonWrapper {
221 display: inline-block;
226 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-panel-open .typo3-adminPanel-header-button:before,
227 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-panel-closed .typo3-adminPanel-header-button:before {
228 display: inline-block;
235 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-panel-closed .typo3-adminPanel-header-button:before {
239 #TSFE_ADMIN_PANEL_FORM .updatebutton {
241 background-color: #222;
245 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title .wrapper {
249 border-top: 1px solid #888;
250 border-bottom: 1px solid #888;
251 background-color: #ddd;
254 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title a {
261 #TSFE_ADMIN_PANEL_FORM label {
267 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title a .typo3-adminPanel-label {
272 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title .wrapper:hover {
274 background-color: #7e7e7e;
277 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title .wrapper:hover a {
281 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title .typo3-adminPanel-section-open,
282 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title .typo3-adminPanel-section-closed {
283 display: inline-block;
288 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title .typo3-adminPanel-section-open:before,
289 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title .typo3-adminPanel-section-closed:before {
296 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-title .typo3-adminPanel-section-closed:before {
300 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-itemRow .typo3-adminPanel-section-content {
305 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-content {
309 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-content .toolbar span {
313 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-section-content label {
317 #TSFE_ADMIN_PANEL_FORM #typo3-adminPanel-tsLog {
318 border: 1px solid #7e7e7e;
322 #TSFE_ADMIN_PANEL_FORM .clear-cache-icon:before {
328 #TSFE_ADMIN_PANEL_FORM .btn.clear-cache {
333 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table {
335 border-collapse: collapse;
337 border: 1px solid #ccc;
340 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table tr {
343 vertical-align: inherit;
344 border-color: inherit;
347 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table td {
349 vertical-align: inherit;
350 border-color: inherit;
356 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table th {
357 padding: 10px 10px 10px 15px;
358 border-bottom: 1px solid #aaa;
360 background-color: #ededed;
363 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table th span[style] {
364 color: #fff !important;
367 #TSFE_ADMIN_PANEL_FORM #typo3-adminPanel-tsLog .typo3-adminPanel-logRow-highlight {
368 background-color: #fcd3cf;
371 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table-wrapper {
375 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table-wrapper.scroll-table {
379 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table .line-odd,
380 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table .line-even {
381 background-color: #f0f0f0;
386 #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel-table .line-even {
387 background-color: #dedede;
390 #TSFE_ADMIN_PANEL_FORM #typo3-adminPanel-tsLog .stackPointer {
396 * General Form and Button Styles
400 display: inline-block;
402 vertical-align: middle;
410 #TSFE_ADMIN_PANEL_FORM input,
411 #TSFE_ADMIN_PANEL_FORM select {
416 #TSFE_ADMIN_PANEL_FORM input[type="checkbox"] {
425 #TSFE_ADMIN_PANEL_FORM input[type="text"], #TSFE_ADMIN_PANEL_FORM select {
430 box-sizing: border-box;
433 #TSFE_ADMIN_PANEL_FORM input {
434 font-family: inherit;
436 line-height: inherit;
441 #TSFE_ADMIN_PANEL_FORM .btn {
442 display: inline-block;
445 border: 1px solid transparent;
451 vertical-align: middle;
452 touch-action: manipulation;
454 background-image: none;
456 -webkit-user-select: none;
457 -moz-user-select: none;
458 -ms-user-select: none;
462 #TSFE_ADMIN_PANEL_FORM .btn:hover {
463 background-color:#c4c4c4;
466 #TSFE_ADMIN_PANEL_FORM .btn-default {
468 background-color: #eeeeee;
469 border-color: #bbbbbb;
473 #TSFE_ADMIN_PANEL_FORM .btn-group {
475 display: inline-block;
476 vertical-align: middle;
479 #TSFE_ADMIN_PANEL_FORM .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
483 #TSFE_ADMIN_PANEL_FORM .btn-group > .btn:first-child {
487 #TSFE_ADMIN_PANEL_FORM input[type="text"] {
491 background-color: #fefefe;
492 background-image: none;
493 border: 1px solid #bbbbbb;
495 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
496 box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
497 -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
498 -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
499 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
502 #TSFE_ADMIN_PANEL_FORM .treeline-icon {
504 display: inline-block;
511 vertical-align: middle;
513 #TSFE_ADMIN_PANEL_FORM .treeline-icon:after,
514 #TSFE_ADMIN_PANEL_FORM .treeline-icon:before {
519 #TSFE_ADMIN_PANEL_FORM .treeline-icon:before {
524 border-left: 1px dotted #666666;
526 #TSFE_ADMIN_PANEL_FORM .treeline-icon:after {
527 border-top: 1px dotted #666666;
533 #TSFE_ADMIN_PANEL_FORM .treeline-icon-jointop:before {
536 #TSFE_ADMIN_PANEL_FORM .treeline-icon-joinbottom:before {
539 #TSFE_ADMIN_PANEL_FORM .treeline-icon-line:after {
542 #TSFE_ADMIN_PANEL_FORM .treeline-icon-blank {
545 #TSFE_ADMIN_PANEL_FORM .treeline-icon-clear:before,
546 #TSFE_ADMIN_PANEL_FORM .treeline-icon-clear:after {