[TASK] Move t3skin LESS files to Build folder 81/41181/2
authorBenjamin Kott <benjamin.kott@wfp2.com>
Tue, 14 Jul 2015 10:58:00 +0000 (12:58 +0200)
committerGeorg Ringer <georg.ringer@gmail.com>
Tue, 14 Jul 2015 11:58:59 +0000 (13:58 +0200)
Releases: master
Resolves: #68115
Change-Id: I60c4637050dd4024d5246cb9380ebd910f2fa619
Reviewed-on: http://review.typo3.org/41181
Reviewed-by: Georg Ringer <georg.ringer@gmail.com>
Tested-by: Georg Ringer <georg.ringer@gmail.com>
115 files changed:
Build/Gruntfile.js
Build/Resources/Public/Less/TYPO3/_debugconsole.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_deprecated.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_animation.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_badges.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_buttons.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_cropper.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_csh.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_csm.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_docheader.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_draguploader.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_history.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_label.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_message.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_modal.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_pagetree.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_pagination.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_panel.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_popover.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_rte.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_slider.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_spinner.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_tab.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_table.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_tceforms.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_tooltip.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_element_tree.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_fonts.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_icons.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_login_screen.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_main_body.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_main_content.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_main_form.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_main_scaffolding.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_main_type.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_module_beuser.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_module_database.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_module_extensionmanager.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_module_lang.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_module_menu.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_module_scheduler.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_module_web_list_sysnote.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_module_web_new_element.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_module_web_page.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_topbar.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/_various_fixes.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/structure/_element_version.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/structure/_element_wizard.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/structure/_module_user_ws.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/structure/_module_web_list.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/visual/_element_extjs_icons.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/visual/_element_typoscript.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/visual/_element_version.less [new file with mode: 0644]
Build/Resources/Public/Less/TYPO3/visual/_module_file_upload.less [new file with mode: 0644]
Build/Resources/Public/Less/bootstrap/variables.less [new file with mode: 0644]
Build/Resources/Public/Less/font-awesome/variables.less [new file with mode: 0644]
Build/Resources/Public/Less/nprogress/nprogress.less [new file with mode: 0644]
Build/Resources/Public/Less/t3skin.less [new file with mode: 0644]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debugconsole.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_animation.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_badges.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_buttons.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_cropper.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_draguploader.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_modal.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagetree.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagination.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_panel.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_popover.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_rte.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_slider.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_spinner.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tab.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_table.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tooltip.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tree.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_fonts.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_icons.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_body.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_scaffolding.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_type.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_beuser.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_database.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_extensionmanager.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_lang.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_scheduler.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_list_sysnote.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_new_element.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_page.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_various_fixes.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_version.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_wizard.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_user_ws.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_extjs_icons.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_typoscript.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_version.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_upload.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/font-awesome/variables.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/nprogress/nprogress.less [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less [deleted file]

index 7e4f0a1..5c2046f 100644 (file)
@@ -17,23 +17,25 @@ module.exports = function(grunt) {
        grunt.initConfig({
                pkg: grunt.file.readJSON('package.json'),
                paths: {
-                       root    : "../",
-                       sysext  : "<%= paths.root %>typo3/sysext/",
-                       t3skin  : "<%= paths.sysext %>t3skin/Resources/",
-                       core    : "<%= paths.sysext %>core/Resources/"
+                       resources : 'Resources/',
+                       less      : '<%= paths.resources %>Public/Less/',
+                       root      : '../',
+                       sysext    : '<%= paths.root %>typo3/sysext/',
+                       t3skin    : '<%= paths.sysext %>t3skin/Resources/',
+                       core      : '<%= paths.sysext %>core/Resources/'
                },
                less: {
                        t3skin: {
                                options: {
                                        outputSourceFiles: true
                                },
-                               src : '<%= paths.t3skin %>Private/Styles/t3skin.less',
+                               src : '<%= paths.less %>t3skin.less',
                                dest: '<%= paths.t3skin %>Public/Css/visual/t3skin.css'
                        }
                },
                watch: {
                        less: {
-                               files: '<%= paths.t3skin %>Private/Styles/**/*.less',
+                               files: '<%= paths.less %>**/*.less',
                                tasks: 'less'
                        }
                },
diff --git a/Build/Resources/Public/Less/TYPO3/_debugconsole.less b/Build/Resources/Public/Less/TYPO3/_debugconsole.less
new file mode 100644 (file)
index 0000000..831b939
--- /dev/null
@@ -0,0 +1,39 @@
+@console-border-color: darken(@gray-light, 15%);
+#typo3-debug-console {
+       background-color: @gray-lighter;
+       width: 100%;
+       position: absolute;
+       bottom: 0;
+       z-index: 1000;
+       border: 1px solid @console-border-color;
+
+       .topbar {
+               .clearfix();
+               background-color: @gray-light;
+               padding: @padding-base-vertical @padding-base-horizontal;
+               border-bottom: 1px solid @console-border-color;
+
+               .badge {
+                       margin-left: @padding-base-vertical;
+               }
+       }
+
+       .messages {
+               padding: @padding-base-vertical @padding-base-horizontal;
+               font-family: @font-family-monospace;
+               height: 250px;
+               overflow: auto;
+
+               .table {
+                       width: auto;
+               }
+
+               p {
+                       margin: 0;
+
+                       strong {
+                               padding-right: @padding-small-horizontal;
+                       }
+               }
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_deprecated.less b/Build/Resources/Public/Less/TYPO3/_deprecated.less
new file mode 100644 (file)
index 0000000..8280832
--- /dev/null
@@ -0,0 +1,157 @@
+//
+// Deprecated
+//
+.t3-row-header {
+       background-color: #666;
+       padding: 6px;
+       a,
+       a:hover {
+               color: #fff;
+       }
+}
+.tableheader td {
+       padding: 6px;
+}
+.typo3-tstemplate-ceditor-control {
+       cursor: pointer;
+}
+
+
+//
+// Background color classes
+//
+.bgColor-20 {
+       background-color: #e3dfdb;
+}
+.bgColor2 {
+       background-color: #585858;
+       color: #ffffff;
+}
+.bgColor3 {
+       background-color: #f6f2e6;
+}
+.bgColor3-20 {
+       background-color: #f7f7f7;
+}
+.bgColor4 {
+       background-color: #f1f1f1;
+       color: #212424;
+}
+.bgColor4-20 {
+       background-color: #f8f9fa;
+}
+.bgColor5 {
+       background-color: #9b9b9b;
+}
+.bgColor6 {
+       background-color: #f7f7f7;
+}
+
+
+//
+// Messages
+//
+#typo3-messages {
+       margin-bottom: 10px;
+}
+.typo3-message {
+       .alert;
+       background-position: 10px 12px;
+       background-repeat: no-repeat;
+       padding: 12px 12px 12px 36px;
+       .message-header {
+               font-weight: bold;
+               margin-bottom: floor(@line-height-computed / 2);
+       }
+       ul,
+       ol {
+               padding-left: 16px;
+       }
+       .message-header {
+               display: block;
+       }
+       .t3-icon-actions-message-close {
+               cursor: pointer;
+               float: right;
+       }
+       li {
+               margin-bottom: 10px;
+               list-style: disc;
+       }
+       a {
+               text-decoration: underline;
+       }
+}
+.message-notice {
+       // Nothing to inherit from Bootstrap - there is no alert-notice
+       color: #777;
+       background-color: #f6f7fa;
+       background-image: url('../../../../icons/gfx/notice.png');
+       border-color: #c2cbcf;
+       a {
+               color: #777;
+       }
+}
+.message-information {
+       .alert-info;
+       background-image: url('../../../../icons/gfx/information.png');
+       a {
+               color: #4c73a1;
+       }
+}
+.message-ok {
+       .alert-success;
+       background-image: url('../../../../icons/gfx/ok.png');
+       a {
+               color: #3b7826;
+       }
+}
+.message-warning {
+       .alert-warning;
+       background-image: url("../../../../icons/gfx/warning.png");
+       a {
+               color: #9e7d4a;
+       }
+}
+.message-error {
+       .alert-danger;
+       background-image: url('../../../../icons/gfx/error.png');
+       a {
+               color: #aa0225;
+       }
+}
+
+
+//
+// Docheader
+//
+div#typo3-docbody {
+       bottom: 0;
+       overflow: auto;
+       position: absolute;
+       top: 51px;
+       width: 100%;
+}
+
+
+//
+// Context Sensitive Help (CSH)
+//
+.t3-help-link {
+       span.t3-help-inline {
+               display: none;
+       }
+       &:hover span.t3-help-inline {
+               display: block;
+       }
+}
+
+
+//
+// Print
+//
+@media print {
+       div#typo3-docbody {
+               overflow: visible;
+       }
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_animation.less b/Build/Resources/Public/Less/TYPO3/_element_animation.less
new file mode 100644 (file)
index 0000000..2d16ec8
--- /dev/null
@@ -0,0 +1,30 @@
+//
+// Collapse horizontal
+//
+.collapse-horizontal {
+       height: auto;
+       width: 0;
+       vertical-align: middle;
+       overflow: hidden;
+       &.in {
+               display: inline-block;
+               width: auto;
+       }
+       &.collapsing {
+               display: inline-block;
+               width: 0;
+               .transition-property(~"width, visibility");
+       }
+}
+
+//
+// Hotfix display collapse always to prevent RTE initialisation problems
+//
+.collapse {
+       display: block;
+       height: 0;
+       overflow: hidden;
+       &.in {
+               height: auto;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_badges.less b/Build/Resources/Public/Less/TYPO3/_element_badges.less
new file mode 100644 (file)
index 0000000..7c925a9
--- /dev/null
@@ -0,0 +1,18 @@
+//
+// Badges
+//
+.badge-info {
+       .bg-variant(@brand-info);
+}
+
+.badge-success {
+       .bg-variant(@brand-success);
+}
+
+.badge-warning {
+       .bg-variant(@brand-warning);
+}
+
+.badge-danger {
+       .bg-variant(@brand-danger);
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_buttons.less b/Build/Resources/Public/Less/TYPO3/_element_buttons.less
new file mode 100644 (file)
index 0000000..6a33968
--- /dev/null
@@ -0,0 +1,40 @@
+//
+// Button
+//
+.btn {
+       .t3-icon {
+               margin: 0;
+       }
+}
+
+//
+// Button Group
+//
+.btn-group {
+       font-size: 0;
+       .collapse + .btn.collapsed:last-child {
+               border-radius: @border-radius-base;
+       }
+}
+
+//
+// Button Checkbox and Radio
+//
+.btn-radio,
+.btn-checkbox {
+       input[type="radio"],
+    input[type="checkbox"] {
+               position: absolute;
+               clip: rect(0,0,0,0);
+               pointer-events: none;
+       }
+       .fa:before {
+               content: "\f096";
+       }
+       input[type=radio]:checked,
+       input[type=checkbox]:checked {
+               + .fa:before {
+                       content: "\f00c";
+               }
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_cropper.less b/Build/Resources/Public/Less/TYPO3/_element_cropper.less
new file mode 100644 (file)
index 0000000..ef6364c
--- /dev/null
@@ -0,0 +1,32 @@
+.cropper-line {
+       background-color: #FFFFFF;
+}
+.cropper-point {
+       background-color: #FFFFFF;
+}
+.cropper-point.point-se:before {
+       background-color: #FFFFFF;
+}
+.cropper-view-box {
+       outline: 1px dashed #6699ff;
+       outline-color: rgb(255, 255, 255, 0.75);
+}
+.cropper-bg {
+       background-image: data-uri("../../Images/cropper-background.png");
+}
+.cropper-image-container {
+
+}
+.cropper-preview-container {
+       overflow: hidden;
+       position: relative;
+       img {
+               display: block;
+               position: absolute;
+               width: 100%;
+               min-width: 0!important;
+               min-height: 0!important;
+               max-width: none!important;
+               max-height: none!important;
+       }
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_csh.less b/Build/Resources/Public/Less/TYPO3/_element_csh.less
new file mode 100644 (file)
index 0000000..9ce0f16
--- /dev/null
@@ -0,0 +1,305 @@
+//
+// Context sensitive help jij
+//
+
+.t3-help-link {
+       // Hotfix to prevent prototype / scriptaculous hiding the links
+       // this can be removed after prototype / scriptaculous removed completely.
+       // at the moment prototype / scriptaculous hide link after popover was closed.
+       display: inline!important;
+}
+
+.typo3-csh-inline {
+       padding: 4px;
+}
+
+table.typo3-csh-inline {
+       margin: 5px 4px 20px 0;
+       a.typo3-csh-link {
+               float: none;
+               margin-right: 0;
+       }
+}
+
+a.typo3-csh-link .typo3-csh-inline {
+       display: none;
+       position: absolute;
+       width: 200px;
+       z-index: 100;
+}
+
+a.typo3-csh-link .typo3-csh-inline.show-right {
+       right: 10px;
+}
+
+table.typo3-csh-inline a.typo3-csh-link,
+table.typo3-csh-inline span.t3-row-header,
+span.typo3-csh-inline span.t3-row-header,
+a.typo3-csh-link span.typo3-csh-inline span.t3-row-header {
+       display: block;
+}
+
+a.typo3-csh-link:hover .typo3-csh-inline {
+       display: block;
+}
+
+.typo3-csh-inline h2.t3-row-header {
+       margin: 0;
+       height: auto;
+}
+
+table.typo3-csh-inline {
+       a.typo3-csh-link {
+               height: 16px;
+       }
+       tr td h4 {
+               margin-top: 0;
+               margin-bottom: 0;
+       }
+}
+
+
+table.typo3-csh-inline span.paragraph,
+a.typo3-csh-link span.typo3-csh-inline span.paragraph {
+       display: block;
+       padding: 3px;
+}
+
+img.typo3-csh-icon {
+       vertical-align: middle;
+}
+
+div.typo3-view-help {
+       margin: 0;
+       width: 100%;
+       h1 {
+               background: none;
+               margin-bottom: 0;
+               padding: 10px;
+               color: #000;
+               text-align: left;
+       }
+       h2 {
+               margin-top: 0;
+               padding: 4px 2px 4px 10px;
+       }
+       h3 {
+               padding: 5px 10px;
+       }
+       h4 {
+               padding: 2px 10px;
+       }
+       p {
+               margin: 4px 4px 12px 10px;
+               &.c-nav a {
+                       background-color: transparent;
+               }
+       }
+       div.c-toc {
+               padding-left: 6px;
+               p {
+                       margin: 0;
+               }
+       }
+
+       .manual-title,
+       .introduction {
+               padding: 0 12px 6px;
+       }
+       img.c-inlineimg  {
+               margin-left: 10px;
+       }
+
+       //
+       // EXT:cshmanual
+       //
+
+       p
+       div.c-toc {
+               background: none;
+               border: none;
+       }
+
+       a {
+               text-decoration: underline;
+       }
+}
+
+
+//
+// new help code
+//
+
+.t3-help-inline {
+       padding: 4px;
+}
+
+table.t3-help-inline {
+       margin: 3px 4px 20px 0;
+       background-color: #ffffc7;
+       border: 1px solid #cccccc;
+
+       a.t3-help-link {
+               float: none;
+               margin-right: 0;
+               height: 16px;
+       }
+
+       tr td h4 {
+               margin-top: 0;
+               margin-bottom: 0;
+       }
+}
+
+table.t3-help-inline a.t3-help-link,
+table.t3-help-inline span.t3-row-header,
+span.t3-help-inline span.t3-row-header,
+a.t3-help-link span.t3-help-inline span.t3-row-header {
+       display: block;
+}
+
+a.t3-help-link .t3-help-inline {
+       display: none;
+       position: absolute;
+       width: 200px;
+       z-index: 100;
+       background: #ffffc7;
+       color: #000000;
+       font-weight: normal;
+
+       &.show-right {
+               right: 10px;
+       }
+}
+
+
+
+a.t3-help-link:hover .t3-help-inline {
+       display: block;
+}
+
+.t3-help-inline h2.t3-row-header {
+       margin: 0;
+       height: auto;
+}
+
+table.t3-help-inline span.paragraph,
+a.t3-help-link span.t3-help-inline span.paragraph {
+       display: block;
+       padding: 3px;
+}
+
+img.t3-help-icon {
+       vertical-align: middle;
+}
+
+div.t3-view-help {
+       margin: 0;
+       width: 100%;
+
+       h1 {
+               margin-bottom: 0;
+               padding: 10px;
+       }
+
+       h2 {
+               margin-top: 0;
+               padding: 4px 2px 4px 10px;
+       }
+
+       h3 {
+               padding: 5px 10px;
+       }
+
+       h4 {
+               padding: 2px 10px;
+       }
+
+       p {
+               margin: 4px 4px 12px 10px;
+       }
+
+       .c-toc {
+               padding-left: 6px;
+               p {
+                       margin: 0;
+               }
+       }
+
+       .manual-title,
+       .introduction {
+               padding: 0 12px 6px;
+       }
+
+       img.c-inlineimg  {
+               margin-left: 10px;
+       }
+}
+
+
+//
+// ExtJS based CSH tooltips
+//
+
+.x-tip.typo3-csh-tooltip .x-tip-tl,
+.x-tip.typo3-csh-tooltip .x-tip-cl {
+       padding-left: 8px;
+}
+
+.x-tip.typo3-csh-tooltip .x-tip-tr,
+.x-tip.typo3-csh-tooltip .x-tip-cr {
+       padding-right: 8px;
+}
+
+//
+// Context Sensitive Help (CSH)
+//
+
+.typo3-csh-inline {
+       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+       line-height: 16px;
+}
+
+table.typo3-csh-inline {
+       background-color: #ffffc7;
+       border: 1px solid #cccccc;
+}
+
+a.typo3-csh-link .typo3-csh-inline {
+       background-color: #ffffc7;
+       border: 1px solid #cccccc;
+       color: #000000;
+       font-weight: normal;
+}
+
+img.typo3-csh-icon {
+       cursor: help;
+}
+
+a.typo3-csh-link {
+       white-space: normal;
+}
+
+//
+// new CSH code
+//
+
+.t3-help-inline {
+       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+       line-height: 16px;
+}
+
+p.t3-help-short.tipIsLinked {
+       cursor: pointer;
+}
+
+.t3-help-teaser,
+.t3-help-teaser label,
+.t3-help-teaser-icon,
+img.t3-help-icon {
+       cursor: help;
+}
+
+a.t3-help-link {
+       white-space: normal;
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_csm.less b/Build/Resources/Public/Less/TYPO3/_element_csm.less
new file mode 100644 (file)
index 0000000..26caa2e
--- /dev/null
@@ -0,0 +1,76 @@
+//
+// Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
+// Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
+//
+
+.typo3-CSM-wrapperCM {
+       background: #fff;
+       border: #b6b6b6 1px solid;
+}
+
+//
+// Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
+// Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
+//
+
+table.typo3-CSM {
+       tr.typo3-CSM-itemRow {
+               td {
+                       padding: 2px 6px;
+
+                       .t3-icon {
+                               vertical-align: bottom;
+                       }
+
+                       //
+                       // the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high
+                       // see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks
+                       //
+                       img {
+                               display: block;
+                       }
+               }
+       }
+
+       td.typo3-CSM-item {
+               white-space: nowrap;
+       }
+
+       tr.typo3-CSM-itemRow {
+               cursor: pointer;
+       }
+
+       tr.bgColor2 {
+               background-color: #b6b6b6;
+       }
+}
+
+//
+// special backend elements
+//
+
+//
+// Context Sensitive Menu / Top frame (alt_clickmenu.php):
+//
+
+body#typo3-alt-clickmenu-php {
+       margin-top: 10px;
+}
+
+//
+// Context Sensitive Menu / Top frame (alt_clickmenu.php):
+//
+
+#contentMenu0 {
+       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+
+div#contentMenu0 {
+       position: absolute;
+       z-index: 10;
+}
+
+div#contentMenu1 {
+       position: absolute;
+       z-index: 20;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_docheader.less b/Build/Resources/Public/Less/TYPO3/_element_docheader.less
new file mode 100644 (file)
index 0000000..39fbee9
--- /dev/null
@@ -0,0 +1,228 @@
+//
+// DocHeader
+//
+
+@docheader-text: rgb(45, 45, 45);
+@docheader-bg: #eee;
+@docheader-border: rgb(195, 195, 195);
+
+#typo3-docheader {
+       background: @docheader-bg;
+
+       img,
+       input {
+               cursor: pointer;
+       }
+
+       .t3-icon {
+               margin-bottom: 3px;
+       }
+
+       // left col
+       .left {
+               &:extend(.pull-left);
+               .t3-icon {
+                       margin-right: 6px;
+               }
+       }
+       // right col
+       .right {
+               &:extend(.pull-right);
+               .t3-icon {
+                       margin-left: 6px;
+               }
+       }
+
+       // Extra margin 6px added to it-icon margin, doubled spacing = 12px
+       .buttongroup {
+               float: left;
+               margin-right: 6px;
+               .c-inputButton {
+                       color: inherit;
+               }
+       }
+
+       select {
+               margin-right: 12px;
+       }
+
+       a {
+               color: @docheader-text;
+
+               &:hover {
+                       color: #000;
+               }
+       }
+
+       .typo3-docheader-functions,
+       .typo3-docheader-buttons {
+               color: @docheader-text;
+               overflow: hidden;
+               padding: 0 24px;
+       }
+
+       // first row
+       .typo3-docheader-functions {
+               height: 27px;
+               line-height: 27px;
+
+               // overwrite defaults from normalize.css
+               select {
+                       color: @docheader-text;
+               }
+       }
+
+       // second row
+       .typo3-docheader-buttons {
+               height: 22px;
+               padding-top: 3px;
+               padding-bottom: 3px;
+               border-bottom: 1px solid #C3C3C3;
+       }
+}
+
+//
+// ExtJS Viewport
+//
+
+//
+// Collapsed tree frame is not invisible, but 5px wide.
+// If no tree frame is in use, an empty container is shown instead
+//
+
+#typo3-navigationContainer-xsplit,
+#typo3-navigationContainer-xcollapsed,
+#typo3-navigationDummy {
+       background: @body-bg url(../../Images/docheader-split-background.png) left top repeat-x;
+}
+
+
+// override the ExtJS collapse page tree button
+// -------------------------
+
+@module-menu-border-color-lighter: #F5F5F5;
+@module-menu-border-color-light: #C3C3C3;
+
+#typo3-navigationContainer-xcollapsed {
+       width: 24px!important;
+       &:before {
+               content: "";
+               position: absolute;
+               top: 0;
+               width: 8px;
+               height: 100%;
+               background-color: lighten(@module-menu-bg,25%);
+               border-right: 1px solid lighten(@module-menu-border-color,20%);
+               border-left: 1px solid @module-menu-border-color;
+               .box-shadow(3px 0 0 rgba(0,0,0,0.15));
+       }
+}
+
+// center collapse button vertical
+.x-panel-body {
+       .x-layout-cmini-west .x-layout-mini,
+       .x-layout-split-west .x-layout-mini {
+               top: 50%;
+               margin-top: -40px;
+       }
+}
+
+
+// styling for the page tree collapse button
+// this class will be extended from ExtJS CSS Class setup (ExtJS close and open html setup)
+.typo3-btn-collapse-page-tree {
+       height: 80px;
+       width: 14px;
+       border-top-right-radius: 3px;
+       border-bottom-right-radius: 3px;
+       background: none;
+       border: 1px solid @module-menu-border-color-light;
+       border-left: 1px solid @module-menu-border-color-lighter;
+       display: block;
+       font-size: 0;
+       .opacity(1);
+       &:after {
+               font-family: 'FontAwesome';
+               content: "\f0d9";
+               position: absolute;
+               top: 50%;
+               display: block;
+               width: 100%;
+               margin-top: -1px;
+               color: #000;
+               font-size: 12px;
+               vertical-align: middle;
+               text-align: center;
+       }
+}
+
+// close page tree button
+.x-layout-split-west .x-layout-mini {
+       &:extend(.typo3-btn-collapse-page-tree all);
+       margin-left: -2px;
+       background-color: @module-menu-border-color-lighter;
+       &:hover {
+               background-color: darken(@module-menu-border-color-lighter,5%);
+       }
+}
+
+// open page tree button
+.x-layout-cmini-west .x-layout-mini {
+       &:extend(.typo3-btn-collapse-page-tree all);
+       background-color: lighten(@module-menu-bg, 25%);
+       margin-left: 7px;
+       border: 1px solid lighten(@module-menu-border-color, 20%);
+       border-left: 0;
+
+       &:hover {
+               .opacity(1);
+               background-color: lighten(@module-menu-bg,30%);
+       }
+       &:after {
+               margin-top: -9px;
+               color: #fff;
+               content: "\f0da";
+       }
+}
+
+
+
+//
+// ExtJS theme for PageTree
+//
+#typo3-pagetree-topPanelItems {
+       background: @docheader-bg;
+
+       #typo3-pagetree-topPanel {
+
+               .x-panel-body-noborder {
+                       border-bottom: 1px solid @docheader-border;
+               }
+
+               // Functions
+               .x-panel-tbar {
+                       color: @docheader-text;
+                       a {
+                               color: @docheader-text;
+                               &:hover {
+                                       color: #000;
+                               }
+                       }
+               }
+
+               // Buttons
+               .x-panel-body {
+                       color: @docheader-text;
+                       .typo3-pagetree-topPanel-button {
+                               margin-top: 0;
+                       }
+                       a {
+                               color: @docheader-text;
+                               &:hover {
+                                       color: #000;
+                               }
+                       }
+               }
+       }
+
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_draguploader.less b/Build/Resources/Public/Less/TYPO3/_element_draguploader.less
new file mode 100644 (file)
index 0000000..3e2438b
--- /dev/null
@@ -0,0 +1,225 @@
+//
+// Dropzone Variables
+//
+@dropzone-text: #333333;
+@dropzone-border: #cccccc;
+@dropzone-margin: 15px 0;
+@dropzone-hover-border:  #999999;
+
+@dropzone-hint-title-size: 12px;
+@dropzone-hint-title-weight: bold;
+
+@dropzone-close-height: 26px;
+@dropzone-close-width: 26px;
+@dropzone-close-size: 14px;
+@dropzone-close-bg: #eaeaea;
+@dropzone-close-text: @dropzone-text;
+@dropzone-close-hover-bg: @brand-danger;
+@dropzone-close-hover-text: #ffffff;
+
+@dropzone-icon-size: 16px;
+@dropzone-icon-height: 40px;
+@dropzone-icon-width: 40px;
+@dropzone-icon-radius: 50%;
+@dropzone-icon-bg: #eeeeee;
+
+@dropzone-icon-ok-text: #ffffff;
+@dropzone-icon-ok-bg: @brand-success;
+
+
+//
+// Dropzone
+//
+.dropzone {
+       position: relative;
+       cursor: pointer;
+       margin: @dropzone-margin;
+       padding: 1.25em;
+       padding-right: @dropzone-close-width + 20px;
+       color: @dropzone-text;
+       border: 1px dashed @dropzone-border;
+       .transition(all 0.3s ease-in-out);
+       &:hover {
+               border-color: @dropzone-hover-border;
+       }
+}
+.dropzone-mask {
+       position: absolute;
+       left: 0;
+       right: 0;
+       bottom: 0;
+       top: 0;
+}
+
+
+//
+// Dropzone Close
+//
+.dropzone-close {
+       cursor: pointer;
+       position: absolute;
+       top: 5px;
+       right: 5px;
+       height: @dropzone-close-height;
+       width: @dropzone-close-width;
+       font-family: FontAwesome;
+       font-size: @dropzone-close-size;
+       line-height: @dropzone-close-height;
+       text-align: center;
+       text-rendering: auto;
+       -webkit-font-smoothing: antialiased;
+       -moz-osx-font-smoothing: grayscale;
+       transform: translate(0, 0);
+       overflow: hidden;
+       background-color: @dropzone-close-bg;
+       color: @dropzone-close-text;
+       &:hover {
+               color: @dropzone-close-hover-text;
+               background-color: @dropzone-close-hover-bg;
+       }
+       &:before {
+               content: "\f00d";
+       }
+}
+
+
+//
+// Dropzone Hint
+//
+// Markup:
+// <div class="dropzone-hint">
+//   <div class="dropzone-hint-media">
+//     <span class="dropzone-hint-icon"></span>
+//   </div>
+//   <div class="dropzone-hint-body">
+//     <h3 class="dropzone-hint-title">Title</h3>
+//     <p class="dropzone-hint-message">Message</h3>
+//   </div>
+// </div>
+//
+.dropzone-hint {
+       display: table;
+}
+.dropzone-hint-media,
+.dropzone-hint-body {
+       display: table-cell;
+       vertical-align: middle;
+}
+.dropzone-hint-body {
+       *:first-child {
+               margin-top: 0;
+       }
+       *:last-child {
+               margin-bottom: 0;
+       }
+}
+.dropzone-hint-media {
+       padding-right: 1em;
+}
+.dropzone-hint-icon {
+       height: @dropzone-icon-height;
+       width: @dropzone-icon-width;
+       text-align: center;
+       line-height: @dropzone-icon-height;
+       font-size: @dropzone-icon-size;
+       background-color: @dropzone-icon-bg;
+       border-radius: @dropzone-icon-radius;
+       font-family: FontAwesome;
+       text-rendering: auto;
+       -webkit-font-smoothing: antialiased;
+       -moz-osx-font-smoothing: grayscale;
+       transform: translate(0, 0);
+       &:before {
+               content: "\f093";
+       }
+}
+.dropzone-hint-title {
+       font-size: @dropzone-hint-title-size;
+       font-weight: @dropzone-hint-title-weight;
+       margin-bottom: 0.25em;
+}
+
+
+//
+// Drop progress
+//
+.drop-status-ok {
+       .dropzone-hint-icon {
+               color: @dropzone-icon-ok-text;
+               background: @dropzone-icon-ok-bg;
+       }
+}
+.drop-in-progress {
+       .dropzone-hint-icon {
+               &:before {
+                       content: "\f063";
+               }
+       }
+}
+
+
+//
+// Upload Variables
+//
+@upload-queue-margin: @dropzone-margin;
+@upload-queue-progress-bg: @brand-success;
+@upload-queue-progress-uploading-bg: @brand-info;
+@upload-queue-progress-error-bg: @brand-danger;
+
+
+//
+// Upload queue
+//
+.upload-queue {
+       margin: @upload-queue-margin;
+}
+.upload-queue-progress {
+       position: relative;
+       padding: 5px;
+       color: #ffffff;
+       background-color: #999999;
+       border: 1px solid rgba(0,0,0,0.15);
+       text-align: right;
+}
+.upload-queue-progress-bar {
+       position: absolute;
+       z-index: 1;
+       top: 0;
+       left: 0;
+       bottom: 0;
+       background-color: @upload-queue-progress-bg;
+}
+.upload-queue-progress-percentage,
+.upload-queue-progress-message {
+       display: inline;
+       position: relative;
+       z-index: 2;
+}
+
+
+//
+// Upload filepicker
+//
+.upload-file-picker {
+       position: fixed;
+       bottom: 0;
+       right: 0;
+       height: 1px;
+       width: 1px;
+       visibility: hidden;
+}
+
+
+//
+// Upload status
+//
+.uploading {
+       .upload-queue-progress-bar {
+               background-color: @upload-queue-progress-uploading-bg;
+       }
+}
+.error {
+       .upload-queue-progress-bar {
+               background-color: @upload-queue-progress-error-bg;
+       }
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_history.less b/Build/Resources/Public/Less/TYPO3/_element_history.less
new file mode 100644 (file)
index 0000000..f25d053
--- /dev/null
@@ -0,0 +1,21 @@
+//
+// History / Undo
+//
+
+table#typo3-history,
+table#typo3-history-item {
+       tr.c-head td {
+               font-weight: bold;
+       }
+
+       tr {
+               td {
+                       vertical-align: top;
+
+               }
+       }
+
+       img {
+               margin: 1px;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_label.less b/Build/Resources/Public/Less/TYPO3/_element_label.less
new file mode 100644 (file)
index 0000000..64930e2
--- /dev/null
@@ -0,0 +1,20 @@
+//
+// Label
+//
+
+.label-stable:extend(.label-success){};
+.label-beta:extend(.label-warning){};
+.label-alpha:extend(.label-danger){};
+.label-obsolete:extend(.label-default){};
+.label-experimental:extend(.label-default){}
+.label-test:extend(.label-default){}
+.label-excludeFromUpdates:extend(.label-default){}
+
+.label-inline,
+.label-block {
+       margin: 0;
+       font-weight: normal;
+}
+.label-block {
+       display: block;
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_message.less b/Build/Resources/Public/Less/TYPO3/_element_message.less
new file mode 100644 (file)
index 0000000..97a4729
--- /dev/null
@@ -0,0 +1,155 @@
+//
+// Alert wrapper
+//
+ul.typo3-messages {
+       padding: 0;
+}
+
+//
+// Alert notice
+//
+.alert-notice {
+       .alert-variant(@alert-notice-bg; @alert-notice-border; @alert-notice-text);
+}
+
+//
+// Alerts
+//
+.alert {
+       box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
+       border: 0;
+       a {
+               color: inherit;
+               text-decoration: underline;
+       }
+       .media {
+               margin: 0;
+               .fa-stack {
+                       > .fa:first-child {
+                               .opacity(0.2);
+                       }
+               }
+       }
+       .media-body {
+               vertical-align: middle;
+       }
+}
+.alert-title {
+       font-size: 1.12em;
+       font-weight: bold;
+       margin: 0 0 0.25em;
+}
+.alert-body,
+.alert-message {
+       margin: 0;
+       font-size: .9em;
+       > *:last-child {
+               margin-bottom: 0;
+       }
+       > ul {
+               padding-left: 1.5em;
+       }
+}
+.alert-dismissible {
+       .close {
+               .opacity(0.5);
+               padding: 1px;
+               top: -3px;
+               right: -22px;
+               color: inherit;
+               &:hover {
+                       .opacity(1);
+                       color: inherit;
+               }
+       }
+}
+
+
+//
+// JavaScript Flashmessages
+//
+#alert-container {
+       width: 400px;
+       position: absolute;
+       right: 5px;
+       top: 46px;
+       z-index: 10000;
+       .alert {
+               box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), 0 2px 0 0 rgba(0,0,0,0.15);
+               position: relative;
+               margin: 5px auto;
+               &.fade.in {
+                       .opacity(0.95);
+               }
+       }
+}
+
+
+//
+// Callouts
+//
+.callout {
+       background-color: @callout-bg;
+       border-left: 3px solid @callout-border;
+       margin: 20px 0;
+       padding: @callout-padding;
+       color: @callout-color;
+       .media {
+               margin: 0;
+               .fa-stack {
+                       color: @callout-icon-color;
+                       > .fa:first-child {
+                               color: @callout-border;
+                       }
+               }
+       }
+       .media-body {
+               vertical-align: middle;
+       }
+}
+.callout-icon {
+       margin-top: -2px;
+}
+.callout-title {
+       font-size: 1.3em;
+       margin: 0 0 0.5em;
+}
+.callout-body {
+       > *:last-child {
+               margin-bottom: 0;
+       }
+}
+
+
+//
+// Callout variants
+//
+.callout-variant(@background; @border; @text-color; @icon-color) {
+       background-color: @background;
+       border-color: @border;
+       color: @text-color;
+       .media {
+               margin: 0;
+               .fa-stack {
+                       color: @icon-color;
+                       > .fa:first-child {
+                               color: @border;
+                       }
+               }
+       }
+}
+.callout-success {
+       .callout-variant(@callout-success-bg; @callout-success-border; @callout-success-color; @callout-success-icon-color);
+}
+.callout-info {
+       .callout-variant(@callout-info-bg; @callout-info-border; @callout-info-color; @callout-info-icon-color);
+}
+.callout-warning {
+       .callout-variant(@callout-warning-bg; @callout-warning-border; @callout-warning-color; @callout-warning-icon-color);
+}
+.callout-danger {
+       .callout-variant(@callout-danger-bg; @callout-danger-border; @callout-danger-color; @callout-danger-icon-color);
+}
+.callout-notice {
+       .callout-variant(@callout-notice-bg; @callout-notice-border; @callout-notice-color; @callout-notice-icon-color);
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_modal.less b/Build/Resources/Public/Less/TYPO3/_element_modal.less
new file mode 100644 (file)
index 0000000..ca81489
--- /dev/null
@@ -0,0 +1,156 @@
+//
+// Modals
+//
+
+// Modal notice
+@modal-notice-bg:              @btn-default-bg;
+@modal-notice-color:   @btn-default-color;
+@modal-notice-border:  @btn-default-border;
+
+// Modal info
+@modal-info-bg:                        @btn-info-bg;
+@modal-info-color:             @btn-info-color;
+@modal-info-border:            @btn-info-border;
+
+// Modal success
+@modal-success-bg:             @btn-success-bg;
+@modal-success-color:  @btn-success-color;
+@modal-success-border: @btn-success-border;
+
+// Modal warning
+@modal-warning-bg:             @btn-warning-bg;
+@modal-warning-color:  @btn-warning-color;
+@modal-warning-border: @btn-warning-border;
+
+// Modal danger
+@modal-danger-bg:              @btn-danger-bg;
+@modal-danger-color:   @btn-danger-color;
+@modal-danger-border:  @btn-danger-border;
+
+// Modal styling
+.modal {
+       &.t3-modal-notice .modal-header {
+               background-color: @modal-notice-bg;
+               color: @modal-notice-color;
+               border-bottom-color: @modal-notice-border;
+       }
+       &.t3-modal-info .modal-header {
+               background-color: @modal-info-bg;
+               color: @modal-info-color;
+               border-bottom-color: @modal-info-border;
+       }
+       &.t3-modal-success .modal-header {
+               background-color: @modal-success-bg;
+               color: @modal-success-color;
+               border-bottom-color: @modal-success-border;
+       }
+       &.t3-modal-warning .modal-header {
+               background-color: @modal-warning-bg;
+               color: @modal-warning-color;
+               border-bottom-color: @modal-warning-border;
+       }
+       &.t3-modal-danger .modal-header {
+               background-color: @modal-danger-bg;
+               color: @modal-danger-color;
+               border-bottom-color: @modal-danger-border;
+       }
+       .close {
+               color: inherit;
+               padding: 0;
+               margin: 0;
+               text-shadow: rgba(0,0,0,0.5) 0px 0px 3px;
+               .opacity(0.5);
+               .user-select('none');
+               &:hover,
+               &:active,
+               &:hover {
+                       box-shadow: none;
+                       outline: none;
+                       background: none;
+                       .opacity(1);
+               }
+       }
+}
+.modal-header,
+.modal-footer {
+       padding: 10px 15px;
+}
+.modal-footer .btn {
+       margin-right: 0;
+       min-width: 100px;
+}
+.modal-content {
+       .transition(margin-top .1s ease-in);
+       border: none;
+       overflow: hidden;
+
+       .loadmessage {
+               text-align: center;
+               color: @gray-darker;
+       }
+}
+
+.modal-resize {
+       &.fade .modal-dialog {
+               .transition-property(~"height, width");
+               .transition-duration(.35s);
+               .transition-timing-function(ease);
+       }
+}
+
+.modal-image-manipulation {
+       .modal-body {
+               .col-lg-12 {
+                       padding-right: 450px;
+                       .panel {
+                               margin: 0;
+                               width: 400px;
+                               position: absolute;
+                               top: 0px;
+                               right: 15px;
+                       }
+               }
+       }
+}
+
+.modal.modal-dark {
+
+       color: #FFF;
+       .modal-content {
+               background-color: #212424;
+       }
+       .modal-header {
+               color: #FFF;
+               background-color: #484848;
+               border-bottom-color: #000000;
+       }
+       .modal-body, .modal-footer {
+               background-color: #212424;
+               color: #FFF;
+       }
+       .modal-footer {
+               border-top: none;
+       }
+}
+
+// Modal as panel
+.modal-panel {
+       .modal-panel-body {
+               float: left;
+               width: 400px;
+       }
+       .modal-panel-sidebar-right {
+               width: 300px;
+               float: right;
+               border-left: 1px solid #000000;
+       }
+}
+
+.modal-image-manipulation {
+       .modal-panel-body {
+               padding: 20px;
+               img {
+                       max-width: 100%;
+               }
+       }
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_pagetree.less b/Build/Resources/Public/Less/TYPO3/_element_pagetree.less
new file mode 100644 (file)
index 0000000..f1d0a6d
--- /dev/null
@@ -0,0 +1,483 @@
+//
+// Pagetree
+//
+
+#typo3-pagetree {
+       height: 100%;
+
+       .x-panel-bwrap,
+       .x-panel-body {
+               height: 100%;
+       }
+
+       .x-toolbar {
+               background: none;
+               border: none;
+               padding: 0;
+       }
+
+       .x-panel-tbar {
+               padding: 0;
+               margin: 0;
+               .x-toolbar {
+                       height: 26px;
+               }
+       }
+
+       .t3-icon {
+               margin-bottom: 2px;
+       }
+
+       ul {
+               padding-left: 0;
+               list-style: none;
+       }
+
+       ul.x-tree-root-ct {
+               padding-top: 24px;
+               margin-bottom: 50px;
+       }
+
+       .typo3-pagetree-topPanel-button {
+               margin-right: 1px;
+               margin-top: 3px;
+               margin-bottom: -2px;
+               padding: 2px 3px 4px 3px;
+       }
+
+       .x-toolbar-ct {
+               height: 20px;
+       }
+
+       .x-tree {
+               .x-panel-body {
+                       background: none;
+               }
+       }
+
+       .x-tree-node {
+               .x-tree-node-el {
+                       margin-right: 0;
+                       border-top: 1px solid transparent;
+                       border-bottom: 1px solid transparent;
+                       border-left: 1px solid transparent;
+               }
+
+               .x-tree-node-over,
+               .x-tree-selected {
+                       border-bottom: 1px solid #d7d7d7;
+                       border-top: 1px solid #d7d7d7;
+                       border-left: 1px solid #d7d7d7;
+               }
+
+               .x-tree-node-over {
+                       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGElEQVR42gENAPL/AMjIyEzIyMizyMjI/zhvCQelaHPPAAAAAElFTkSuQmCC");
+                       background-position: right;
+                       background-repeat: repeat-y;
+                       background-color: #f2f2f2;
+                       border-top-right-radius: 3px;
+                       border-bottom-right-radius: 3px;
+               }
+
+               .x-tree-selected {
+                       background-color: #fff;
+               }
+
+               .x-tree-selected.x-tree-node-over {
+                       background-image: none;
+                       border-radius: 0;
+               }
+
+       }
+
+       .x-tree-node-readableRootline {
+               padding: 10px 0 3px 10px;
+       }
+
+       .x-unselectable,
+       .x-unselectable * {
+               //
+               // restore behaviour from x-tree-node-el which gets overwritten by x-unselectable in default-css
+               //
+               cursor: pointer;
+       }
+
+       .ver-element,
+       .ver-versions,
+       .ver-page {
+               background-color: #f7c898;
+       }
+
+       .x-tree-node-over.ver-element,
+       .x-tree-node-over.ver-versions,
+       .x-tree-node-over.ver-page,
+       .x-tree-selected.ver-element,
+       .x-tree-selected.ver-versions,
+       .x-tree-selected.ver-page {
+               background-color: #fee4c9;
+       }
+
+       .typo3-pagetree-filteringTree-highlight {
+               background-color: #f48e0c;
+               color: #FFF;
+               padding: 0;
+       }
+
+}
+
+//
+// Drag and Drop
+//
+
+.x-tree-lines .typo3-pagetree-node-notExpandable .x-tree-ec-icon {
+       visibility: hidden;
+}
+
+.x-tree-lines .typo3-pagetree-node-notExpandable ul .x-tree-ec-icon {
+       visibility: visible;
+}
+
+.x-tree-node a .typo3-pagetree-status,
+.x-dd-drag-ghost a .typo3-pagetree-status {
+       padding: 0;
+       margin: 0 3px 0 0;
+}
+
+.typo3-pagetree-tree-copy {
+       color: #666;
+       margin-top: 5px;
+}
+
+.x-dd-drag-ghost-pagetree-text {
+       display: inline-block;
+       vertical-align: middle;
+}
+
+.x-dd-drag-ghost-pagetree,
+.x-dd-drag-ghost {
+       padding-bottom: 5px;
+}
+
+.x-dd-drop-icon {
+       padding-top: 6px;
+}
+
+.x-dd-drag-ghost-pagetree span {
+       margin: 3px 3px 0 3px;
+}
+
+.x-dd-drag-ghost {
+       background-color: inherit;
+       border: none;
+       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+
+       span {
+               margin: 0 1px 0 3px;
+       }
+}
+
+.x-dd-drop-nodrop {
+       background-color: #f6d3cf;
+       border: 1px solid #d66c68;
+}
+
+.typo3-pagetree-deletionDropZone-proxyOver,
+.x-tree-drop-ok-append,
+.x-tree-drop-ok-between,
+.x-tree-drop-ok-below,
+.x-tree-drop-ok-above {
+       background-color: #dce8f4;
+       border: 1px solid #9eb2c5;
+}
+
+.x-dd-drop-nodrop .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/apps/pagetree-drag-place-denied.png);
+}
+
+.x-tree-drop-ok-append.typo3-pagetree-copy .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/apps/pagetree-drag-new-inside.png);
+}
+
+.x-tree-drop-ok-below.typo3-pagetree-copy .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/apps/pagetree-drag-copy-below.png);
+}
+
+.x-tree-drop-ok-above.typo3-pagetree-copy .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/apps/pagetree-drag-copy-above.png);
+}
+
+.x-tree-drop-ok-between.typo3-pagetree-copy .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/apps/pagetree-drag-new-between.png);
+}
+
+.x-tree-drop-ok-append .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/apps/pagetree-drag-move-into.png);
+}
+
+.x-tree-drop-ok-between .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/apps/pagetree-drag-move-between.png);
+}
+
+.x-tree-drop-ok-below .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/apps/pagetree-drag-move-below.png);
+}
+
+.x-tree-drop-ok-above .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/apps/pagetree-drag-move-above.png);
+}
+
+#typo3-pagetree .x-tree-node .x-tree-drag-insert-below,
+.x-tree-node div.x-tree-drag-insert-below,
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a {
+       border-bottom: 1px solid #9eb2c5;
+}
+
+#typo3-pagetree .x-tree-node .x-tree-drag-insert-above,
+.x-tree-node .x-tree-drag-insert-above,
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a {
+       border-top: 1px solid #9eb2c5;
+}
+
+.x-tree-node .x-tree-drag-append {
+       background: #d7e4f1;
+}
+
+.x-tree-node .x-tree-drag-append a span {
+       background-color: inherit;
+       border: none;
+}
+
+//
+// Top Panel
+//
+
+.typo3-pagetree-topPanel-button {
+       background: none;
+       border: none;
+       margin: 1px 5px 0 0;
+       padding: 1px 2px;
+       height: 25px;
+
+       button {
+               height: 16px;
+               width: 16px;
+               border: none;
+       }
+}
+
+#typo3-pagetree-topPanel .x-btn-icon:hover,
+#typo3-pagetree-topPanel .x-btn-pressed,
+#typo3-pagetree-topPanel .x-btn-over,
+#typo3-pagetree-topPanel .x-btn-click {
+       border: none;
+       top: 0;
+       left: 0;
+       background: none;
+}
+
+
+#typo3-pagetree-topPanel button,
+#typo3-pagetree-topPanel button:hover {
+       background-color: transparent;
+       color: #000000;
+}
+
+#typo3-pagetree-topPanel button:focus {
+       outline: none;
+}
+
+#typo3-pagetree .typo3-pagetree-topPanel-item {
+       line-height: normal;
+}
+
+#typo3-pagetree-topPanel-filter {
+       border: 1px solid #aeaeae;
+       box-shadow: inset 0 1px 1px #aeaeae;
+}
+
+.typo3-pagetree-topPanel-filter-defaultText {
+       color: gray;
+}
+
+#typo3-pagetree .typo3-pagetree-topPanel-button {
+       border: none;
+       border-radius: 0;
+
+       button {
+               vertical-align: middle;
+       }
+}
+
+#typo3-pagetree-topPanel-defaultPanel {
+       color: #a2aab8;
+       line-height: 18px;
+}
+
+
+#typo3-pagetree-topPanel-item-newNode button {
+       cursor: move;
+}
+
+#typo3-pagetree-topPanel {
+       .x-toolbar-left {
+               height: 20px;
+               padding-left: 12px;
+       }
+
+       .x-toolbar-right {
+               padding-right: 12px;
+       }
+}
+
+
+.typo3-pagetree-topPanel-item {
+       padding: 0 3px 0 3px;
+       height: 22px;
+}
+
+#typo3-pagetree-topPanel-filter {
+       height: 15px;
+       width: 98% !important;
+       margin-top: 1px;
+       padding: 1px 0 1px 2px;
+}
+
+#typo3-pagetree-topPanel-filterWrap .t3-icon-input-clear {
+       right: 2px;
+}
+
+#typo3-pagetree-topPanel-defaultPanel {
+       padding-left: 6px;
+}
+
+#typo3-pagetree-topPanel-filterWrap .x-form-field-trigger-wrap {
+       width: 100% !important;
+       margin: 0 20px 0 0;
+}
+
+.typo3-pagetree-topPanel-item .x-form-trigger {
+       margin: 4px 0 0;
+       display: none;
+}
+
+.typo3-pagetree-topPanel-item .x-form-field-trigger-wrap:hover .x-form-trigger {
+       display: block;
+}
+
+//
+// Deletion Drop Zone
+//
+
+#typo3-pagetree-deletionDropZone {
+       color: #FFF;
+       background-color: #585858;
+       box-shadow: inset 0 2px 5px #414141;
+
+       p {
+               padding: 5px;
+       }
+
+       #typo3-pagetree-deletionDropZone-text {
+               cursor: default;
+               font-size: .9em;
+               padding: 0 0 0 5px;
+               display: inline;
+       }
+}
+
+.typo3-pagetree-deletionDropZone-restore {
+       background-color: #d5d5d5;
+       background-image: url('../../../../images/backgrounds/button.png');
+       background-repeat: repeat-x;
+       background-image: linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
+       border: 1px solid #7c7c7c;
+       border-radius: 1px;
+       color: #434343;
+       cursor: pointer;
+       display: inline-block;
+       padding: 0 6px;
+       margin-left: 24px;
+
+       &:hover {
+               background-color: #c8c8c8;
+               background-image: url('../../../../images/backgrounds/button-hover.png');
+               background-image: linear-gradient(center top, #f6f6f6 10%, #c8c8c8 90%);
+               background-position: bottom;
+               background-repeat: repeat-x;
+               border: 1px solid #737f91;
+               color: #1e1e1e;
+       }
+}
+
+.typo3-pagetree-deletionDropZone-restoreText {
+       display: inline-block;
+       padding: 4px 4px 4px 18px;
+       background: transparent url('../../../../images/spinner/d5d5d5.gif') no-repeat 0 3px;
+}
+
+.typo3-pagetree-deletionDropZone-proxyOver .x-dd-drop-icon {
+       background-image: url(../../../../images/icons/actions/edit-delete.png);
+}
+
+#typo3-pagetree .typo3-pagetree-deletionDropZone-activateProxyOver {
+       background-color: #644d2d;
+}
+
+//
+// Tree Highlighting
+//
+
+.x-tree-node-readableRootline {
+       font-style: italic;
+}
+
+//
+// Indicator Bar
+//
+
+#typo3-pagetree-indicatorBar-filter,
+#typo3-pagetree-indicatorBar-temporaryMountPoint {
+       background-color: #eaf7ff;
+       border-bottom: 1px solid #c5dbe6;
+       color: #4c73a1;
+
+       p {
+               padding: 10px 35px;
+       }
+}
+
+#typo3-pagetree-indicatorBar-temporaryMountPoint p {
+       line-height: 13px;
+}
+
+#typo3-pagetree-indicatorBar-indicatorTitle {
+       background-color: #ffec97;
+       font-weight: bold;
+
+       span {
+               margin-right: 10px;
+       }
+}
+
+.typo3-pagetree-indicatorBar-item {
+       .typo3-pagetree-indicatorBar-item-rightIcon {
+               cursor: pointer;
+       }
+
+       p {
+               margin-bottom: 0;
+               padding: 5px 10px;
+       }
+
+       .typo3-pagetree-indicatorBar-item-leftIcon {
+               left: 10px;
+               top: 9px;
+               position: absolute;
+       }
+
+       .typo3-pagetree-indicatorBar-item-rightIcon {
+               right: 10px;
+               top: 5px;
+               position: absolute;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_pagination.less b/Build/Resources/Public/Less/TYPO3/_element_pagination.less
new file mode 100644 (file)
index 0000000..41e3648
--- /dev/null
@@ -0,0 +1,17 @@
+//
+// Pagination
+//
+.pagination {
+    .t3-icon {
+        margin: 0;
+    }
+    .paginator-input {
+        display: inline-block;
+               width: auto;
+        margin: -6px 0;
+    }
+}
+.pagination-block {
+       display: block;
+       &:extend(.clearfix all);
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_panel.less b/Build/Resources/Public/Less/TYPO3/_element_panel.less
new file mode 100644 (file)
index 0000000..8129f61
--- /dev/null
@@ -0,0 +1,147 @@
+//
+// Variables
+//
+@panel-lg-padding:          35px;
+
+
+//
+// Panel
+//
+.panel {
+       .box-shadow(0px 2px 0px rgba(0, 0, 0, 0.1));
+       &.ui-sortable-helper {
+               border-style: dashed;
+       }
+       .panel-heading {
+               font-weight: bold;
+       }
+       .table,
+       .table-fit {
+               border: 0;
+               margin: 0;
+       }
+}
+
+
+//
+// Panel carousel
+//
+.panel-carousel {
+       padding: @panel-body-padding;
+}
+
+
+//
+// Panel heading
+//
+.panel-heading {
+       position: relative;
+       &[data-toggle="formengine-inline"] {
+               cursor: pointer;
+       }
+}
+
+//
+// Panel condensed
+//
+.panel-condensed {
+       .panel-heading {
+               padding: 5px;
+       }
+}
+
+//
+// Panel collapse
+//
+.panel-heading-collapse-indicator {
+       position: absolute;
+       left: 2px;
+       margin-top: -2px;
+       top: 50%;
+
+}
+.panel-collapsed {
+       .panel-heading {
+               .caret {.transition(all 0.25s ease-in-out);
+                       .rotate(-90deg);
+               }
+       }
+       .panel-collapse  {
+               display: none;
+               visibility: hidden;
+       }
+}
+.panel,
+.panel-collapse {
+       > .alert {
+               border: none;
+               border-top: 1px solid @panel-default-border;
+               margin: 0;
+               padding: 9px 12px;
+       }
+       > .form-section,
+       > .tab-content > .form-section,
+       > .tab-content > .tab-pane > .form-section {
+               border-left: 0;
+               border-right: 0;
+               border-bottom: 0;
+       }
+       > .nav-tabs {
+               border-top: 1px solid @panel-default-border;
+               padding-top: 8px;
+               > li {
+                       margin-left: -1px;
+               }
+       }
+}
+
+//
+// Panel hover
+//
+.panel-hover {
+       .panel-default:hover > .panel-heading  {
+               background-color: lighten(@panel-default-heading-bg, 3%);
+       }
+}
+
+//
+// Panel space
+//
+.panel-space {
+       margin: 3em 0;
+}
+
+//
+// Panel Tab
+//
+.panel-tab {
+       border-radius: 0;
+       border: 1px solid @nav-tabs-active-link-hover-border-color;
+       background-color: @nav-tabs-active-link-bg;
+}
+.panel-tab + .panel-tab,
+.panel-tab + .form-section {
+       margin-top: -(@line-height-computed+1);
+}
+.tab-pane {
+       > .panel-tab:first-child {
+               border-top: none;
+       }
+}
+
+
+//
+// Panel large
+//
+.panel-lg {
+       .panel-body {
+               padding: @panel-lg-padding;
+       }
+       .panel-heading,
+       .panel-footer {
+               padding: ceil(@panel-lg-padding * 0.5) @panel-lg-padding;
+       }
+       .panel-carousel {
+               padding: @panel-lg-padding;
+       }
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_popover.less b/Build/Resources/Public/Less/TYPO3/_element_popover.less
new file mode 100644 (file)
index 0000000..685e1cc
--- /dev/null
@@ -0,0 +1,30 @@
+//
+// Popover
+//
+
+.popover {
+       padding: 0;
+
+       &-title {
+               font-size: 15px;
+               border-bottom: 0;
+               padding: 12px 14px;
+       }
+
+       &-content p {
+               margin: 0;
+       }
+
+       .close {
+               margin-right: 10px;
+               margin-top: 10px;
+       }
+
+       &.bottom .arrow:after {
+               border-bottom-color: @popover-title-bg;
+       }
+
+       &.no-title .arrow:after {
+               border-bottom-color: @popover-bg;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_rte.less b/Build/Resources/Public/Less/TYPO3/_element_rte.less
new file mode 100644 (file)
index 0000000..014e724
--- /dev/null
@@ -0,0 +1,167 @@
+//
+// Element Browser / RTE link selection
+//
+
+#typo3-browse-links-php {
+       background: #ececec;
+       background-image: linear-gradient(center top, #ffffff 30px, #ececec 130px);
+       background-repeat: repeat-x;
+       width: 100%;
+       padding-top: 5px;
+
+       a {
+               text-decoration: none;
+       }
+
+       #typo3-messages {
+               margin: 0px;
+               padding: 10px;
+       }
+}
+
+
+table#typo3-curUrl {
+       font-weight: bold;
+       margin: 10px 0 2px 10px;
+       width: 100%;
+
+       input {
+               margin-right: 5px;
+       }
+}
+
+table#typo3-RTElinkMenu {
+       tr {
+               td {
+                       font-weight: bold;
+                       text-align: center;
+                       white-space: nowrap;
+                       width: 15%;
+               }
+       }
+
+}
+
+table#typo3-linkTarget {
+       margin-bottom: 25px;
+}
+
+
+#typo3-browse-links-php form,
+table#typo3-linkPages tr td.c-wCell,
+table#typo3-linkFiles tr td.c-wCell,
+table#typo3-EBrecords tr td.c-wCell,
+table#typo3-EBfiles tr td.c-wCell,
+table#typo3-uplFiles tr td.c-wCell,
+table#typo3-crFolder tr td.c-wCell {
+       padding: 0 10px;
+}
+
+table#typo3-uplFiles tr td.c-hCell,
+table#typo3-crFolder tr td.c-hCell {
+       padding-bottom: 5px;
+       padding-top: 5px;
+}
+
+table#typo3-linkPages h3,
+table#typo3-linkFiles h3,
+table#typo3-EBrecords h3,
+table#typo3-EBfiles h3,
+table#typo3-uplFiles h3,
+table#typo3-crFolder h3 {
+       padding: 0;
+}
+
+table#typo3-uplFiles {
+       #c-override {
+               padding: 5px 0;
+
+               label {
+                       display: block;
+                       padding-left: 15px;
+                       text-indent: -15px;
+               }
+
+               input {
+                       vertical-align: bottom;
+                       position: relative;
+                       top: -1px;
+                       *overflow: hidden;
+               }
+       }
+
+}
+
+table#typo3-EBfiles div#filelist {
+       margin-left: 10px;
+}
+
+table#typo3-EBfiles div#currentFolderHeader {
+       margin-bottom: 5px;
+       height: 19px;
+       vertical-align: middle;
+}
+
+table#typo3-EBfiles .filelistThumbnail img {
+       margin-left: 17px;
+}
+
+body#typo3-browse-links-php img,
+body#ext-rte-app-rte-select-image-php img {
+       vertical-align: middle;
+}
+
+body#typo3-browse-links-php img.c-blinkArrowL {
+       margin: 0 3px;
+}
+
+table#typo3-linkMail,
+table#typo3-linkURL,
+table#typo3-linkTarget {
+       margin-top: 5px;
+}
+
+table#typo3-msgBox {
+       margin-top: 10px;
+       margin-bottom: 10px;
+
+       tr {
+               td {
+                       padding: 10px 50px 10px 50px;
+               }
+       }
+}
+
+input.typo3-link-input {
+       width: 250px;
+}
+
+//
+// Element Browser / RTE link selection
+//
+
+form#typo3-uplFilesForm,
+form#typo3-crFolderForm {
+       border-top: 1px solid #adadad;
+}
+
+table#typo3-linkPages tr td.c-wCell,
+table#typo3-linkFiles tr td.c-wCell,
+table#typo3-EBrecords tr td.c-wCell,
+table#typo3-EBfiles tr td.c-wCell {
+       white-space: nowrap;
+}
+
+//
+// RTE select image
+//
+
+body#ext-rte-app-rte-select-image-php {
+       a {
+               text-decoration: none;
+       }
+
+       table tr td table tr.bgColor4 td a {
+               text-decoration: underline;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_slider.less b/Build/Resources/Public/Less/TYPO3/_element_slider.less
new file mode 100644 (file)
index 0000000..2b0e92e
--- /dev/null
@@ -0,0 +1,264 @@
+//
+// Boostrap Slider
+//
+// This is a custom less implementation for the value slider in the backend
+// based on https://github.com/seiyria/bootstrap-slider
+//
+// Please be careful on lib updates.
+//
+
+//
+// Slider Variables
+//
+@slider-track-bg: #dddddd;
+@slider-selection-bg: #999999;
+
+@slider-handle-color: @btn-default-color;
+@slider-handle-bg: @btn-default-bg;
+@slider-handle-border: darken(@btn-default-border, 15%);
+@slider-handle-border-radius: @slider-border-radius;
+@slider-disabled-handle-color: @btn-danger-color;
+@slider-disabled-handle-bg: @btn-danger-bg;
+@slider-disabled-handle-border: darken(@btn-danger-border, 15%);
+
+@slider-border-radius: @border-radius-base;
+
+@slider-horizontal-width: 210px;
+@slider-horizontal-height: @input-height-base;
+@slider-horizontal-handle-height: ceil(@slider-horizontal-height * 0.6);
+@slider-horizontal-handle-width: ceil(@slider-horizontal-height * 0.5);
+
+@slider-vertical-width: @input-height-base;
+@slider-vertical-height: 210px;
+@slider-vertical-handle-height: ceil(@slider-vertical-width * 0.5);
+@slider-vertical-handle-width: ceil(@slider-vertical-width * 0.6);
+
+
+//
+// Slider
+//
+.slider {
+       display: inline-block;
+       position: relative;
+       input {
+               display: none;
+       }
+       .tooltip {
+               &.top {
+                       margin-top: -36px;
+               }
+       }
+       .tooltip-inner {
+               white-space: nowrap;
+       }
+       .hide {
+               display: none;
+       }
+}
+.form-wizards-items {
+       > .slider {
+               &.slider-horizontal {
+                       margin-left: @slider-horizontal-height * 0.5 / 2;
+                       margin-right: @slider-horizontal-height * 0.5 / 2;
+               }
+       }
+}
+
+
+//
+// Slider track
+//
+.slider-track {
+       position: absolute;
+       cursor: pointer;
+       background-color: @slider-track-bg;
+       border-radius: @slider-border-radius;
+       .box-shadow(inset 0 0 2px rgba(0,0,0,0.25));
+}
+.slider-track-low,
+.slider-track-high {
+       position: absolute;
+       background: transparent;
+       .box-sizing(border-box);
+       border-radius: @slider-border-radius;
+}
+
+
+//
+// Slider handle
+//
+.slider-handle {
+       position: absolute;
+       background-color: @slider-handle-bg;
+       border: 1px solid @slider-handle-border;
+       border-radius: @slider-handle-border-radius;
+       .box-shadow(0px 1px 0px rgba(0, 0, 0, 0.15));
+       .box-sizing(border-box);
+       &:hover,
+       &:focus,
+       &:active {
+               background-color: darken(@slider-handle-bg, 10%);
+               border-color: darken(@slider-handle-border, 12%);
+       }
+       &:before,
+       &:after {
+               content: "";
+               display: block;
+               position: absolute;
+               background-color: @slider-handle-color;
+       }
+}
+
+
+//
+// Slider selection
+//
+.slider-selection {
+       position: absolute;
+       background-color: @slider-selection-bg;
+       border-radius: @slider-border-radius;
+       .box-shadow(inset 0 0 2px rgba(0,0,0,0.25));
+}
+
+
+//
+// Slider tick
+//
+.slider-tick {
+       position: absolute;
+       background-color: darken(@slider-track-bg, 10%);
+       &.in-selection {
+               background-color: darken(@slider-selection-bg, 10%);
+       }
+}
+
+
+//
+// Slider horizontal
+//
+.slider-horizontal {
+       width: @slider-horizontal-width;
+       height: @slider-horizontal-height;
+       .slider-selection,
+       .slider-track-low,
+       .slider-track-high {
+               height: 100%;
+               top: 0;
+               bottom: 0;
+       }
+       .slider-track {
+               top: 50%;
+               left: 0;
+               margin-top: -@slider-horizontal-height / 4;
+               height: @slider-horizontal-height / 2;
+               width: 100%;
+       }
+       .slider-tick {
+               height: @slider-horizontal-height / 2;
+               width: 1px;
+               &[style="left: 0%;"],
+               &[style="left: 100%;"]{
+                       display: none;
+               }
+       }
+       .slider-handle {
+               top: 50%;
+               height: @slider-horizontal-handle-height;
+               width: @slider-horizontal-handle-width;
+               margin-top: -@slider-horizontal-handle-height / 2;
+               margin-left: -@slider-horizontal-handle-width / 2;
+               &:before,
+               &:after {
+                       height: 50%;
+                       width: 2px;
+                       top: 25%;
+               }
+               &:before {
+                       left: @slider-horizontal-handle-width / 4;
+               }
+               &:after {
+                       right: @slider-horizontal-handle-width / 4;
+               }
+       }
+}
+
+
+//
+// Slider vertical
+//
+.slider-vertical {
+       width: @slider-vertical-width;
+       height: @slider-vertical-height;
+       .slider-selection,
+       .slider-track-low,
+       .slider-track-high {
+               width: 100%;
+               left: 0;
+               right: 0;
+       }
+       .slider-selection {
+               bottom: 0;
+       }
+       .slider-track {
+               top: 0;
+               left: 50%;
+               margin-left: -@slider-vertical-width / 4;
+               height: 100%;
+               width: @slider-vertical-width / 2;
+       }
+       .slider-tick {
+               height: 1px;
+               width: @slider-vertical-width / 2;
+               &[style="top: 0%;"],
+               &[style="top: 100%;"]{
+                       display: none;
+               }
+       }
+       .slider-handle {
+               left: 50%;
+               height: @slider-vertical-handle-height;
+               width: @slider-vertical-handle-width;
+               margin-top: -@slider-vertical-handle-height / 2;
+               margin-left: -@slider-vertical-handle-width / 2;
+               &:before,
+               &:after {
+                       height: 2px;
+                       width: 50%;
+                       left: 25%;
+               }
+               &:before {
+                       top: @slider-vertical-handle-height / 4;
+               }
+               &:after {
+                       bottom: @slider-vertical-handle-height / 4;
+               }
+       }
+       .slider-selection {
+               left: 0;
+               right: 0;
+       }
+}
+
+
+//
+// Slider disabled
+//
+.slider-disabled {
+       .slider-handle {
+               background-color: @slider-disabled-handle-bg;
+               border: 1px solid @slider-disabled-handle-border;
+               &:hover,
+               &:focus,
+               &:active {
+                       background-color: darken(@slider-disabled-handle-bg, 10%);
+                       border-color: darken(@slider-disabled-handle-border, 12%);
+               }
+               &:before,
+               &:after {
+                       background-color: @slider-disabled-handle-color;
+               }
+       }
+       .slider-track {
+               cursor: not-allowed;
+       }
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_spinner.less b/Build/Resources/Public/Less/TYPO3/_element_spinner.less
new file mode 100644 (file)
index 0000000..876bd1c
--- /dev/null
@@ -0,0 +1,17 @@
+//
+// Animated spinner icon
+//
+
+span.spinner {
+       display: inline-block;
+       width: 16px;
+       height: 16px;
+       background-image: url('../../../../images/spinner/f1f1f1.gif');
+}
+
+// definition is taken from forms.less of Bootstrap
+span.checkbox-spinner {
+       position: absolute;
+       margin-left: -20px;
+       margin-top: 4px;
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_tab.less b/Build/Resources/Public/Less/TYPO3/_element_tab.less
new file mode 100644 (file)
index 0000000..c9b0709
--- /dev/null
@@ -0,0 +1,139 @@
+//
+// Tab menu
+//
+.nav-tabs {
+       border-radius: @border-radius-base @border-radius-base 0 0;
+       background-color: darken(@nav-tabs-active-link-bg, 5%);
+       > li {
+               + li {
+                       margin-left: 2px;
+               }
+               > a {
+                       // Hotfix to prevent prototype / scriptaculous hiding the links
+                       // this can be removed after prototype / scriptaculous removed completely.
+                       // at the moment prototype / scriptaculous hide each tab after clicking on it.
+                       // at the moment this seems to be the only way to fix the wrong behavior.
+                       display: block!important;
+                       margin-right: 0;
+                       .transition(all 0.25s ease-in-out);
+                       &:focus,
+                       &:hover {
+                               border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
+                               background: @nav-tabs-link-hover-bg;
+                       }
+               }
+               &[class*="has-"] > a {
+                       &:before {
+                               font-family: FontAwesome;
+                               margin-right: 2px;
+                               margin-top: -2px;
+                               vertical-align: middle;
+                               font-size: 10px;
+                               text-align: center;
+                               background-color: rgba(255, 255, 255, 0.25);
+                               border-radius: 50%;
+                               width: 15px;
+                               height: 15px;
+                               display: inline-block;
+                               .transition(all 0.25s ease-in-out);
+                       }
+               }
+               // Has error state
+               &.has-validation-error {
+                       > a {
+                               background-color: @brand-danger;
+                               border-color: darken(@brand-danger, 10%);
+                               color: #fff;
+                               &:focus,
+                               &:hover {
+                                       color: #fff;
+                                       background-color: lighten(@brand-danger, 5%);
+                                       border-color: darken(@brand-danger, 5%);
+                               }
+                               &:before {
+                                       content: @fa-var-exclamation;
+                               }
+                       }
+                       &.active > a {
+                               color: inherit;
+                               background-color: @nav-tabs-active-link-bg;
+                               &:before {
+                                       background-color: @brand-danger;
+                                       color: #ffffff;
+                               }
+                       }
+               }
+               // Active state
+               &.active {
+                       > a,
+                       > a:focus,
+                       > a:active,
+                       > a:hover {
+                               border: 1px solid @nav-tabs-active-link-hover-border-color;
+                               border-bottom-color: @nav-tabs-active-link-bg;
+                               background-color: @nav-tabs-active-link-bg;
+                       }
+               }
+
+       }
+}
+
+
+//
+// Hotfix display tab-panes always to prevent RTE initialisation problems
+//
+.tab-content {
+       > .tab-pane {
+               display: block;
+               height: 0;
+               overflow: hidden;
+               &.active {
+                       height: auto;
+                       overflow: visible;
+               }
+       }
+}
+
+//
+// Foldout tabs
+//
+div.typo3-dyntabmenu-divs-foldout div.tab,
+div.typo3-dyntabmenu-divs-foldout div.tabact,
+div.typo3-dyntabmenu-divs-foldout div.disabled {
+       border: solid black 1px;
+       border-radius: 3px;
+}
+
+div.typo3-dyntabmenu-divs-foldout div.tab {
+       background: #c4d4cd;
+       background-image: url('../../../../icons/gfx/ol/plusbullet.gif');
+       background-repeat: no-repeat;
+}
+
+div.typo3-dyntabmenu-divs-foldout div.tab:hover {
+       background: #f6eab7;
+       background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
+       background-repeat: no-repeat;
+}
+
+div.typo3-dyntabmenu-divs-foldout div.tabact {
+       background: #e7dba8;
+       background-image: url('../../../../icons/gfx/ol/minusbullet.gif');
+       background-repeat: no-repeat;
+}
+
+div.typo3-dyntabmenu-divs-foldout div.tabact:hover {
+       background: #f6eab7;
+       background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
+       background-repeat: no-repeat;
+}
+
+div.typo3-dyntabmenu-divs-foldout div.disabled {
+       background: #ccc;
+       color: #999;
+}
+
+div.typo3-dyntabmenu-divs-foldout div.disabled:hover {
+       background: #f6eab7;
+       color: #999;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_table.less b/Build/Resources/Public/Less/TYPO3/_element_table.less
new file mode 100644 (file)
index 0000000..34a827b
--- /dev/null
@@ -0,0 +1,287 @@
+//
+// Tables
+//
+
+//
+// used in the admin tools => DB check
+//
+
+.t3-overview-list dt {
+       padding: 0 0 2px 20px;
+
+       img {
+               vertical-align: middle;
+               margin-right: 5px;
+       }
+}
+
+.t3-overview-list dd {
+       margin: 2px 0 15px 20px;
+       padding-left: 22px;
+}
+
+//
+// Common style for tables
+//
+// <table class="table table-striped table-hover>
+//   <thead>
+//     <tr>
+//       <th>...</th>
+//       <th>...</th>
+//     </tr>
+//   </thead>
+//   <tbody>
+//     <tr>
+//       <td>
+//         <span class="t3-icon t3-icon-treeline t3-icon-treeline-join t3-icon-join">&nbsp;</span>
+//       </td>
+//       <td>...</td>
+//     </tr>
+//   </tbody>
+// </table>
+//
+
+// Revert Bootstrap @table-bg in order to allow ExtJS and dataTable <table>
+table {
+       background: transparent;
+}
+
+//
+// Default table styling
+//
+.table {
+       background-color: @table-bg;
+       border: 1px solid @table-border-color;
+       * {
+               box-sizing: border-box;
+       }
+       > thead,
+       > tbody,
+       > tfoot {
+               > tr {
+                       > th {
+                               white-space: nowrap;
+                               vertical-align: middle;
+                       }
+                       > td {
+                               vertical-align: middle;
+                       }
+               }
+       }
+       > thead > tr {
+               background-color: darken(@table-bg, 5%);
+               th,
+               td {
+                       border-bottom: 1px solid @table-border-color;
+                       i {
+                               font-weight: normal;
+                       }
+               }
+       }
+       .btn-group {
+               > .btn-group,
+               > .btn {
+                       float: none;
+               }
+       }
+       .btn-default {
+               .button-variant(@btn-default-color; darken(@table-bg-accent, 10%); darken(@table-bg-accent, 20%));
+       }
+       .pagination {
+               margin: 0;
+       }
+       .col-icon {
+               text-align: center;
+               .t3-icon {
+                       margin: 0;
+               }
+               img {
+                       margin: 0;
+                       display: block;
+                       height: 16px;
+                       width: 16px;
+               }
+       }
+       .col-icon,
+       .col-checkbox {
+               padding-right: 0;
+       }
+       .col-title {
+               width: 99%;
+       }
+       .col-nowrap,
+       .col-control,
+       .col-clipboard {
+               white-space: nowrap;
+       }
+       .col-control,
+       .col-clipboard {
+               text-align: right;
+       }
+       .col-control {
+               padding: 4px 6px;
+       }
+       .col-border-left {
+               border-left: 1px solid @table-border-color;
+       }
+       .col-min {
+               min-width: 150px;
+       }
+}
+
+//
+// Sets the background to white
+//
+.table-white {
+       background-color: #fff;
+}
+
+
+//
+// Sets the background to transparent
+//
+.table-transparent {
+       background-color: transparent;
+}
+
+//
+// Centers the text in all cells of the table
+//
+.table-center {
+       th,
+       td {
+               text-align: center
+       }
+}
+
+//
+// Sets a rudimentary table styling
+//
+.table-basic {
+       width: 100%;
+       th,
+       td {
+               vertical-align: middle;
+       }
+}
+
+//
+// Table cell vertical alignment
+//
+.table-vertical-top {
+       > thead,
+       > tbody,
+       > tfoot {
+               > tr {
+                       > th,
+                       > td {
+                               vertical-align: top;
+                       }
+               }
+       }
+}
+.table-vertical-bottom {
+       > thead,
+       > tbody,
+       > tfoot {
+               > tr {
+                       > th,
+                       > td {
+                               vertical-align: bottom;
+                       }
+               }
+       }
+}
+.table-no-borders {
+       border: none;
+       > thead,
+       > tbody,
+       > tfoot {
+               > tr {
+                       > th,
+                       > td {
+                               border: none;
+                               padding: 2px;
+                       }
+               }
+       }
+}
+//
+// Fits the table in the viewport and makes overflow possible
+//
+.table-fit {
+       width: 100%;
+       margin-bottom: 1.5em;
+       overflow-x: auto;
+       overflow-y: hidden;
+       -webkit-overflow-scrolling: touch;
+       -ms-overflow-style: -ms-autohiding-scrollbar;
+       border: 1px solid #ddd;
+
+       > .table {
+               margin-top: 0;
+               margin-bottom: 0;
+               border: 0;
+               colgroup:first-child + tbody,
+               tbody:first-child {
+                       tr:first-child {
+                               th,
+                               td {
+                                       border-top: 0;
+                               }
+                       }
+               }
+               tr {
+                       > th,
+                       > td {
+                               white-space: nowrap;
+                       }
+                       > th:first-child,
+                       > td:first-child {
+                               border-left: 0;
+                       }
+                       > th:last-child,
+                       > td:last-child {
+                               border-right: 0;
+                       }
+                       &:last-child {
+                               th,
+                               td {
+                                       border-bottom: 0;
+                               }
+                       }
+               }
+       }
+}
+.table-fit-wrap {
+       > .table {
+               tr {
+                       > th,
+                       > td {
+                               white-space: normal;
+                       }
+               }
+       }
+}
+.table-fit-inline-block {
+       max-width: 100%;
+       width: auto;
+       display: inline-block;
+       margin: 0;
+       > .table {
+               width: auto;
+       }
+}
+.table-fit-block {
+       max-width: 100%;
+       width: auto;
+       display: block;
+       margin: 0;
+       > .table {
+               width: auto;
+       }
+}
+.table-spacer-wrap {
+       margin-top: 10px;
+       margin-bottom: 10px;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_tceforms.less b/Build/Resources/Public/Less/TYPO3/_element_tceforms.less
new file mode 100644 (file)
index 0000000..6dc1478
--- /dev/null
@@ -0,0 +1,390 @@
+//
+// TCEforms
+//
+
+// Special handling of Tabs within FormEngine
+img.t3-TCEforms-reqImg {
+       display: block;
+       position: absolute;
+       left: 14px;
+       top: 28%;
+       z-index: 3000;
+       height: 16px;
+       margin-right: 2px;
+       width: 16px;
+}
+
+img.t3-TCEforms-reqTabImg {
+       height: 16px;
+       margin-left: 4px;
+       margin-bottom: -3px;
+       width: 16px;
+}
+
+.typo3-TCEforms {
+       width: 100%;
+}
+
+.t3-form-field-container {
+       display: block;
+}
+.typo3-TCEforms .typo3-csh-link {
+       margin-left: 5px;
+}
+.t3-tceforms-fieldReadOnly {
+       background-color: #fefefe;
+       border: 1px solid #7c7c7c;
+       border-radius: 2px;
+       pointer-events: none;
+       cursor: default;
+       opacity: 0.5;
+       filter: ~"alpha(opacity=@50)";
+       box-shadow: none;
+       /** Lock icon in right corner */
+       padding: 3px 30px 3px 6px;
+       margin: 0 0.5em 0.5em 0;
+       position: relative;
+}
+
+//
+// TCEforms suggest
+//
+
+div.typo3-TCEforms-suggest label {
+       margin-right: 5px;
+}
+
+div.typo3-TCEforms-suggest-indicator {
+       left: 230px;
+       position: relative;
+       top: -18px;
+}
+
+div.typo3-TCEforms-suggest-choices {
+       background-color: white;
+       border: 1px solid #888;
+       position: absolute;
+       width: 250px;
+       z-index: 4000;
+
+       ul {
+               list-style-type: none;
+               margin: 0;
+               padding: 0;
+       }
+
+       li {
+               cursor: pointer;
+               background-color: #efeff4;
+               background-repeat: no-repeat;
+               background-position: 4px center;
+               list-style-type: none;
+               display: block;
+               margin: 0;
+               padding: 4px 2px 4px 24px;
+
+               &.selected {
+                       background-color: #ffb !important;
+               }
+
+               &.pages {
+                       background-color: #fcc;
+               }
+
+               &.suggest-noresults {
+                       height: auto;
+               }
+       }
+
+       span {
+               &.suggest-uid {
+                       margin-left: 0.3em;
+                       font-size: 0.9em;
+               }
+
+               &.suggest-path {
+                       font-size: 0.9em;
+                       margin-top: 0.3em;
+                       abbr {
+                               border-bottom: none;
+                       }
+               }
+       }
+}
+
+
+//
+// TCEforms Flexforms
+//
+.t3-form-field-container-inline-placeHolder .t3-form-field-header-inline > span {
+       display:none;
+}
+.sortableHandle {
+       cursor: move;
+}
+
+//
+// TCEforms Sections
+//
+
+.t3-flex-section-header .t3-record-title {
+       font-weight: bold;
+}
+
+.t3-flex-section {
+       clear: both;
+       margin: 5px 0;
+}
+
+.t3-flex-section-header,
+.t3-form-field-container-flexsection {
+       padding-left: 20px;
+}
+
+.t3-form-field-header-flexsection {
+       width: 100%;
+       height: 16px;
+}
+
+.t3-form-field-label-flexsection {
+       border-top: 1px solid #cdcdcd;
+       padding: 5px 10px;
+}
+
+.t3-form-field-toggle-flexsection {
+       padding: 5px 0 5px 20px;
+}
+
+.t3-form-field-add-flexsection {
+       border-top: 1px solid #cdcdcd;
+       padding: 10px 5px 5px 20px;
+}
+
+.t3-form-flex,
+.t3-form-field-container-flexsections {
+       background: #dadada;
+       margin: 5px 0;
+       clear: both;
+}
+
+.t3-flex-section-content,
+.t3-form-field-record-flexsection {
+       background: #eee;
+       padding: 5px 0;
+}
+
+.t3-flex-section-content > div,
+.t3-form-field-record-flexsection > div {
+       margin: 0 10px;
+}
+
+.t3-flex-section-header-preview {
+       font-style: italic;
+       width: 100px;
+       display: inline-block;
+       padding-left: 10px;
+       overflow: hidden;
+       white-space: nowrap;
+       text-overflow: ellipsis;
+}
+
+// preview image in sys_file records
+
+img.t3-tceforms-sysfile-imagepreview {
+       float: left;
+       margin-right: 10px;
+       margin-bottom: 10px;
+}
+
+* html div#typo3-docbody .typo3-TCEforms {
+       margin-top: 20px;
+}
+
+.typo3-TCEforms img[src*="clear.gif"] {
+       z-index: 0;
+}
+
+//
+// TCEforms
+//
+
+table#typo3-altdoc-header input,
+.c-inputButton {
+       background: none;
+       border: 0;
+}
+
+.t3-tceforms-input-wrapper-datetime .t3-icon-edit-pick-date {
+       top: -4px;
+}
+
+.typo3-TCEforms table#typo3-altdoc-header input:hover,
+.c-inputButton:hover {
+       background: none;
+       border: 0;
+}
+
+.typo3-TCEforms span.typo3-TCEforms-newToken {
+       color: #990000;
+       font-weight: bold;
+}
+
+.typo3-TCEforms span.typo3-TCEforms-helpText {
+       background: transparent;
+       color: #fff;
+}
+
+table.typo3-TCEforms-select-checkbox {
+       background-color: #ffffff;
+       border: 1px solid #aaa;
+}
+
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox {
+
+       tr.c-header td {
+               background-color: #fff;
+               font-weight: bold;
+       }
+
+       tr:nth-child(2n) {
+               background-color: #f7f7f7;
+       }
+
+       tr.c-selectedItem {
+               background-color: #d8ecd0;
+       }
+
+       tr.c-invalidItem {
+               color: #dddddd;
+       }
+
+       tr:hover {
+               background-color: #dedede;
+       }
+
+       tr.c-selectedItem:hover {
+               background-color: #abd99a;
+       }
+
+       tr.c-invalidItem:hover {
+               background-color: transparent;
+       }
+
+       tr td.c-labelCell {
+               white-space: nowrap;
+       }
+}
+
+
+// show text of default language under the translated input field
+
+.t3-form-original-language {
+       background-color: #dadada;
+       border: 1px solid #c0c0c0;
+       padding: 2px;
+       font-size: 0.9em;
+       margin-top: 4px;
+}
+
+.t3-form-original-language-diff {
+       border: 1px solid #c0c0c0;
+       font-size: 0.9em;
+       margin-top: 4px;
+}
+
+.t3-form-original-language-diffheader {
+       .bg-danger();
+       font-weight: bold;
+       padding: 2px;
+}
+
+.t3-form-original-language-diffcontent {
+       padding: 2px;
+}
+
+// Default. Always used on main-palettes in the bottom of the forms
+
+.typo3-TCEforms .typo3-TCEforms-checkboxArray td {
+       padding-right: 5px;
+}
+
+div.typo3-TCEforms-suggest-choises a {
+       cursor: pointer;
+}
+//
+// TCEforms Flexforms
+//
+div.t3-form-field-container:first-child .t3-form-field-label-flex {
+       border-top: 0;
+}
+
+//
+// TCEforms Inline-Relational-Record-Editing
+//
+.t3-form-field-container-inline-hidden,
+.t3-form-field-container-inline-placeHolder {
+       opacity:0.3;
+}
+
+.t3-form-field-header-inline table {
+    vertical-align:top;
+}
+
+
+//
+// TCEforms Sections
+//
+.t3-tceforms-fieldReadOnly span.t3-icon {
+    position: absolute;
+    right: 3px;
+    top: 4px;
+}
+
+.t3-form-field-item {
+       position: relative;
+       border: 1px solid transparent;
+       padding: 0;
+}
+
+.t3-tceforms-widget-null-wrapper + .t3-form-field-item {
+       display: inline-block;
+}
+
+.t3-form-field-item.disabled {
+       border: 1px dotted #696362;
+}
+
+.t3-form-field-disable,
+.t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
+       display: none;
+}
+.t3-form-field-item.disabled .t3-form-field-disable {
+       z-index: 8000;
+       background: #f4f4f4;
+       display: block;
+       position: absolute;
+       width: 100%;
+       height: 100%;
+
+       opacity: 0.5;
+       filter: alpha(opacity=50);
+}
+
+.t3-form-palette-field-label {
+       text-indent: 2px;
+}
+
+//
+// TCEforms Tree
+//
+
+.t3-form-field-item .x-tree input.x-tree-node-cb {
+       height: auto;
+       margin: 0 0 0 1px;
+       vertical-align: middle;
+}
+
+// state: the form field was modified
+.t3-form-field-label.t3-form-field-state-changed {
+       color: #004fb0;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_tooltip.less b/Build/Resources/Public/Less/TYPO3/_element_tooltip.less
new file mode 100644 (file)
index 0000000..f3f560f
--- /dev/null
@@ -0,0 +1,6 @@
+//
+// Tooltips
+//
+.tooltip-inner {
+       padding: 5px 10px;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_tree.less b/Build/Resources/Public/Less/TYPO3/_element_tree.less
new file mode 100644 (file)
index 0000000..60a9189
--- /dev/null
@@ -0,0 +1,400 @@
+//
+// Variables
+//
+@navigation-text: #000;
+@navigation-bg: rgb(245, 245, 245);
+@navigation-border: rgb(195, 195, 195);
+
+
+//
+// Trees Variables
+//
+@tree-indentation: 0.5em;
+@tree-border: @navigation-border;
+
+
+//
+// Trees
+//
+.list-tree,
+.list-tree ul {
+       margin-left: @tree-indentation;
+       padding: 0;
+       list-style: none;
+       position: relative;
+       &:before {
+               content: "";
+               display: block;
+               width: 0;
+               position: absolute;
+               top: 0;
+               bottom: 1em;
+               left: 0;
+               margin-bottom: -2px;
+               border-left: 1px dotted @tree-border;
+       }
+}
+.list-tree {
+       li {
+               &.active {
+                       > .list-tree-group,
+                       > .list-tree-group a {
+                               .text-danger();
+                       }
+               }
+               &:before {
+                       content: "";
+                       display: block;
+                       width: @tree-indentation * 1.6;
+                       height: 0;
+                       border-top: 1px dotted @tree-border;
+                       margin-top: -2px;
+                       position: absolute;
+                       top: 1em;
+                       left: 2px;
+               }
+               &:last-child:before {
+                       background: white;
+                       height: auto;
+                       top: 1em;
+                       left: 0;
+                       bottom: 0;
+               }
+               margin: 0;
+               padding-left: @tree-indentation * 2.5;
+               line-height: 1.75em;
+               position: relative;
+       }
+}
+.list-tree-value {
+       font-weight: bold;
+}
+.list-tree-control {
+       &:active,
+       &:focus,
+       &:hover {
+               text-decoration: none;
+       }
+       > .fa {
+               font-size: 1.1em;
+               display: inline-block;
+               text-align: center;
+               width: @tree-indentation * 2;
+       }
+       &.list-tree-control-open > .fa:before {
+               content: "\f0d7";
+       }
+       &.list-tree-control-closed > .fa:before {
+               content: "\f0da";
+       }
+}
+
+
+table#typo3-tree {
+       margin: 10px 0 20px 10px;
+       width: 95%;
+       vertical-align: middle;
+
+       tr {
+               td {
+                       padding: 0;
+
+                       img {
+                               vertical-align: middle;
+                               &.c-recIcon {
+                                       margin-right: 1px;
+                               }
+                       }
+               }
+       }
+
+       a {
+               text-decoration: none;
+       }
+
+}
+
+p.c-refresh img {
+       margin-right: 7px;
+       vertical-align: middle;
+}
+
+#typo3-pagetree #typo3-docheader div.buttonsright,
+#ext-backend-Modules-FileSystemNavigationFrame-index-php #typo3-docheader div.buttonsright {
+       margin-right: 3px;
+}
+
+body#typo3-alt-db-navframe-php div.c-notice {
+       border: 1px solid black;
+       margin-top: 5px;
+       margin-bottom: 10px;
+       padding: 5px 5px 5px 5px;
+       width: 95%;
+}
+
+/** CSS-based tree for Foldertree */
+ul#treeRoot {
+       li:last-child:before {
+               background-color: #ececec;
+       }
+
+       &:before {
+               border: 0;
+       }
+
+       > li:before {
+               border: 0;
+       }
+
+       > li {
+               border-left: 0;
+       }
+}
+
+// change background color for folder nav frame
+body#ext-backend-Modules-FileSystemNavigationFrame-index-php ul#treeRoot li:last-child:before {
+       background-color: #f5f5f5;
+}
+//
+// Configuration trees, used in Admin Tools => Configuration
+//
+
+table.t3-tree-config {
+       background: #ececec;
+       background-image: linear-gradient(center top, #ffffff 0px, #ececec 100px);
+       border: 1px solid #adadad;
+       min-width: 500px;
+
+       .t3-tree-config-header {
+               text-align: left;
+       }
+}
+
+//
+// AJAX Page Tree
+//
+
+body#typo3-pagetree,
+body#ext-backend-Modules-FileSystemNavigationFrame-index-php {
+       margin: 0;
+       padding: 0;
+}
+
+body#typo3-pagetree #typo3-inner-docbody {
+       padding: 0 0 10px 0;
+}
+body#ext-backend-Modules-FileSystemNavigationFrame-index-php #typo3-inner-docbody {
+       padding: 10px 0;
+}
+
+ul.tree {
+       line-height: 12px;
+       list-style: none;
+       clear: both;
+       margin: 16px 0 0 10px;
+       padding: 0;
+
+       a {
+               text-decoration: none;
+       }
+
+       a.pm {
+               cursor: pointer;
+       }
+
+       div.treeLinkItem {
+               display: block;
+               min-height: 16px;
+               padding-right: 2px;
+       }
+
+       ul {
+               padding: 0 0 0 19px;
+               margin: 0;
+               list-style: none;
+
+               li {
+                       padding: 0;
+                       margin: 0;
+                       white-space: nowrap;
+                       list-style: none;
+               }
+
+               li.active  {
+                       div.treeLinkItem {
+                               background-color: #fff;
+                               boder: 1px solid #d7d7d7;
+                               border-right: 0;
+                       }
+
+                       li div.treeLinkItem {
+                               margin: 0;
+                               background-color: transparent;
+                               border-width: 0;
+
+                       }
+               }
+
+               li.expanded {
+                       ul {
+                               background: transparent url('../../../../icons/gfx/ol/line.gif') left top repeat-y;
+                       }
+               }
+       }
+}
+
+
+
+ul.tree ul li.last > ul {
+       background: none;
+}
+
+
+ul.tree li.active span a,
+ul.tree ul li.active span a {
+       font-weight: bold;
+}
+
+ul.tree li.active ul span a,
+ul.tree ul li.active ul span a {
+       font-weight: normal;
+}
+
+ul #pages0_0 > ul {
+       padding-left: 0;
+}
+
+//
+// active tree items, we have to work against the border: 1px here,
+// otherwise tree elements would take too much space
+//
+
+ul.tree li.active div.treeLinkItem {
+       margin: -1px 0 -1px -1px;
+}
+
+span.dragIcon {
+       display: inline-block;
+       height: 16px;
+}
+
+ul.tree div.treeLinkItem span.dragId,
+ul.tree div.treeLinkItem span.dragTitle,
+ul.tree div.treeLinkItem img {
+       vertical-align: middle;
+}
+
+ul.tree div.treeLinkItem span.dragIcon {
+       vertical-align: top;
+}
+#dragIcon {
+       position: absolute;
+       visibility: hidden;
+       z-index: 20;
+}
+
+#treeFilterBox {
+       background: url('../../../../icons/gfx/filter_bg.gif') 0 -2px no-repeat;
+       background-color: #dadada;
+       display: none;
+       height: 25px;
+       position: absolute;
+       top: 49px;
+       left: 0;
+       right: 0;
+       width: auto;
+       z-index: 3;
+}
+
+#searchBubble {
+       padding-left: 10px;
+}
+
+#treeFilter {
+       margin: 6px 0 0 17px !important;
+       height: 16px;
+       width: 160px;
+}
+
+#treeFilterReset {
+       position: absolute;
+       top: 5px;
+       left: 192px;
+       border: 0;
+       cursor: pointer;
+       visibility: hidden;
+}
+
+#typo3-pagetree #typo3-docheader img {
+       margin: 2px;
+}
+
+// Sprite icons for tree lines. Single lines need 6px padding. Can also be used directly inside .table
+
+.t3-icon-treeline {
+       display: block;
+       float: left;
+       margin-top: -6px;
+       margin-bottom: -6px;
+       padding: 0;
+       height: 30px;
+       white-space: nowrap;
+       overflow: hidden;
+}
+
+//
+// Tree
+//
+
+body#typo3-pagetree,
+body#ext-backend-Modules-FileSystemNavigationFrame-index-php {
+       background: #ebebeb;
+}
+
+#ext-backend-Modules-FileSystemNavigationFrame-index-php #typo3-docbody,
+#ext-backend-Modules-FileSystemNavigationFrame-index-php #typo3-docheader-row1,
+#ext-backend-Modules-FileSystemNavigationFrame-index-php #typo3-docheader-row2,
+.typo3-pagetree-indicatorBar-item,
+#typo3-pagetree-topPanelItems,
+#typo3-pagetree-topPanel .typo3-pagetree-topPanel-item,
+#typo3-pagetree-treeContainer,
+#typo3-pagetree .x-panel-tbar,
+#typo3-pagetree-deletionDropZone .x-panel-body {
+       background-position: right;
+       background-repeat: repeat-y;
+}
+
+#ext-backend-Modules-FileSystemNavigationFrame-index-php #typo3-docbody,
+#typo3-pagetree-treeContainer {
+       border-right: 1px solid @navigation-border;
+       background-color: @navigation-bg;
+}
+
+table#typo3-tree tr:hover {
+       background-color: #d7dbe2;
+}
+
+//
+// AJAX Page Tree
+//
+
+#dragIcon {
+       filter: alpha(opacity=50);
+       opacity: 0.5;
+       white-space: nowrap;
+}
+
+#treeFilter {
+       background: transparent;
+       border: 0;
+}
+
+#tree-toolbar-filter-item {
+       display: inline-block;
+       height: 22px;
+       width: 20px;
+}
+
+#tree-toolbar-filter-item.active {
+       background-image: url("../../../../icons/gfx/toolbar_item_active_bg.png")
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_fonts.less b/Build/Resources/Public/Less/TYPO3/_fonts.less
new file mode 100644 (file)
index 0000000..ac2257c
--- /dev/null
@@ -0,0 +1,47 @@
+//
+// Share Font
+//
+
+@font-face {
+    font-family: 'Share';
+    src: url('../../Fonts/share-bold-webfont.eot');
+    src: url('../../Fonts/share-bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../../Fonts/share-bold-webfont.woff') format('woff'),
+         url('../../Fonts/share-bold-webfont.ttf') format('truetype'),
+         url('../../Fonts/share-bold-webfont.svg#Share-BoldRegular') format('svg');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Share';
+    src: url('../../Fonts/share-italic-webfont.eot');
+    src: url('../../Fonts/share-italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../../Fonts/share-italic-webfont.woff') format('woff'),
+         url('../../Fonts/share-italic-webfont.ttf') format('truetype'),
+         url('../../Fonts/share-italic-webfont.svg#Share-ItalicRegular') format('svg');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Share';
+    src: url('../../Fonts/share-regular-webfont.eot');
+    src: url('../../Fonts/share-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../../Fonts/share-regular-webfont.woff') format('woff'),
+         url('../../Fonts/share-regular-webfont.ttf') format('truetype'),
+         url('../../Fonts/share-regular-webfont.svg#Share-Regular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Share';
+    src: url('../../Fonts/share-bolditalic-webfont.eot');
+    src: url('../../Fonts/share-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../../Fonts/share-bolditalic-webfont.woff') format('woff'),
+         url('../../Fonts/share-bolditalic-webfont.ttf') format('truetype'),
+         url('../../Fonts/share-bolditalic-webfont.svg#Share-BoldItalicRegular') format('svg');
+    font-weight: bold;
+    font-style: italic;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_icons.less b/Build/Resources/Public/Less/TYPO3/_icons.less
new file mode 100644 (file)
index 0000000..dada49e
--- /dev/null
@@ -0,0 +1,35 @@
+//
+// Icons
+//
+.t3-icon {
+       display: inline-block;
+       position: relative;
+       vertical-align: middle;
+       background-image: url('../../../icons/gfx/icon_fatalerror.gif');
+       background-repeat: no-repeat;
+       margin-right: 2px;
+       width: 16px;
+       height: 16px;
+       text-align: center;
+       &.fa {
+               background: none;
+               font-size: 14px;
+       }
+       .c-inputButton {
+               width:16px;
+               height:16px;
+       }
+}
+.t3-icon-overlay {
+       display: block;
+       position: absolute;
+       left: 0;
+       top: 0;
+       width: 16px;
+       height: 16px;
+       text-decoration: none;
+       padding: 0;
+}
+.t3-icon-empty {
+       background-image: none;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_login_screen.less b/Build/Resources/Public/Less/TYPO3/_login_screen.less
new file mode 100644 (file)
index 0000000..4866d3e
--- /dev/null
@@ -0,0 +1,206 @@
+//
+// Login Screen
+//
+
+//
+// Login Screen
+// Warning:
+// DO NOT prevent the copyright notice from being shown!
+// According to the GPL license an interactive application must show such a notice on start-up ('If the program is interactive, make it output a short notice... ' - see GPL.txt)
+// Therefore preventing this notice from being properly shown is a violation of the license, regardless of whether you remove it or use the stylesheet to obstruct the display.
+//
+
+
+@login-width:                          360px;
+@login-bg:                                     #eee;
+@login-border-radius:          5px;
+
+@login-highlight:                      #ff8800;
+@login-btn-text:                       #fff;
+@login-btn-bg:                         @login-highlight;
+
+@login-copyright-text:         #444;
+
+@login-input-height:                           @input-height-large;
+@login-input-font-size:                                12px;
+@login-input-line-height:                      @line-height-large;
+@login-input-border-radius:                    2px;
+@login-input-border-color:                     #ccc;
+@login-input-padding-vertical:         @padding-large-vertical;
+@login-input-padding-horizontal:       @padding-large-horizontal;
+
+
+//
+// Login
+//
+.typo3-login {
+       background-color: @login-bg;
+       background-repeat: no-repeat;
+       background-size: cover;
+       background-position: center center;
+       display: table;
+       position: absolute;
+       top: 0;
+       left: 0;
+       padding: 10px;
+       width: 100%;
+       min-height: 100%;
+       height: 100%;
+}
+.typo3-login-container {
+       display: table-cell;
+       vertical-align: middle;
+}
+.typo3-login-wrap {
+       max-width: @login-width;
+       margin: 0 auto;
+}
+.typo3-login-links {
+       padding-top: inherit;
+       margin-top: 20px;
+       margin-bottom: 20px;
+       .disabled {
+               cursor: not-allowed!important;
+               text-decoration: none!important;
+               color: @text-muted!important;
+               span {
+                       cursor: inherit;
+               }
+       }
+}
+
+
+//
+// Logo
+//
+.typo3-login-logo {
+       margin-bottom: 30px;
+       > img {
+               display: block;
+               max-width: 100%;
+               height: auto;
+               margin: 0 auto;
+       }
+}
+
+
+//
+// News
+//
+.typo3-login-news-heading {
+       font-size: 14px;
+       line-height: 1.3em;
+       margin-top: 0;
+}
+
+
+//
+// Panel
+//
+.panel-login {
+       border-color: darken(@login-bg, 10%);
+       border-radius: @login-border-radius;
+       .panel-heading {
+               .border-top-radius((@login-border-radius - 1));
+       }
+       .panel-body {
+               border-bottom: 3px solid @login-highlight;
+       }
+       .panel-footer {
+               .border-bottom-radius((@login-border-radius - 1));
+       }
+       a {
+               font-weight: bold;
+       }
+       @media (max-width: @screen-xs-max){
+               margin-bottom: 0;
+       }
+}
+
+
+//
+// Forms
+//
+.input-login {
+       border-color: @login-input-border-color;
+       .box-shadow(none);
+       .input-size(@login-input-height; @login-input-padding-vertical; @login-input-padding-horizontal; @login-input-font-size; @login-input-line-height; @login-input-border-radius);
+       &:focus {
+               .box-shadow(none);
+       }
+}
+.btn-login {
+       .button-size(@login-input-padding-vertical; @login-input-padding-horizontal; @login-input-font-size; 1em; @login-input-border-radius);
+       .button-variant(@login-btn-text; @login-btn-bg; rgba(0,0,0,0.1));
+       line-height: 1.3em;
+       &:focus {
+               outline: none;
+               .box-shadow(none);
+       }
+}
+
+
+//
+// Carousel
+//
+.typo3-login-carousel-control {
+       top: 50%;
+       margin-top: -30px;
+       height: 60px;
+       line-height: 60px;
+       width: 10px;
+       background-color: #ffffff;
+       text-align: center;
+       position: absolute;
+       .opacity(0.25);
+       .transition(opacity 0.2s ease-in-out);
+       &:hover {
+               .opacity(1);
+       }
+       &.left {
+               left: -10px;
+               border: 1px solid darken(@login-bg, 10%);
+               border-right: 0;
+               border-radius: 2px 0 0 2px;
+       }
+       &.right {
+               right: -10px;
+               border: 1px solid darken(@login-bg, 10%);
+               border-left: 0;
+               border-radius: 0 2px 2px 0;
+       }
+       @media (min-width: @screen-sm-min){
+               width: 20px;
+               &.left {
+                       left: -20px;
+               }
+               &.right {
+                       right: -20px;
+               }
+       }
+}
+
+
+//
+// Copyright
+//
+.typo3-login-copyright-link {
+       .clearfix();
+       > img {
+               float: right;
+               margin-top: -4px;
+       }
+}
+.typo3-login-copyright-text {
+       margin-top: @line-height-computed;
+       color: @login-copyright-text;
+       .fa {
+               font-size: 13px;
+       }
+       > *:first-child {
+               margin-top: 0;
+       }
+       > *:last-child {
+               margin-bottom: 0;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_body.less b/Build/Resources/Public/Less/TYPO3/_main_body.less
new file mode 100644 (file)
index 0000000..0e2097b
--- /dev/null
@@ -0,0 +1,64 @@
+//
+// Body
+//
+
+//
+// specific wrappers
+//
+// The "template" class is usually instantiated as either
+// noDoc or fullDoc. Both will result in the whole page
+// content between the bodytags being
+// wrapped in a DIV-section with a class.
+//
+
+div.typo3-noDoc {
+       margin-left: 10px;
+       margin-top: 5px;
+       width: 740px;
+
+       h2 {
+               width: 740px;
+       }
+}
+
+div.typo3-fullDoc {
+       height: 100%;
+       width: 100%;
+}
+
+div#typo3-docbody {
+       position: absolute;
+       top: 49px;
+       bottom: 0;
+       overflow: auto;
+       width: 100%;
+       z-index: 2;
+}
+
+div#typo3-inner-docbody {
+       padding: 24px;
+       margin-top: 0;
+       transition: border 0.2s ease;
+}
+
+//
+// Information popup, show_item.php
+//
+
+body#typo3-show-item-php {
+       padding: 12px 24px;
+}
+
+//
+// Decorations (shadows etc.)
+//
+
+.shadow-box-bottom-424 {
+       height: 3px;
+       background: url('../../../../images/shadows/box-bottom-424.png') top center no-repeat;
+}
+
+.shadow-box-top-428 {
+       height: 4px;
+       background: url('../../../../images/shadows/box-top-428.png') bottom center no-repeat;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_content.less b/Build/Resources/Public/Less/TYPO3/_main_content.less
new file mode 100644 (file)
index 0000000..2658b1d
--- /dev/null
@@ -0,0 +1,244 @@
+//
+// Content
+//
+
+// Menu icons
+@app-icon-border-radius: @border-radius-small;
+@app-icon-height: 28px;
+@app-icon-width: 28px;
+@app-icon-font-size: 21px;
+@app-icon-bg: #484848;
+
+//
+// TYPO3 styles for basic elements
+//
+
+h1 {
+       font-family: Share, Verdana, Arial, Helvetica, sans-serif;
+       font-variant: normal;
+       font-weight: normal;
+       margin-top: 0;
+       margin-bottom: ceil((@font-size-base * 1.8));
+}
+
+h2 {
+       margin: 24px 0 12px 0;
+}
+
+h3 {
+       margin: 24px 0 12px 0;
+}
+
+ul,
+ol,
+blockquote {
+       margin-bottom: (@line-height-computed / 2);
+}
+
+// Lists
+
+ul,
+ol {
+       padding-left: 3em;
+}
+
+// Preformatted text - not used so much in TYPO3
+
+pre {
+       margin: 0;
+}
+
+// horizontal ruler
+
+hr,
+div.hr {
+       background: none;
+       border: none;
+       height: 1px;
+}
+
+// .uppercase is kept for backwards-compatibility, use .divider
+
+.divider {
+       padding-bottom: 12px;
+}
+li.divider {
+       padding: 0;
+}
+
+a span {
+       cursor: pointer;
+}
+
+video {
+       background-color: #000;
+}
+
+//
+// Various classes
+//
+
+img.absmiddle {
+       vertical-align: middle;
+}
+
+.smallCheckboxes {
+       height: 12px;
+       margin: 0px;
+       width: 12px;
+}
+
+.alignToInputText, .alignToInputText:hover {
+       margin-top: 5px;
+       margin-right: 2px;
+       vertical-align: top;
+}
+
+.nowrap {
+       white-space: nowrap;
+}
+
+//
+// TYPO3 styles for basic elements
+//
+
+tr:hover .t3-page-ce a,
+tr:hover .x-tree a {
+       text-decoration: none;
+}
+
+a.t3-link {
+       text-decoration: underline;
+}
+
+em {
+       font-style: italic;
+}
+
+//
+// Various classes
+//
+
+// Please use .typo3-app-icon in your extensions.
+// Wrap <img> in span>span for 16x16px horizontally and vertically centered icons (backwards compatibility)
+.typo3-app-icon {
+       position: relative;
+       display: inline-block;
+       padding: 0;
+       height: @app-icon-width;
+       width: @app-icon-height;
+       overflow: hidden;
+       border-radius: @app-icon-border-radius;
+       background-color: @app-icon-bg;
+       vertical-align: middle;
+       > span {
+               display: table;
+               height: 100%;
+               width: 100%;
+               > span {
+                       display: table-cell;
+                       text-align: center;
+                       vertical-align: middle;
+               }
+       }
+       img {
+               max-height: @app-icon-width;
+               max-width: @app-icon-width;
+               margin: 0 auto;
+       }
+       .fa {
+               font-size: @app-icon-font-size;
+               vertical-align: middle;
+       }
+       &:after {
+               position: absolute;
+               content: '';
+               display: block;
+               top: 0;
+               left: 0;
+               right: 0;
+               bottom: 0;
+               border: 1px solid rgba(255,255,255,0.1);
+               border-radius: @app-icon-border-radius;
+       }
+}
+
+.section {
+       margin-bottom: 15px;
+}
+
+.diff-r {
+       color: red;
+}
+div.diff-r {
+       background-color: red;
+       color: black;
+}
+
+.diff-g {
+       color: green;
+}
+div.diff-g {
+       background-color: green;
+       color: black;
+}
+
+div.diff-r,
+div.diff-g {
+       padding: 3px;
+}
+
+// used in the admin tools => DB check
+.t3-overview-list dt {
+       font-weight: bold;
+}
+
+//
+// Dimmed span tag color (disabled)
+//
+
+.c-na {
+       color: #666;
+       font-style: italic;
+}
+
+.not-found a {
+       color: #cccccc;
+}
+
+//
+// Red span tag color (warning, notice)
+//
+
+table.warningbox {
+       border: solid 2px black;
+       background-color: yellow;
+       margin: 20px 0;
+
+       td {
+               padding: 20px;
+               font-weight: bold;
+
+               a {
+                       text-decoration: underline;
+               }
+       }
+}
+
+div.warningbox {
+       border: solid 2px black;
+       background-color: yellow;
+       font-weight: bold;
+       margin: 10px 0;
+       padding: 10px;
+}
+
+span.warningboxheader {
+       margin-left: 5px;
+}
+
+// all buttons have the "click" mouse cursor
+
+.t3-btn {
+       cursor: pointer;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_form.less b/Build/Resources/Public/Less/TYPO3/_main_form.less
new file mode 100644 (file)
index 0000000..0cc6a26
--- /dev/null
@@ -0,0 +1,392 @@
+//
+// Disable ms-clear pseudo-element globally to avoid confusion with the
+// existing clearable integration in TYPO3
+//
+// https://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx
+//
+*::-ms-clear {
+       display: none;
+}
+
+//
+// Form
+//
+#typo3-docbody form {
+       margin-bottom: 1.25em;
+}
+
+//
+// Go back A-tags
+//
+a.typo3-goBack {
+       font-weight: bold;
+       img {
+               margin-right: 5px;
+               vertical-align: middle;
+       }
+}
+span.typo3-moduleHeader img {
+       margin-right: 4px;
+       vertical-align: middle;
+}
+
+//
+// Form control state additions
+//
+.has-change {
+       .form-control-validation(@state-info-text; @state-info-text; @state-info-bg);
+       .thumbnail-status {
+               border: 1px solid @state-info-text;
+       }
+       // A loading order issue prevents .has-change to be overridden with .has-error
+       // this is a workaround needs to be cleaned up in a less file restructuring
+       &.has-error {
+               .has-error;
+       }
+}
+
+//
+// Input group additions
+//
+.input-group-icon {
+       width: 32px;
+       vertical-align: middle;
+       img {
+               width: auto;
+               max-height: 18px;
+       }
+}
+.input-group-addon {
+       min-width: 2.5em;
+}
+
+//
+// Form control additions
+//
+.form-control {
+       min-width: 120px;
+}
+.form-control-adapt {
+       width: auto;
+       max-width: 100%;
+}
+.form-control-wrap {
+       margin: 9px 0;
+}
+.form-control-holder {
+       position: relative;
+}
+.row {
+       > .form-group {
+               > .form-control-wrap {
+                       margin-bottom: 0;
+               }
+       }
+}
+
+
+//
+// Form group validation states
+//
+.form-group.has-error {
+       label:before {
+               font-family: FontAwesome;
+               font-size: 12px;
+               margin-right: 5px;
+               text-align: center;
+               content: @fa-var-warning;
+               color: @brand-danger;
+               display: inline-block;
+       }
+
+       .input-group-btn {
+               label {
+                       border-color: @brand-danger;
+                       .t3-icon {
+                               color: @brand-danger;
+                       }
+               }
+               label:before {
+                       font-family: inherit;
+                       font-size: inherit;
+                       margin-right: inherit;
+                       text-align: inherit;
+                       content: '';
+                       color: inherit;
+                       display: block;
+               }
+       }
+}
+
+
+//
+// Select
+//
+select {
+       &.form-control {
+               &[multiple],
+               &[size]{
+                       min-height: 156px;
+                       width: 100%!important;
+               }
+               &[size="1"] {
+                       height: @input-height-base;
+                       min-height: 0;
+               }
+               > optgroup {
+                       margin-top: 9px;
+                       &:first-child {
+                               margin-top: 0;
+                       }
+               }
+               option {
+                       padding-top: 2px;
+                       padding-bottom: 2px;
+               }
+       }
+       &.icon-select {
+               option {
+                       padding-left: 22px;
+               }
+       }
+}
+
+//
+// Styles for the "clearable" jquery plugin.
+//
+.form-control-clearable {
+       position: relative;
+       .form-control {
+               padding-right: 2.3em;
+       }
+       .close {
+               position: absolute;
+               z-index: 3;
+               font-size: 1.2em;
+               top: 50%;
+               right: 0.5em;
+               margin-top: -0.55em;
+               &:before {
+                       line-height: 1.5em;
+               }
+       }
+}
+.input-group {
+       .form-control-clearable {
+               display: table-cell;
+               .form-control {
+                       display: block;
+               }
+       }
+}
+
+//
+// Styles for the "capslock" jquery plugin.
+//
+.form-notice-capslock {
+       position: absolute;
+       right: 6px;
+       top: 50%;
+       margin-top: -10px;
+       height: 20px;
+       width: 20px;
+       padding: 3px;
+       z-index: 10;
+       background-color: #fff;
+       > img {
+               display: block;
+               opacity: 0.5;
+       }
+}
+
+//
+// Form Inline adjustments
+//
+.form-inline-spaced {
+       margin: 0 -0.5em @line-height-computed;
+       .form-group {
+               margin: 0.5em 0.5em 0;
+               label {
+                       margin-right: 0.5em;
+               }
+       }
+}
+
+//
+// Form group additions
+//
+.form-group-dashed {
+       & + .form-group-dashed {
+               padding-top: 15px;
+               border-top: 1px dashed #ccc;
+       }
+}
+
+//
+// Form Sections
+//
+.form-section {
+       border: 1px solid #cccccc;
+       background-color: #fafafa;
+       padding: 15px 12px 3px;
+       & + .form-section {
+               margin-top: -1px;
+       }
+}
+.tab-pane {
+       > .form-section:first-child {
+               border-top: none;
+       }
+}
+.form-section-headline {
+       margin-top: 0;
+       margin-bottom: 10px;
+}
+
+//
+// Form Wizards
+//
+.form-wizards-wrap {
+       &.form-wizards-top {
+               > .form-wizards-items {
+                       margin-bottom: 9px;
+               }
+       }
+       &.form-wizards-bottom {
+               > .form-wizards-element {
+                       margin-bottom: 9px;
+               }
+       }
+       &.form-wizards-aside {
+               display: table;
+               width: 100%;
+               > .form-wizards-element {
+                       width: 100%;
+               }
+               > .form-wizards-element,
+               > .form-wizards-items {
+                       display: table-cell;
+                       vertical-align: top;
+               }
+               > .form-wizards-items {
+                       white-space: nowrap;
+                       padding-left: 5px;
+               }
+       }
+}
+.form-wizards-element {
+       > .table-fit {
+               margin-bottom: 9px;
+       }
+}
+
+//
+// Form Irre
+//
+.form-irre-header {
+       display: table;
+       margin: -5px;
+       .user-select(none);
+}
+.form-irre-header-cell {
+       display: table-cell;
+       vertical-align: middle;
+       white-space: nowrap;
+       padding: 5px;
+}
+.form-irre-header-body {
+       width: 100%;
+       font-weight: normal;
+       dl {
+               .dl-horizontal();
+               margin-bottom: 0;
+       }
+}
+.form-irre-header-icon {
+       padding-right: 0;
+}
+.form-irre-header-control {
+       cursor: auto;
+       .btn-group > .btn {
+               float: none;
+       }
+}
+
+//
+// Form Multi Group
+//
+.form-multigroup-wrap {
+       width: 100%;
+       display: table;
+       .form-multigroup-item {
+               display: table-cell;
+               width: 50%;
+               vertical-align: top;
+               + .form-multigroup-item {
+                       padding-left: 5px;
+               }
+       }
+       .form-multigroup-item-wizard {
+               margin-bottom: 5px;
+               + select.form-control[multiple],
+               + select.form-control[size] {
+                       min-height: 125px;
+               }
+       }
+       .form-wizards-wrap {
+               width: 100%;
+       }
+}
+
+//
+// Radio & Checkbox
+//
+.radio-row,
+.checkbox-row {
+       margin-top: 10px;
+       margin-bottom: 5px;
+}
+.radio-column,
+.checkbox-column {
+       margin-bottom: 5px;
+       > .radio,
+       > .checkbox {
+               margin: 0;
+       }
+}
+.radio-inline,
+.checkbox-inline {
+       &.radio,
+       &.checkbox {
+               display: block;
+               margin-left: 0;
+               margin-right: 10px;
+               margin-bottom: 10px;
+               padding: 0;
+               @media (max-width: @screen-xs-max) {
+                       & + .radio,
+                       & + .checkbox {
+                               margin-top: -5px;
+                       }
+               }
+               @media (min-width: @screen-sm-min) {
+                       display: inline-block;
+                       margin-top: 10px;
+                       label {
+                               white-space: nowrap;
+                       }
+               }
+       }
+}
+
+//
+// Autoresize for Textareas
+//
+// no manual resizing for textareas (works on non-IE browser only anyways)
+// as it is handled by JS: "autosize"
+//
+textarea {
+       &.t3js-formengine-textarea {
+               resize: none;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_scaffolding.less b/Build/Resources/Public/Less/TYPO3/_main_scaffolding.less
new file mode 100644 (file)
index 0000000..2cb66c6
--- /dev/null
@@ -0,0 +1,26 @@
+//
+// TYPO3 backend scaffolding
+//
+
+body#typo3-backend-php {
+       margin: 0;
+       padding: 0;
+}
+
+#typo3-main-container {
+       clear: both;
+}
+
+#typo3-top {
+       margin-left: 160px;
+}
+
+iframe {
+       width: 100%;
+}
+
+#typo3-side-menu,
+iframe {
+       height: 100%;
+       overflow: auto;
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_main_type.less b/Build/Resources/Public/Less/TYPO3/_main_type.less
new file mode 100644 (file)
index 0000000..6c2b490
--- /dev/null
@@ -0,0 +1,37 @@
+//
+// Text variations
+//
+.text-monospace {
+       font-family: @font-family-monospace;
+}
+.text-normal {
+       font-weight: normal;
+}
+
+//
+// Lead text
+//
+.lead {
+       font-size: 1.25em;
+}
+
+//
+// Horizontal description lists
+//
+.dl-horizontal {
+       @media (min-width: @grid-float-breakpoint) {
+               dt {
+                       text-align: left;
+               }
+       }
+}
+.dl-horizontal-wide {
+       @media (min-width: @grid-float-breakpoint) {
+               dt {
+                       width: (@dl-horizontal-offset * 1.5 - 20);
+               }
+               dd {
+                       margin-left: @dl-horizontal-offset * 1.5;
+               }
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_beuser.less b/Build/Resources/Public/Less/TYPO3/_module_beuser.less
new file mode 100644 (file)
index 0000000..9a54bf9
--- /dev/null
@@ -0,0 +1,56 @@
+//
+// Legend
+//
+.beuser-legend {
+       margin-bottom: 18px;
+       .pull-left {
+               margin-right: 0.5em;
+       }
+       td {
+               overflow:hidden;
+       }
+       .t3-icon {
+           margin-right: 0;
+       }
+       .number {
+               border: 1px solid #000000;
+               border-radius: 2px;
+               width: 16px;
+               height: 16px;
+               display: inline-block;
+               text-align: center;
+               margin-right: 5px;
+               margin-left: 10px;
+               line-height: 14px;
+               font-weight: bold;
+       }
+       .edge span {
+               width: 1px;
+               height: 10px;
+               background: #000000;
+               display: block;
+               margin-top: 8px;
+               margin-left: 6px;
+               span {
+                       width: 10px;
+                       height: 1px;
+                       margin-left: 1px;
+               }
+       }
+       .hr span {
+               width: 20px;
+               height: 1px;
+               background: #000000;
+               display: block;
+               margin-top: -1px;
+               margin-left: -4px;
+       }
+       .vr span {
+               width: 1px;
+               height: 20px;
+               background: #000000;
+               margin-top: -2px;
+               margin-left: 6px;
+               display: block;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_database.less b/Build/Resources/Public/Less/TYPO3/_module_database.less
new file mode 100644 (file)
index 0000000..01c00d0
--- /dev/null
@@ -0,0 +1,36 @@
+//
+// Query-Builder
+//
+.query-builder {
+       .form-inline > .form-control-clearable {
+               display: inline;
+       }
+       .form-group-with-button-addon {
+               .input-group {
+                       margin-bottom: 10px;
+                       .input-group-addon {
+                               padding: 0 0 0 1px;
+                               .btn-default {
+                                       border: 0;
+                               }
+                       }
+               }
+       }
+       .from-control-operator {
+               width: 70px;
+               min-width: 70px;
+       }
+       .action-button-group {
+               margin: 10px 0;
+       }
+       .row-group {
+               margin: 10px 0;
+               padding: 10px;
+               border-color: #999;
+               -webkit-box-shadow: 0px 2px 5px 0px #999999;
+               box-shadow: 0px 2px 5px 0px #999999;
+       }
+       .indent {
+               padding-left: 20px;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_extensionmanager.less b/Build/Resources/Public/Less/TYPO3/_module_extensionmanager.less
new file mode 100644 (file)
index 0000000..4f40939
--- /dev/null
@@ -0,0 +1,328 @@
+//
+// Extensionmanager
+//
+
+// Extension list
+.typo3-extensionmanager-headerRowLeft {
+       float: left;
+}
+.typo3-extensionmanager-headerRowRight {
+       float: right;
+}
+.ui-toolbar {
+       margin-bottom: 5px;
+       .dataTables_filter {
+               float: left;
+       }
+}
+
+// Paginator
+.dataTables_info {
+       display: none;
+}
+.dataTables_paginate {
+       float: left;
+       margin: 10px 0 0;
+}
+
+// Upload form
+.uploadForm {
+       background-color: #ededed;
+       border-top: 1px solid #cdcdcd;
+       border-bottom: 1px solid #cdcdcd;
+       padding: 12px;
+       margin-bottom: 24px;
+       form {
+               .control-group {
+                       clear: both;
+                       margin-bottom: 5px;
+               }
+               label {
+                       float: left;
+                       height: 20px;
+                       padding: 4px 0;
+                       line-height: 20px;
+                       width: 90px;
+               }
+               .control {
+                       min-height: 20px;
+                       padding: 4px 0;
+                       margin-left: 110px;
+               }
+       }
+}
+
+// Distributions list
+.distribution {
+       border: 1px solid darken(@gray-lighter,15%);
+       background-color: @gray-lighter;
+       margin-bottom: 20px;
+       margin-left: 20px;
+       width: 300px;
+       float: left;
+       &:hover {
+               background-color: darken(@gray-lighter,3%);
+               .distribution-hover {
+                       top: 0px;
+                       opacity: 1;
+               }
+               .distribution-more {
+                       text-decoration: underline;
+               }
+       }
+       .typo3-dependency-version {
+               position: absolute;
+               right: 0px;
+       }
+}
+.distribution-holder {
+       .clearfix();
+       top: 0px;
+       bottom: 0px;
+       margin-left: -20px;
+}
+.distribution-image {
+       position: relative;
+       width: 300px;
+       height: 225px;
+       overflow: hidden;
+       img {
+               display: block;
+               height: 100%;
+               width: 100%;
+       }
+}
+.distribution-hover {
+       background-color: @gray-lighter;
+       position: absolute;
+       top: 100%;
+       left: 0px;
+       width: 300px;
+       height: 225px;
+       overflow: hidden;
+       opacity: 0;
+       .transition(all 0.2s ease-in-out);
+}
+.distribution-hover-inner {
+       padding: 15px;
+}
+.distribution-meta {
+       border-top: 1px solid darken(@gray-lighter,10%);
+       padding: 15px;
+       .distribution-title {
+               margin: 0;
+               overflow: hidden;
+               white-space: nowrap;
+               text-overflow: ellipsis;
+               font-size: 14px;
+       }
+       .distribution-install {
+               margin-top: 0.5em;
+       }
+}
+
+// Distributions detail
+.distribution-detail-flashmessage {
+       margin-bottom: 2.5em;
+       p {
+               padding-bottom: 0;
+       }
+}
+.distribution-detail {
+       .clearfix();
+       min-width: 750px;
+}
+.distribution-detail-previewpane {
+       float: left;
+       margin-right: 30px;
+}
+.distribution-detail-preview {
+       display: block;
+       border: 1px solid darken(@gray-lighter,15%);
+}
+.distribution-detail-body {
+       overflow: hidden;
+       zoom: 1;
+}
+.distribution-detail-header {
+       h1 {
+               margin-bottom: 0.5em;
+       }
+       p {
+               padding: 0px;
+               max-width: 500px;
+               margin-bottom: 1.25em;
+       }
+       margin-bottom: 2.5em;
+}
+.distribution-detail-summary {
+       margin-top: 2.5em;
+       margin-bottom: 2.5em;
+}
+.distribution-installed {
+       hr {
+               margin: 2.5em 0;
+               border: 0;
+               border-top: 1px solid darken(@gray-lighter,15%);
+       }
+}
+
+// Misc
+.ui-widget-header {
+       background: none;
+       border: none;
+       font-weight: normal;
+}
+.dataTables_info {
+       font-size: 10px;
+       color: #444;
+       float: left;
+}
+.paging_two_button .ui-button {
+       float: left;
+       cursor: pointer;
+}
+.paging_full_numbers {
+       float: right;
+       .ui-button {
+               padding: 2px 6px;
+               margin: 0;
+               cursor: pointer;
+               color: #333 !important;
+       }
+}
+.dataTables_paginate {
+       width: auto;
+       .ui-button {
+               margin-right: -0.1em !important;
+       }
+}
+.typo3-extension-list {
+
+       .ext-icon {
+               max-height: 16px;
+               width: auto;
+       }
+
+       tr.installed td {
+               background-color: #c8ffaa;
+       }
+
+       tr.available td {
+               background-color: #E1E1aa;
+       }
+
+       .inactive {
+               color: rgb(170, 170, 170);
+       }
+
+       // Hide author for now
+       .author {
+               display: none;
+       }
+}
+
+
+.typo3-extension-manager {
+       .insecure {
+               color: #ff2262;
+       }
+       .outdated {
+               color: #0c08ff;
+       }
+       form#extensionUploadForm {
+               margin-bottom: 0;
+               div.control-group:last-child {
+                       margin-bottom: 0;
+               }
+       }
+}
+
+.headerTooltip {
+       .box-shadow(2px 2px 11px #666);
+       display: none;
+       width: 150px;
+       background-color: #ffa;
+       border: 1px solid #cc9;
+       padding: 3px;
+       font-size: 13px;
+       z-index: 1000;
+}
+
+// Loader
+#terTableWrapper {
+       position: relative;
+       .splash-receivedata {
+               display: none;
+               position: absolute;
+               top: 50px;
+               left: 50%;
+               margin: 0 0 0 -150px;
+               a {
+                       display: inline-block;
+                       width: 200px;
+                       vertical-align: top;
+                       padding: 3px 20px;
+               }
+               &.is-shown {
+                       display: block;
+               }
+       }
+       .spinner {
+               display: inline-block;
+       }
+       .ui-icon {
+               width: 16px;
+               height: 16px;
+       }
+}
+.time-since-last-update {
+       font-weight: bold;
+       padding-right: 0.4em;
+       cursor: help;
+}
+.is-loading {
+       opacity: 0;
+}
+
+// If something is hidden
+.is-hidden {
+       display: none;
+}
+
+// Show all versions
+.versions-all {
+       display: inline-block;
+       width: 20px;
+       text-indent: -200px;
+       overflow: hidden;
+}
+.currentVersionInfo {
+       padding: 0 0 20px 0;
+
+       td { padding: 4px 0; }
+       th { font-weight: normal; color: #8c8c8c; padding: 4px 20px 4px 0; }
+}
+span.ter-ext-state {
+       padding: 0 0 0 5px;
+       font-weight: bold;
+       text-transform: capitalize;
+}
+#typo3-docbody form.download {
+       margin-bottom: 0;
+}
+.typo3-extensionmanager-headerRowLeft {
+       display: inline-block;
+       .typo3-extensionmanager-searchTerFieldWrapper {
+               display: inline-block;
+               position: relative;
+               input {
+                       height: 15px;
+               }
+               .t3-icon-input-clear {
+                       position: absolute;
+                       right: 3px;
+                       top: 4px;
+               }
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_lang.less b/Build/Resources/Public/Less/TYPO3/_module_lang.less
new file mode 100644 (file)
index 0000000..c1a1518
--- /dev/null
@@ -0,0 +1,159 @@
+//
+// Language Module
+//
+div.typo3-module-lang {
+       table.t3-datatable {
+               width: 100% !important;
+
+               th {
+                       &.sorting,
+                       &.sorting_asc,
+                       &.sorting_desc {
+                               cursor: pointer;
+                       }
+               }
+
+               tr {
+                       > .extensionName {
+                               padding-left: 0 !important;
+                       }
+
+                       > .dt-center {
+                               text-align: center;
+                       }
+
+                       &.disabled {
+                               color: #aaaaaa;
+
+                               a {
+                                       &.deactivateLanguageLink,
+                                       &.updateLanguageLink,
+                                       &.updateTranslationLink {
+                                               display: none;
+                                       }
+                               }
+                       }
+
+                       &.enabled {
+                               a.activateLanguageLink {
+                                       display: none;
+                               }
+                       }
+
+                       div.progressBar {
+                               display: none;
+
+                               .progress {
+                                       position: relative;
+
+                                       .progress-text {
+                                               position: absolute;
+                                               color: #FFFFFF;
+                                               text-align: center;
+                                               width: 100%;
+                                               text-shadow: 0 0 6px #000000;
+                                       }
+                               }
+                       }
+
+                       &.processing,
+                       &.complete {
+                               div.progressBar {
+                                       display: inline;
+                                       cursor: default;
+                               }
+                       }
+               }
+
+               tr.processing,
+               td.processing,
+               tr.complete,
+               td.complete {
+                       a {
+                               &.updateLanguageLink,
+                               &.updateTranslationLink {
+                                       display: none;
+                               }
+                       }
+               }
+
+               td {
+                       span {
+                               &.loading,
+                               &.complete {
+                                       display: none;
+                               }
+                       }
+
+                       &.actions {
+                               span {
+                                       cursor: pointer;
+                               }
+                       }
+
+                       &.processing {
+                               span.loading {
+                                       display: inline;
+                                       cursor: default;
+
+                                       .t3-icon {
+                                               cursor: default;
+                                               width: 14px;
+                                               height: 14px;
+                                               margin: 0;
+                                       }
+                               }
+                       }
+
+                       &.complete {
+                               span.complete {
+                                       display: inline;
+                               }
+                       }
+               }
+
+               div.progress {
+                       margin-bottom: 0;
+               }
+       }
+
+       div.menuItems {
+               &.processing {
+                       span {
+                               &.updateItem {
+                                       display: none;
+                               }
+
+                               &.loadingItem,
+                               &.cancelItem {
+                                       display: inline;
+                               }
+                       }
+               }
+
+               span {
+                       &.loadingItem,
+                       &.cancelItem {
+                               display: none;
+
+                               .t3-icon {
+                                       height: 14px;
+                                       width: 14px;
+                               }
+                       }
+
+                       &.updateItem,
+                       &.cancelItem {
+                               cursor: pointer;
+                       }
+               }
+       }
+
+       .div.dataTables_filter input {
+               margin-left: 3px;
+       }
+
+       div.progress-bar {
+               background-color: #222222;
+       }
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_module_menu.less b/Build/Resources/Public/Less/TYPO3/_module_menu.less
new file mode 100644 (file)
index 0000000..77f78f2
--- /dev/null
@@ -0,0 +1,162 @@
+//
+// Module menu
+//
+
+// Module base
+@module-menu-color: #fff;
+@module-menu-bg: #222;
+@module-menu-border-color: #111;
+
+// Module group
+@module-menu-group-color: @module-menu-color;
+@module-menu-group-bg: @module-menu-bg;
+@module-menu-group-expanded-bg: @module-menu-bg;
+
+// Module links
+@module-menu-link-border-radius: 0 @border-radius-small @border-radius-small 0;
+@module-menu-link-color: #aaa;
+@module-menu-link-hover-color: @module-menu-color;
+@module-menu-link-hover-bg: lighten(@module-menu-bg,3%);
+@module-menu-link-active-color: #fff;
+@module-menu-link-active-bg: lighten(@module-menu-bg,15%);
+@module-menu-item-padding-vertical: 4px;
+@module-menu-item-padding-horizontal: 9px;
+
+// Module menu container
+[id="typo3-module-menu"] {
+       background: @module-menu-bg;
+       color: @module-menu-color;
+}
+
+// Invisible module menu drag handler
+[id="typo3-module-menu-xsplit"] {
+       z-index: 10;
+       width: 1px;
+       background-color: lighten(@module-menu-border-color,10%);
+       .box-shadow(2px 0px 3px rgba(0,0,0,0.5));
+       &:hover {
+               .box-shadow(2px 0px 3px rgba(0,0,0,0.9));
+       }
+       .x-layout-mini-wrapper {
+               left: -7px;
+               width: 15px;
+       }
+}
+
+// Module menu styling
+[id="typo3-menu"] {
+       .list-unstyled();
+
+       /// Module menu group
+       .typo3-module-menu-group-container {
+               clear: both;
+               .list-unstyled();
+               padding-right: 15px;
+       }
+       .typo3-module-menu-group {
+               .transition(background-color 0.4s ease-in-out);
+               position: relative;
+               color: @module-menu-group-color;
+               background-color: @module-menu-group-bg;
+               border-top: 1px solid lighten(@module-menu-border-color,10%);
+               border-bottom: 1px solid @module-menu-border-color;
+               padding: 5px 0;
+       }
+       .typo3-module-menu-group.expanded {
+               background-color: @module-menu-group-expanded-bg;
+       }
+       .typo3-module-menu-group-header {
+               .clearfix();
+               position: relative;
+               cursor: pointer;
+               display: block;
+               padding: @module-menu-item-padding-vertical @module-menu-item-padding-horizontal;
+               text-transform: uppercase;
+       }
+
+       // Module menu item
+       .typo3-module-menu-item {
+               margin: 1px 0;
+       }
+
+       // Module menu links
+       .typo3-module-menu-item-link {
+               .clearfix();
+               position: relative;
+               cursor: pointer;
+               display: block;
+               padding: @module-menu-item-padding-vertical @module-menu-item-padding-horizontal;
+               color: @module-menu-link-color;
+               border-radius: @module-menu-link-border-radius;
+               text-decoration: none;
+               &:focus,
+               &:hover {
+                       outline: none;
+                       color: @module-menu-link-hover-color;
+                       background-color: @module-menu-link-hover-bg;
+               }
+       }
+       .typo3-module-menu-item.active {
+               .typo3-module-menu-item-link {
+                       color: @module-menu-link-active-color;
+                       background-color: @module-menu-link-active-bg;
+               }
+       }
+
+       // Module menu icons
+       .typo3-module-menu-group-icon,
+       .typo3-module-menu-item-icon {
+               float: left;
+               margin-right: 10px;
+       }
+       .typo3-module-menu-group-icon {
+               background-color: transparent;
+               &:after {
+                       display: none;
+               }
+       }
+
+       // Module menu group and item titles
+       .typo3-module-menu-group-title,
+       .typo3-module-menu-item-title {
+               white-space: nowrap;
+               text-overflow: ellipsis;
+               padding-top: 5px;
+               display: block;
+               overflow: hidden;
+               *zoom: 1;
+       }
+       .typo3-module-menu-group-title {
+               padding-right: 20px;
+               .caret {
+                       .transition(all 0.25s ease-in-out);
+                       .rotate(90deg);
+                       position: absolute;
+                       top: 15px;
+                       right: 18px;
+               }
+       }
+
+       // Module Group Expanded
+       .expanded {
+               .typo3-module-menu-group-title {
+                       .caret {
+                               .rotate(0deg);
+                       }
+               }
+       }
+}
+
+// Module menu snapped
+.typo3-module-menu-snapped {
+       .typo3-module-menu-group-container {
+               padding-right: 0;
+       }
+       .typo3-module-menu-item-link {
+               border-radius: 0;
+       }
+       .typo3-module-menu-group-title,
+       .typo3-module-menu-item-title {
+               display: none;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_scheduler.less b/Build/Resources/Public/Less/TYPO3/_module_scheduler.less
new file mode 100644 (file)
index 0000000..cf6d68e
--- /dev/null
@@ -0,0 +1,19 @@
+
+//
+// Scheduler module
+//
+.tx_scheduler_mod1 {
+       .table {
+               td {
+                       vertical-align: top;
+               }
+               span.name {
+                       display: block;
+               }
+               span.description {
+                       font-style: italic;
+                       white-space: normal;
+                       color: @gray;
+               }
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_list_sysnote.less b/Build/Resources/Public/Less/TYPO3/_module_web_list_sysnote.less
new file mode 100644 (file)
index 0000000..0eb69f6
--- /dev/null
@@ -0,0 +1,98 @@
+//
+// Sys notes
+//
+
+// Should be added by sys_note only when necessary
+#typo3-dblist-sysnotes {
+       margin-top: 15px;
+
+       .single-note {
+               margin-bottom: 12px;
+
+               .header {
+                       min-height: 24px;
+                       line-height: 24px;
+                       background: #d7d7d7;
+                       color: #000;
+                       font-size: 0.9em;
+
+                       span.typeicon {
+                               width: 23px;
+                               height: 24px;
+                               margin-right: 7px;
+                               display: block;
+                               float: left;
+                               cursor: pointer;
+                               background: url(../../../../icons/ext/sys_note/icon-default.png) no-repeat top left;
+                       }
+                       .right.icons {
+                               visibility: hidden;
+                       }
+                       .right {
+                               float: right;
+                               margin-right: 5px;
+                       }
+                       span {
+                               color: #666;
+                       }
+               }
+
+               .content {
+                       padding: 12px;
+                       background: #fffeed;
+                       border: 1px solid #dadada;
+                       border-top: none;
+                       color: #666;
+                       .title {
+                               font-weight: bold;
+                               margin-bottom: 6px;
+                       }
+               }
+       }
+       .single-note:hover {
+               .header {
+                       background-color: #666;
+                       .right.icons {
+                               visibility: visible;
+                       }
+               }
+       }
+
+       .category-1 {
+               .header {
+                       span.typeicon {
+                               background-image: url(../../../../icons/ext/sys_note/icon-instruction.png);
+                       }
+               }
+       }
+       .category-2 {
+               .header {
+                       span.typeicon {
+                               background-image: url(../../../../icons/ext/sys_note/icon-template.png);
+                       }
+               }
+       }
+       .category-3 {
+               .header {
+                       span.typeicon {
+                               background-image: url(../../../../icons/ext/sys_note/icon-note.png);
+                       }
+               }
+       }
+       .category-4 {
+               .header {
+                       span.typeicon {
+                               background-image: url(../../../../icons/ext/sys_note/icon-todo.png);
+                       }
+               }
+       }
+}
+
+#typo3-dblist-sysnotes .single-note:hover {
+       .header,
+       .header span {
+               color: #d7d7d7;
+       }
+}
+
+
diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_new_element.less b/Build/Resources/Public/Less/TYPO3/_module_web_new_element.less
new file mode 100644 (file)
index 0000000..db6d086
--- /dev/null
@@ -0,0 +1,10 @@
+//
+// New Record Wizard
+//
+
+// Should be added by NewContentElementController only when necessary
+.contentelement-wizard {
+       a {
+               display: inline-block;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_page.less b/Build/Resources/Public/Less/TYPO3/_module_web_page.less
new file mode 100644 (file)
index 0000000..743380b
--- /dev/null
@@ -0,0 +1,206 @@
+//
+// Variables
+//
+@page-grid-spacing: 10px;
+@page-grid-cell-bg: #fafafa;
+@page-grid-cell-border: #cdcdcd;
+@page-grid-cell-restricted: @state-danger-bg;
+
+@page-column-header-color: #999;
+@page-column-header-bg: #fff;
+@page-column-header-border: @page-grid-cell-border;
+
+@page-ce-border: #ccc;
+@page-ce-hover-border: #aaa;
+@page-ce-border-radius: 2px;
+@page-ce-header-color: #fff;
+@page-ce-header-bg: #eaeaea;
+@page-ce-header-hover-bg: #d0d0d0;
+@page-ce-body-bg: #fff;
+@page-ce-footer-bg: #fafafa;
+@page-ce-hidden-opacity: 0.4;
+
+@page-ce-dropzone-bg: @state-success-bg;
+@page-ce-dropzone-border: @state-success-border;
+@page-ce-dropzone-border-radius: @page-ce-border-radius;
+
+
+//
+// Grid
+//
+.t3-grid-table {
+       border-collapse: separate;
+       border-spacing: @page-grid-spacing 0;
+       width: 100%;
+}
+.t3-grid-container {
+       margin: 0px (@page-grid-spacing * -1);
+}
+.t3-grid-cell {
+       background-color: @page-grid-cell-bg;
+       border-bottom: 1px solid @page-grid-cell-border;
+}
+.t3-grid-cell-restricted {
+       background-color: @page-grid-cell-restricted;
+}
+.t3-grid-cell-unassigned {
+       background: url('../../../../images/backgrounds/layout-not-assigned.png') repeat;
+}
+
+
+//
+// Columns
+//
+.t3-page-columns {
+       width: 100%;
+}
+.t3-page-column {
+       min-width: 150px;
+       max-width: 300px;
+       > h2 {
+               margin: 0;
+       }
+}
+.t3-page-column-header-icons {
+       visibility: hidden;
+       position: absolute;
+       right: 0;
+}
+.t3-page-column-header {
+       padding: (@page-grid-spacing * 2) @page-grid-spacing (@page-grid-spacing / 2) @page-grid-spacing;
+       position: relative;
+       background: @page-column-header-bg;
+       border-bottom: 1px solid @page-column-header-border;
+       color: @page-column-header-color;
+       text-align: left;
+       a {
+               position: relative;
+       }
+       &:hover {
+               .t3-page-column-header-icons {
+                       visibility: visible;
+               }
+       }
+}
+.t3-page-columns-mode {
+       img.c-divider {
+               margin: @page-grid-spacing 0 (@page-grid-spacing / 2) 0;
+       }
+}
+
+
+//
+// Language
+//
+.t3-page-lang-copyce {
+       margin: @page-grid-spacing;
+}
+
+
+//
+// Content elements
+//
+.t3-page-ce-wrapper {
+       min-height: 2em;
+}
+.t3-page-ce {
+       .transition(opacity .15s ease-in);
+       margin: @page-grid-spacing;
+       &.active-drag {
+               z-index: 4500;
+       }
+       // reset border-spacing from page column grid
+       * {
+               border-spacing: 0;
+       }
+       > .t3-page-ce {
+               margin-left: 0;
+               margin-right: 0;
+       }
+       .t3-page-ce-body-inner {
+               padding: @page-grid-spacing;
+       }
+       .t3-page-ce-header {
+               .clearfix();
+               .transition(background .15s ease-in);
+               padding: (@page-grid-spacing / 2);
+               border: 1px solid @page-ce-border;
+               border-bottom: 0;
+               border-radius: @page-ce-border-radius @page-ce-border-radius 0 0;
+               background: @page-ce-header-bg;
+       }
+       .t3-page-ce-header-icons-left {
+               float: left;
+               > a {
+                       display: inline-block;
+                       padding: @padding-small-vertical @padding-small-horizontal;
+               }
+       }
+       .t3-page-ce-header-icons-right {
+               .transition(opacity .15s ease-in);
+               opacity: 0.3;
+               float: right;
+       }
+       .t3-page-ce-body {
+               margin-bottom: @page-grid-spacing;
+               border: 1px solid @page-ce-border;
+               border-top: 0;
+               border-radius: 0 0 @page-ce-border-radius @page-ce-border-radius;
+               background-color: @page-ce-body-bg;
+       }
+       .t3-page-ce-footer {
+               .text-monospace();
+               font-size: 11px;
+               padding: (@page-grid-spacing / 2) @page-grid-spacing;
+               background: @page-ce-footer-bg;
+       }
+       &:hover {
+               .t3-page-ce-header {
+                       background: @page-ce-header-hover-bg;
+               }
+               .t3-page-ce-header,
+               .t3-page-ce-body {
+                       border-color: @page-ce-hover-border;
+               }
+               .t3-page-ce-body {
+                       .box-shadow(0px 1px 0px rgba(0, 0, 0, 0.15));
+               }
+               .t3-page-ce-header-icons-right {
+                       opacity: 1;
+               }
+       }
+}
+.t3-page-ce-hidden {
+       opacity: @page-ce-hidden-opacity;
+       .transition(opacity .15s ease-in);
+       &:hover {
+               opacity: 1.0;
+       }
+}
+
+
+//
+// Dropzone
+//
+.t3-page-ce-dropzone-available.active,
+.t3-page-ce-dropzone-possible {
+       border: 1px dashed @page-ce-dropzone-border;
+       border-radius: @page-ce-dropzone-border-radius;
+       background-color: @page-ce-dropzone-bg;
+}
+.t3-page-ce-dropzone-available.active {
+       height: 2em;
+}
+.t3-page-ce-dropzone-possible {
+       margin: @page-grid-spacing;
+}
+
+
+//
+// Dragging
+//
+.t3-page-ce-dragitem {
+       .t3-page-ce-header:hover {
+               cursor: move;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_topbar.less b/Build/Resources/Public/Less/TYPO3/_topbar.less
new file mode 100644 (file)
index 0000000..b957e57
--- /dev/null
@@ -0,0 +1,447 @@
+//
+// Topbar
+//
+
+@topbar-color: #ddd;
+@topbar-height: 45px;
+@topbar-zindex: @zindex-navbar;
+@topbar-bg: @navbar-inverse-bg;
+
+@topbar-navigation-color: @topbar-color;
+@topbar-navigation-bg: #222;
+@topbar-navigation-border-color: #111;
+
+@topbar-dropdown-padding: 16px;
+@topbar-dropdown-color: @topbar-navigation-color;
+@topbar-dropdown-bg: @topbar-navigation-bg;
+
+@topbar-dropdown-link-bg: @topbar-navigation-bg;
+@topbar-dropdown-link-color: #ddd;
+@topbar-dropdown-link-hover-bg: #333;
+@topbar-dropdown-link-hover-color: #fff;
+@topbar-dropdown-link-active-bg: lighten(@topbar-dropdown-bg, 15%);
+@topbar-dropdown-link-active-color: #fff;
+
+@tobar-navigation-search-bg: @topbar-navigation-bg;
+@tobar-navigation-search-hover-bg: @topbar-dropdown-link-hover-bg;
+@tobar-navigation-search-focus-bg: @topbar-dropdown-link-active-bg;
+
+
+// HOTFIX SCAFFOLDING
+[id="typo3-topbar"],
+[id="typo3-topbar"] .x-panel-body {
+       min-width: 1000px;
+}
+
+// Topbar
+[id="typo3-topbar"]{
+       height: @topbar-height;
+       position: relative;
+       background-color: @topbar-bg;
+       color: @topbar-color;
+       .x-panel-bwrap,
+       .x-panel-body {
+               overflow: visible;
+       }
+}
+.typo3-in-workspace [id="typo3-topbar"] {
+       background-color: #6d860d;
+       .typo3-topbar-site-name {
+               color: #fff;
+       }
+}
+
+// Container
+.typo3-topbar-container {
+       .user-select(none);
+       height: @topbar-height;
+       position: relative;
+}
+
+// Site
+.typo3-topbar-site {
+       display: table;
+       padding: 0;
+       height: @navbar-height;
+       float: left;
+}
+.typo3-topbar-site-logo,
+.typo3-topbar-site-name {
+       display: table-cell;
+       vertical-align: middle;
+       text-align: center;
+}
+.typo3-topbar-site-logo {
+       background-color: @topbar-bg;
+       width: 51px;
+       .box-shadow(2px 0px 0px rgba(0, 0, 0, 0.15));
+       &:hover {
+               background-color: @tobar-navigation-search-hover-bg;
+       }
+       > img {
+               max-height: 50px;
+       }
+}
+.typo3-topbar-site-name {
+       cursor: default;
+       padding: 0 (@grid-gutter-width / 2);
+}
+
+
+// Shared
+.typo3-topbar-navigation {
+       color: @topbar-navigation-color;
+       background-color: @topbar-navigation-bg;
+       float: right;
+       // Shortcut
+       .shortcut {
+               min-width: 180px;
+       }
+       .shortcut-form {
+               padding: @topbar-dropdown-padding;
+               margin: (@topbar-dropdown-padding / 4) -@topbar-dropdown-padding;
+               border-top: 1px solid lighten(@topbar-navigation-border-color,15%);
+               background-color: lighten(@topbar-navigation-border-color,10%);
+               border-bottom: 1px solid @topbar-navigation-border-color;
+       }
+}
+
+
+// Navigation Items
+.typo3-topbar-navigation-items {
+       height: @topbar-height;
+       margin-bottom: 0;
+       padding-left: 0;
+       list-style: none;
+       float: left;
+       a {
+               color: @topbar-navigation-color;
+               text-decoration: none;
+       }
+       > li {
+               float: left;
+               height: @topbar-height;
+               > a {
+                       position: relative;
+                       display: block;
+                       padding: @navbar-padding-vertical 10px;
+                       border-left: 1px solid lighten(@topbar-navigation-border-color,10%);
+                       border-right: 1px solid @topbar-navigation-border-color;
+                       &:hover,
+                       &:focus,
+                       &:active {
+                               color: @topbar-dropdown-link-hover-color;
+                               background-color: @topbar-dropdown-link-hover-bg;
+                               border-left-color: lighten(@topbar-dropdown-link-hover-bg,3%)
+                       }
+               }
+       }
+       > li.open {
+               > a {
+                       color: @topbar-dropdown-link-active-color;
+                       background-color: @topbar-dropdown-link-active-bg;
+                       border-left-color: lighten(@topbar-dropdown-link-active-bg,3%);
+               }
+       }
+}
+
+// Dropdown
+.typo3-topbar-navigation-items {
+       .dropdown {
+               min-width: @topbar-height;
+               text-align: center;
+               > a > .fa {
+                       font-size: 16px;
+                       margin: 0;
+                       display: inline-block;
+                       position: relative;
+                       vertical-align: middle;
+                       width: auto;
+                       height: auto;
+               }
+       }
+       .dropdown-toggle {
+               position: relative;
+               .badge {
+                       display: none;
+                       font-size: 10px;
+                       min-width: 15px;
+                       height: 15px;
+                       position: absolute;
+                       padding: 0;
+                       border-radius: @border-radius-small;
+                       line-height: 15px;
+                       bottom: 5px;
+                       right: 5px;
+               }
+       }
+       .dropdown-menu {
+               left: auto;
+               right: 0;
+               margin: 0;
+               padding: (@topbar-dropdown-padding / 2) @topbar-dropdown-padding;
+               color: @topbar-dropdown-color;
+               background-color: @topbar-dropdown-bg;
+               border-color: @topbar-navigation-border-color;
+               border-top: 1px solid lighten(@topbar-navigation-border-color, 20%);
+               border-left: 0;
+               border-right: 0;
+               border-radius: 0 0 @border-radius-small @border-radius-small;
+               .box-shadow(0px 3px 0px rgba(0, 0, 0, 0.15));
+               a {
+                       color: @topbar-dropdown-link-color;
+                       white-space: nowrap;
+               }
+               > *:last-child {
+                       margin-bottom: 0;
+               }
+       }
+       .dropdown-list {
+               .list-unstyled();
+               > li {
+                       .clearfix();
+                       position: relative;
+                       &.active .dropdown-list-link {
+                               background-color: @topbar-dropdown-link-active-bg;
+                               color: @topbar-dropdown-link-active-color;
+                       }
+               }
+               > li + li {
+                       margin-top: 1px;
+               }
+               > li.divider + li {
+                       margin-top: 0;
+               }
+               .divider {
+                       border-top: 1px solid @topbar-navigation-border-color;
+                       background-color: lighten(@topbar-navigation-border-color, 10%);
+                       margin: (@topbar-dropdown-padding / 2) -@topbar-dropdown-padding;
+                       padding: 1px 0 0;
+               }
+               .modlink {
+                       .clearfix();
+                       width: 210px;
+                       .submodule-icon {
+                               float: left;
+                               margin-right: 10px;
+                       }
+                       .submodule-label {
+                               white-space: nowrap;
+                               text-overflow: ellipsis;
+                               padding-top: 5px;
+                               display: block;
+                               overflow: hidden;
+                               *zoom: 1;
+                       }
+               }
+               .dropdown-header {
+                       font-size: 1em;
+                       margin-left: -@topbar-dropdown-padding;
+                       margin-right: -@topbar-dropdown-padding;
+                       padding: (@topbar-dropdown-padding / 2) @topbar-dropdown-padding;
+               }
+               .dropdown-intro {
+                       color: darken(@topbar-color, 20%);
+                       margin-left: -@topbar-dropdown-padding;
+                       margin-right: -@topbar-dropdown-padding;
+                       padding: (@topbar-dropdown-padding / 2) @topbar-dropdown-padding;
+               }
+               .dl-horizontal {
+                       dt {
+                               width: 140px;
+                               text-align: left;
+                               font-weight: normal;
+                       }
+                       dd {
+                               margin-left: 150px;
+                               width: 170px;
+                       }
+               }
+       }
+       .dropdown-list-link {
+               max-width: 300px;
+               overflow: hidden;
+               text-overflow: ellipsis;
+               display: block;
+               text-decoration: none;
+               cursor: pointer;
+               white-space: nowrap;
+               color: @topbar-dropdown-link-color;
+               margin-left: -@topbar-dropdown-padding;
+               margin-right: -@topbar-dropdown-padding;
+               padding: (@topbar-dropdown-padding / 4) @topbar-dropdown-padding;
+               &:hover {
+                       color: @topbar-dropdown-link-hover-color;
+                       background-color: @topbar-dropdown-link-hover-bg;
+               }
+               .badge {
+                       background-color: @brand-danger;
+                       color: @btn-danger-color;
+               }
+       }
+       .dropdown-list-link-edit,
+       .dropdown-list-link-delete,
+       .dropdown-list-link-close {
+               display: table;
+               position: absolute;
+               top: 0;
+               bottom: 0;
+               right: -(@topbar-dropdown-padding / 2);
+               padding: 0;
+               text-align: center;
+               width: 26px;
+               height: 26px;
+               .t3-icon {
+                       display: table-cell;
+                       margin: 0;
+                       height: auto;
+                       width: auto;
+               }
+               &:hover {
+                       color: @topbar-dropdown-link-hover-color;
+                       background-color: @topbar-dropdown-link-hover-bg;
+               }
+       }
+       .dropdown-list-link-edit {
+               right: 18px;
+       }
+       .dropdown-list-link-delete,
+       .dropdown-list-link-close {
+               &:hover {
+                       color: @topbar-dropdown-link-hover-color;
+                       background-color: @btn-danger-bg;
+               }
+       }
+       .dropdown-link-list-add-close {
+               padding-right: 50px;
+       }
+       .dropdown-link-list-add-editdelete {
+               padding-right: 85px;
+       }
+       .topbar-workspaces-title {
+               margin-left: 3px;
+       }
+}
+
+// Navigation Search
+.typo3-topbar-navigation-search {
+       position: relative;
+       padding: 0;
+       margin: 0;
+       .form-group {
+               &:before {
+                       content: "\f002";
+                       font: normal normal normal 14px/1 FontAwesome;
+                       position: absolute;
+                       top: 50%;
+                       left: 15px;
+                       margin-top: -8px;
+                       z-index: 1;
+               }
+       }
+       .form-control {
+               box-sizing: content-box;
+               background-color: @tobar-navigation-search-bg;
+               color: @topbar-navigation-color;
+               height: @topbar-height - 27px;
+               padding: 14px 30px 13px 35px;
+               border: none;
+               border-left: 1px solid lighten(@topbar-navigation-border-color, 10%);
+               border-radius: 0;
+               &:hover {
+                       border-left-color: lighten(@topbar-navigation-border-color, 15%);
+                       background-color: @tobar-navigation-search-hover-bg;
+               }
+               &:focus {
+                       outline: none;
+                       border-left-color: lighten(@topbar-navigation-border-color, 15%);
+                       background-color: @tobar-navigation-search-focus-bg;
+                       .box-shadow(none);
+               }
+               + .t3-icon {
+                       text-align: center;
+                       position: absolute;
+                       top: 50%;
+                       right: 15px;
+                       margin-right: 0;
+                       margin-top: -8px;
+               }
+       }
+}
+
+// Livesearch
+.live-search-list {
+       .typo3-topbar-navigation-items .dropdown-menu();
+       right: auto;
+       padding: 0;
+       .x-toolbar {
+               padding: 0;
+               border: none;
+               background: transparent;
+       }
+       .x-combo-list-hd,
+       .x-combo-list-inner,
+       .x-combo-list-ft {
+               border: none;
+               background: transparent;
+               color: @topbar-dropdown-color;
+               padding: @topbar-dropdown-padding;
+       }
+       .x-combo-list-hd {
+               background-color: lighten(@topbar-dropdown-bg,3%);
+               border-top: 0;
+               border-bottom: 1px solid @topbar-navigation-border-color;
+       }
+       .x-combo-list-ft {
+               padding-top: 0;
+               border-bottom: 0;
+       }
+       .x-combo-list-inner {
+               padding-right: 0;
+               border-top: 1px solid lighten(@topbar-navigation-border-color, 10%);
+       }
+       .x-btn {
+               background: none;
+               border: none;
+               color: inherit;
+               .x-btn-tl,
+               .x-btn-tc,
+               .x-btn-tr,
+               .x-btn-ml,
+               .x-btn-mr,
+               .x-btn-bl,
+               .x-btn-bc,
+               .x-btn-br {
+                       display: none;
+               }
+               button {
+                       .btn();
+                       .btn-sm();
+                       .btn-default();
+                       height: auto!important;
+               }
+       }
+       .search-item-type {
+               padding: 5px 20px 5px 0;
+               white-space: nowrap;
+       }
+       .search-item-title {
+               border-radius: 2px 0 0 2px;
+               padding: 5px 20px 5px 10px;
+               &.x-combo-selected {
+                       border: none!important;
+                       background-color: lighten(@topbar-dropdown-bg, 10%);
+               }
+       }
+}
+.search-list-help-content {
+       padding: @topbar-dropdown-padding;
+       strong {
+               display: block;
+               margin-bottom: 0.5em;
+       }
+       p {
+               margin-top: 0.5em;
+               margin-bottom: 0;
+       }
+}
diff --git a/Build/Resources/Public/Less/TYPO3/_various_fixes.less b/Build/Resources/Public/Less/TYPO3/_various_fixes.less
new file mode 100644 (file)
index 0000000..f6a8549
--- /dev/null
@@ -0,0 +1,17 @@
+//
+// Chrome repaint fix
+// http://blog.getpostman.com/2015/01/23/ui-repaint-issue-on-chrome/
+//
+[id=typo3-side-menu],
+[id=typo3-docbody],
+[id=typo3-navigationContainer] .x-panel-body,
+[id=typo3-pagetree-tree] .x-panel-body,
+[id=typo3-module-menu] .x-panel-body,
+[id=typo3-pagetree-filteringTree] .x-panel-body,
+[id=typo3-debug-console] .messages,
+iframe,
+.x-viewport,
+.x-viewport body,
+.table-fit {
+       .translate3d(0; 0; 0);
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/structure/_element_version.less b/Build/Resources/Public/Less/TYPO3/structure/_element_version.less
new file mode 100644 (file)
index 0000000..ebc9daf
--- /dev/null
@@ -0,0 +1,49 @@
+//
+// Workspace
+//
+
+div.workspace-info {
+       padding: 7px;
+}
+
+table.workspace-overview td {
+       vertical-align: top;
+}
+
+table.ver-subtree tr td img {
+       vertical-align: middle;
+}
+
+.t3-version-infolayer {
+       z-index: 1;
+       visibility: hidden;
+       position: absolute;
+}
+
+table.ver-verElement {
+       width: 100%;
+}
+
+.ver-wl-details-table {
+       width: 100%;
+       margin: 5px 0 10px;
+}
+
+.ver-wl-details {
+       padding: 0 2px;
+       vertical-align: top;
+}
+
+.ver-wl-details-label {
+       width: 150px;
+       vertical-align: top;
+}
+
+.ver-wl-details-user-list-label {
+       width: 100px;
+}
+
+#ver-wl-new-workspace-icon {
+       margin-right: 5px;
+       float: left;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/structure/_element_wizard.less b/Build/Resources/Public/Less/TYPO3/structure/_element_wizard.less
new file mode 100644 (file)
index 0000000..23aa258
--- /dev/null
@@ -0,0 +1,40 @@
+//
+// Wizards
+//
+
+body#typo3-wizard-tsconfig-php {
+       margin-left: 5px;
+}
+
+table#typo3-formwizard span.c-wizButtonsV input {
+       margin-bottom: 2px;
+}
+
+input.c-inputButton,
+img.c-inputButton {
+       margin-right: 2px;
+       vertical-align: middle;
+}
+
+div#c-saveButtonPanel,
+div#c-inputMode {
+       margin-top: 10px;
+}
+
+table#typo3-formwizard tr td {
+       padding: 0 2px 0 2px;
+}
+
+body#typo3-wizard-rte-php,
+body#typo3-wizard-rte-php table#typo3-rtewizard {
+       height: 98%;
+}
+
+body#typo3-wizard-rte-php table#typo3-rtewizard tr td#c-formContent {
+       height: 100%;
+       vertical-align: top;
+}
+
+body#typo3-wizard-colorpicker-php p.c-head {
+       margin-top: 4px;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/structure/_module_user_ws.less b/Build/Resources/Public/Less/TYPO3/structure/_module_user_ws.less
new file mode 100644 (file)
index 0000000..164c22f
--- /dev/null
@@ -0,0 +1,7 @@
+//
+// Styling for the module User => Workspace
+//
+
+#typo3-mod-user-ws-index-php .typo3-dyntabmenu-divs {
+       padding: 10px;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/structure/_module_web_list.less b/Build/Resources/Public/Less/TYPO3/structure/_module_web_list.less
new file mode 100644 (file)
index 0000000..75f8ab4
--- /dev/null
@@ -0,0 +1,159 @@
+//
+// Web > List
+//
+
+table.typo3-dblist {
+       tr.c-table-row-spacer td {
+               display: none;
+       }
+
+       tr {
+               td {
+                       div.typo3-DBctrl {
+                               height: 16px;
+                               min-width: 252px;
+                       }
+                       div.typo3-clipCtrl {
+                               height: 16px;
+                               min-width: 72px;
+                       }
+                       .typo3-DBctrl .typo3-ctrl-versioning {
+                               display: block;
+                               float: left;
+                               height: 16px;
+                               margin: 0 1px;
+                               width: 16px;
+                       }
+                       .typo3-DBctrl .typo3-ctrl-versioning-hidden {
+                               visibility: hidden;
+                       }
+               }
+               td.col-icon {
+                       vertical-align: middle;
+                       width: 20px;
+                       a img.collapseIcon {
+                               margin: 1px 0 0 2px;
+                       }
+               }
+               td.col-title {
+                       overflow: hidden;
+                       vertical-align: middle;
+                       width: 350px;
+               }
+               td.col-title.localization {
+                       padding-left: 18px;
+               }
+               td.col-control {
+                       width: 250px;
+               }
+               td.col-control-space {
+                       width: 4px;
+               }
+               td.col-clipboard {
+                       width: 74px;
+               }
+       }
+}
+
+
+table#typo3-dblist-fieldSelect {
+       margin-top: 20px;
+}
+
+table.typo3-dblist-overview {
+       margin-top: 10px;
+       margin-left: 1px;
+       width: 410px;
+       td.c-tableDescription {
+               padding-left: 10px;
+               img {
+                       margin-right: 10px;
+               }
+       }
+}
+
+
+table#typo3-versionSelector {
+       margin-bottom: 5px;
+       margin-top: 5px;
+       padding: 5px;
+       td {
+               padding-left: 2px;
+               padding-right: 2px;
+               vertical-align:middle;
+       }
+}
+
+div#typo3-newRecordLink,
+div.typo3-newRecordLink,
+div.typo3-localizationLink,
+div.typo3-synchronizationLink {
+       display: inline;
+}
+
+div#typo3-newRecordLink img,
+div.typo3-newRecordLink img,
+div.typo3-localizationLink img,
+div.typo3-synchronizationLink img {
+       margin-right: 5px;
+       vertical-align: middle;
+}
+
+input.smallCheckboxes {
+       height: 12px;
+       margin: 0;
+       padding: 0;
+       vertical-align: middle;
+       width: 12px;
+}
+
+div#typo3-listOptions {
+       margin: 0 0 24px 0;
+}
+
+.t3-list-table-header-icon-down {
+       display: inline-block;
+       height: 6px;
+       padding: 5px 4px;
+       width: 9px;
+}
+
+.t3-list-table-header-icon-right {
+       display: inline-block;
+       height: 8px;
+       padding: 4px 5px;
+       width: 7px;
+}
+
+.db_list-searchbox-toolbar {
+       .form-inline {
+               margin-top: -0.5em;
+               margin-bottom: 0;
+       }
+}
+.typo3-docheader-buttons {
+       + .db_list-searchbox-toolbar {
+               .box-shadow(0px 3px 0px rgba(0, 0, 0, 0.15));
+               position: absolute;
+               z-index: 2000;
+               width: 100%;
+               .panel {
+                       border-radius: 0;
+                       border: 0;
+                       margin: 0;
+               }
+               .panel-default {
+                       background-color: #eee;
+               }
+       }
+}
+#typo3-browse-links-php {
+       .db_list-searchbox-toolbar {
+               form {
+                       padding: 0;
+               }
+               .panel {
+                       margin: 0.5em 0;
+               }
+       }
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/visual/_element_extjs_icons.less b/Build/Resources/Public/Less/TYPO3/visual/_element_extjs_icons.less
new file mode 100644 (file)
index 0000000..231fa29
--- /dev/null
@@ -0,0 +1,15 @@
+//
+// extJS icons
+//
+
+.t3icon-ext-upload {
+       background: url('../../../../icons/gfx/upload.gif') 3px 4px no-repeat !important;
+}
+
+.t3icon-ext-cancel {
+       background: url('../../../../icons/gfx/icon_fatalerror.gif') 2px 3px no-repeat !important;
+}
+
+.t3iconstyle-center {
+       background-position: center center;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/visual/_element_typoscript.less b/Build/Resources/Public/Less/TYPO3/visual/_element_typoscript.less
new file mode 100644 (file)
index 0000000..f8fd8c2
--- /dev/null
@@ -0,0 +1,53 @@
+//
+// TypoScript Highlighting
+//
+
+pre.ts-hl {
+       font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace;
+
+       .ts-operator {
+               color: black;
+               font-weight: bold;
+       }
+
+       .ts-value {
+               color: #cc0000;
+       }
+
+       .ts-objstr {
+               color: #0000cc;
+       }
+
+       .ts-value_copy {
+               color: #006600;
+       }
+
+       .ts-value_unset,
+       .ts-ignored,
+       .ts-default {
+               background-color: #66cc66;
+       }
+
+       .ts-comment {
+               color: #666;
+               font-style: italic;
+       }
+
+       .ts-condition {
+               background-color: maroon;
+               color: #fff;
+               font-weight: bold;
+       }
+
+       .ts-error {
+               background-color: yellow;
+               border: 1px red dashed;
+               font-weight: bold;
+               color: #000;
+       }
+
+       .ts-linenum {
+               background-color: #eee;
+               color: #212424;
+       }
+}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/visual/_element_version.less b/Build/Resources/Public/Less/TYPO3/visual/_element_version.less
new file mode 100644 (file)
index 0000000..4ec0840
--- /dev/null
@@ -0,0 +1,108 @@
+//
+// Workspace
+//
+
+#typo3-pagetree .workspace-info {
+       background-color: #ffec97;
+       font-weight: bold;
+}
+
+table#typo3-versionSelector {
+       background-color: #ffec97;
+       border: 1px solid #a2aab8;
+}
+
+.ver-element div.treeLinkItem,
+.ver-versions div.treeLinkItem,
+.ver-page div.treeLinkItem {
+       background-color: #ffec97;
+}
+
+.ver-branch div.treeLinkItem,
+.ver-branchpoint div.treeLinkItem {
+       background-color: #ff9999;
+}
+
+.ver-element ul div.treeLinkItem,
+.ver-versions ul div.treeLinkItem,
+.ver-page ul div.treeLinkItem,
+.ver-branch div.treeLinkItem,
+.ver-branchpoint div.treeLinkItem {
+       background-color: transparent;
+}
+
+table.ver-subtree {
+       a {
+               text-decoration: none;
+       }
+       tr td.iconTitle {
+               white-space: nowrap;
+       }
+       tr td.diffCell {
+               white-space: normal;
+       }
+       table.diffTable {
+               background-color: white;
+               border: 1px solid black;
+       }
+       tr.typo3-ver td.iconTitle,
+       tr.typo3-ver td.diffCell,
+       tr.typo3-ver td.cmdCell {
+               background-color: #c5c1b5;
+       }
+       tr.typo3-ver-hl td.iconTitle,
+       tr.typo3-ver-hl td.diffCell,
+       tr.typo3-ver-hl td.cmdCell {
+               background-color: #999;
+       }
+       tr.typo3-ver-new td {
+               background-color: #eee;
+               color: #666;
+       }
+       tr.typo3-ver-noComp td {
+               font-style: italic;
+       }
+}
+
+
+table.ver-subtree div.diffLayer,
+div.logLayer {
+       background-color: white;
+       border: 1px solid black;
+}
+
+table.ver-subtree,
+table.ver-verElement td.c-diffCell {
+       border: 1px solid #666;
+}
+
+
+.ver-wl-table {
+       border: 1px solid black;
+}
+
+.ver-wl-details-table {
+       border: 1px solid #cccccc;
+}
+
+.ver-wl-details {
+       background-color: #ffffff;
+}
+
+.ver-wl-details-label {
+       background-color: #ffffff;
+       white-space: nowrap;
+}
+
+#ver-wl-new-workspace-icon {
+       border: none;
+}
+
+.ver-wl-mp-inacessible {
+       color: #7c7c7c;
+       font-style: italic;
+}
+
+.ver-wl-current-user {
+       font-weight: bold;
+}
diff --git a/Build/Resources/Public/Less/TYPO3/visual/_module_file_upload.less b/Build/Resources/Public/Less/TYPO3/visual/_module_file_upload.less
new file mode 100644 (file)
index 0000000..f422a4b
--- /dev/null
@@ -0,0 +1,15 @@
+//
+// File Upload Window
+//
+
+.t3icon-ext-upload {
+       background: url('../../../../icons/gfx/upload.gif') 1px 1px no-repeat !important;
+}
+.t3icon-ext-cancel {
+       background: url('../../../../icons/gfx/icon_fatalerror.gif') 1px 1px no-repeat !important;
+}
+
+.t3-upload-window-progressbar .x-progress-text div {
+       text-align: left;
+       text-indent: 6px;
+}
diff --git a/Build/Resources/Public/Less/bootstrap/variables.less b/Build/Resources/Public/Less/bootstrap/variables.less
new file mode 100644 (file)
index 0000000..cf44242
--- /dev/null
@@ -0,0 +1,906 @@
+//
+// Variables
+// --------------------------------------------------
+
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+@gray-darker:            rgb(30, 30, 30);
+@gray-dark:              rgb(90, 90, 90);
+@gray:                   rgb(115, 115, 115);
+@gray-light:             rgb(215, 215, 215);
+@gray-lighter:           rgb(245, 245, 245);
+
+@brand-primary:          #0078e6;
+@brand-success:          #79a548;
+@brand-info:             #6daae0;
+@brand-warning:          #e8a33d;
+@brand-danger:           #c83c3c;
+@brand-notice:           #333;
+
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+//** Background color for `<body>`.
+@body-bg:               #fff;
+//** Global text color on `<body>`.
+@text-color:            #000;
+
+//** Global textual link color.
+@link-color:            #212424;
+//** Link hover color set via `darken()` function.
+@link-hover-color:      #000;
+
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+@font-family-sans-serif:  Verdana, Arial, Helvetica, sans-serif;
+@font-family-serif:       Georgia, "Times New Roman", Times, serif;
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base:        @font-family-sans-serif;
+
+@font-size-base:          12px;
+@font-size-large:         ceil((@font-size-base * 1.25)); // ~15px
+@font-size-small:         11px; // ~11px
+
+@font-size-h1:            floor((@font-size-base * 2.3));
+@font-size-h2:            floor((@font-size-base * 1.6));
+@font-size-h3:            ceil((@font-size-base * 1.35));
+@font-size-h4:            ceil((@font-size-base * 1.2));
+@font-size-h5:            @font-size-base;
+@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
+
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base:        1.5;
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
+
+//** By default, this inherits from the `<body>`.
+@headings-font-family:    inherit;
+@headings-font-weight:    500;
+@headings-line-height:    1.1;
+@headings-color:          inherit;
+
+
+//== Iconography
+//
+//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
+
+//** Load fonts from this directory.
+@icon-font-path:          "../Fonts/";
+//** File name for all font files.
+@icon-font-name:          "glyphicons-halflings-regular";
+//** Element ID within SVG icon file.
+@icon-font-svg-id:        "glyphicons_halflingsregular";
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+@padding-base-vertical:     6px;
+@padding-base-horizontal:   6px;
+
+@padding-large-vertical:    12px;
+@padding-large-horizontal:  12px;
+
+@padding-small-vertical:    4px;
+@padding-small-horizontal:  4px;
+
+@padding-xs-vertical:       2px;
+@padding-xs-horizontal:     4px;
+
+@line-height-large:         1.33;
+@line-height-small:         1.5;
+
+@border-radius-base:        2px;
+@border-radius-large:       2px;
+@border-radius-small:       2px;
+
+//** Global color for active items (e.g., navs or dropdowns).
+@component-active-color:    #fff;
+//** Global background color for active items (e.g., navs or dropdowns).
+@component-active-bg:       @brand-primary;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+@caret-width-base:          4px;
+//** Carets increase slightly in size for larger components.
+@caret-width-large:         5px;
+
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for `<th>`s and `<td>`s.
+@table-cell-padding:            6px;
+//** Padding for cells in `.table-condensed`.
+@table-condensed-cell-padding:  6px;
+
+//** Default background color used for all tables.
+@table-bg:                      #fafafa;
+//** Background color used for `.table-striped`.
+@table-bg-accent:               darken(@table-bg, 1%);
+//** Background color used for `.table-hover`.
+@table-bg-hover:                darken(@table-bg, 5%);
+@table-bg-active:               @table-bg-hover;
+
+//** Border color for table and cell borders.
+@table-border-color:            #ccc;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+@btn-font-weight:                normal;
+
+@btn-default-color:              #333;
+@btn-default-bg:                 #eee;
+@btn-default-border:             #bbb;
+
+@btn-primary-color:              #fff;
+@btn-primary-bg:                 @brand-primary;
+@btn-primary-border:             darken(@btn-primary-bg, 5%);
+
+@btn-success-color:              #fff;
+@btn-success-bg:                 @brand-success;
+@btn-success-border:             darken(@btn-success-bg, 5%);
+
+@btn-info-color:                 #fff;
+@btn-info-bg:                    @brand-info;
+@btn-info-border:                darken(@btn-info-bg, 5%);
+
+@btn-warning-color:              #fff;
+@btn-warning-bg:                 @brand-warning;
+@btn-warning-border:             darken(@btn-warning-bg, 5%);
+
+@btn-danger-color:               #fff;
+@btn-danger-bg:                  @brand-danger;
+@btn-danger-border:              darken(@btn-danger-bg, 5%);
+
+@btn-link-disabled-color:        @gray-light;
+
+
+//== Forms
+//
+//##
+
+//** `<input>` background color
+@input-bg:                       #fefefe;
+//** `<input disabled>` background color
+@input-bg-disabled:              @gray-lighter;
+
+//** Text color for `<input>`s
+@input-color:                    #333;
+//** `<input>` border color
+@input-border:                   #bbb;
+//** `<input>` border radius
+@input-border-radius:            @border-radius-small;
+//** Border color for inputs on focus
+@input-border-focus:             #aaa;
+
+//** Placeholder text color
+@input-color-placeholder:        @gray-light;
+
+//** Default `.form-control` height
+@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
+//** Large `.form-control` height
+@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 1.6) + 2);
+//** Small `.form-control` height
+@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
+
+@legend-color:                   @gray-dark;
+@legend-border-color:            #e5e5e5;
+
+//** Background color for textual input addons
+@input-group-addon-bg:           @gray-lighter;
+//** Border color for textual input addons
+@input-group-addon-border-color: @input-border;
+
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+@dropdown-bg:                    #fff;
+//** Dropdown menu `border-color`.
+@dropdown-border:                rgba(0,0,0,.15);
+//** Dropdown menu `border-color` **for IE8**.
+@dropdown-fallback-border:       #ccc;
+//** Divider color for between dropdown items.
+@dropdown-divider-bg:            #e5e5e5;
+
+//** Dropdown link text color.
+@dropdown-link-color:            @gray-dark;
+//** Hover color for dropdown links.
+@dropdown-link-hover-color:      darken(@gray-dark, 5%);
+//** Hover background for dropdown links.
+@dropdown-link-hover-bg:         #f5f5f5;
+
+//** Active dropdown menu item text color.
+@dropdown-link-active-color:     @component-active-color;
+//** Active dropdown menu item background color.
+@dropdown-link-active-bg:        @component-active-bg;
+
+//** Disabled dropdown menu item background color.
+@dropdown-link-disabled-color:   @gray-light;
+
+//** Text color for headers within dropdown menus.
+@dropdown-header-color:          @gray-light;
+
+//** Deprecated `@dropdown-caret-color` as of v3.1.0
+@dropdown-caret-color:           #000;
+
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+@zindex-navbar:            1000;
+@zindex-dropdown:          1000;
+@zindex-popover:           1060;
+@zindex-tooltip:           1070;
+@zindex-navbar-fixed:      1030;
+@zindex-modal-background:  1040;
+@zindex-modal:             1050;
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+@screen-xs:                  480px;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+@screen-xs-min:              @screen-xs;
+//** Deprecated `@screen-phone` as of v3.0.1
+@screen-phone:               @screen-xs-min;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+@screen-sm:                  768px;
+@screen-sm-min:              @screen-sm;
+//** Deprecated `@screen-tablet` as of v3.0.1
+@screen-tablet:              @screen-sm-min;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+@screen-md:                  992px;
+@screen-md-min:              @screen-md;
+//** Deprecated `@screen-desktop` as of v3.0.1
+@screen-desktop:             @screen-md-min;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+@screen-lg:                  1200px;
+@screen-lg-min:              @screen-lg;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+@screen-lg-desktop:          @screen-lg-min;
+
+// So media queries don't overlap when required, provide a maximum
+@screen-xs-max:              (@screen-sm-min - 1);
+@screen-sm-max:              (@screen-md-min - 1);
+@screen-md-max:              (@screen-lg-min - 1);
+
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+@grid-columns:              12;
+//** Padding between columns. Gets divided in half for the left and right.
+@grid-gutter-width:         30px;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+@grid-float-breakpoint:     @screen-sm-min;
+//** Point at which the navbar begins collapsing.
+@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
+
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+@container-tablet:             ((720px + @grid-gutter-width));
+//** For `@screen-sm-min` and up.
+@container-sm:                 @container-tablet;
+
+// Medium screen / desktop
+@container-desktop:            ((940px + @grid-gutter-width));
+//** For `@screen-md-min` and up.
+@container-md:                 @container-desktop;
+
+// Large screen / wide desktop
+@container-large-desktop:      ((1140px + @grid-gutter-width));
+//** For `@screen-lg-min` and up.
+@container-lg:                 @container-large-desktop;
+
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+@navbar-height:                    45px;
+@navbar-margin-bottom:             @line-height-computed;
+@navbar-border-radius:             @border-radius-base;
+@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
+@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
+@navbar-collapse-max-height:       340px;
+
+@navbar-default-color:             #777;
+@navbar-default-bg:                #f8f8f8;
+@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
+
+// Navbar links
+@navbar-default-link-color:                #777;
+
+@navbar-default-link-hover-color:          #333;
+@navbar-default-link-hover-bg:             darken(@navbar-default-bg, 5%);
+
+@navbar-default-link-active-color:         #555;
+@navbar-default-link-active-bg:            darken(@navbar-default-bg, 10%);
+
+@navbar-default-link-disabled-color:       #ccc;
+@navbar-default-link-disabled-bg:          darken(@navbar-default-bg, 15%);
+
+// Navbar brand label
+@navbar-default-brand-color:               @navbar-default-link-color;
+@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
+@navbar-default-brand-hover-bg:            transparent;
+
+// Navbar toggle
+@navbar-default-toggle-hover-bg:           #ddd;
+@navbar-default-toggle-icon-bar-bg:        #888;
+@navbar-default-toggle-border-color:       #ddd;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+@navbar-inverse-color:                      #999;
+@navbar-inverse-bg:                         #111;
+@navbar-inverse-border:                     none;
+
+// Inverted navbar links
+@navbar-inverse-link-color:                 #ddd;
+// TYPO3 specific variable:
+@navbar-inverse-link-bg:                    lighten(@navbar-inverse-bg, 7.5%);
+
+@navbar-inverse-link-hover-color:           rgb(200, 200, 200);
+@navbar-inverse-link-hover-bg:              rgb(50, 50, 50);
+
+@navbar-inverse-link-active-color:          #fff;
+@navbar-inverse-link-active-bg:             @navbar-inverse-link-hover-bg;
+
+@navbar-inverse-link-disabled-color:        darken(@navbar-inverse-color, 30%);
+@navbar-inverse-link-disabled-bg:           darken(@navbar-inverse-bg, 20%);
+
+// Inverted navbar brand label
+@navbar-inverse-brand-color:                @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color:          #fff;
+@navbar-inverse-brand-hover-bg:             transparent;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg:            #333;
+@navbar-inverse-toggle-icon-bar-bg:         #fff;
+@navbar-inverse-toggle-border-color:        #333;
+
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+@nav-link-padding:                          6px 12px;
+@nav-link-hover-bg:                         @gray-lighter;
+
+@nav-disabled-link-color:                   @gray-light;
+@nav-disabled-link-hover-color:             @gray-dark;
+
+@nav-open-link-hover-color:                 #fff;
+
+//== Tabs
+@nav-tabs-border-color:                     #ccc;
+
+@nav-tabs-link-hover-bg:                    darken(@nav-tabs-active-link-bg, 10%);
+@nav-tabs-link-hover-border-color:          @gray-light;
+
+@nav-tabs-active-link-bg:                   #fafafa;
+
+@nav-tabs-active-link-hover-bg:             @body-bg;
+@nav-tabs-active-link-hover-color:          #000;
+
+@nav-tabs-active-link-hover-border-color:   #ccc;
+@nav-tabs-active-link-hover-bg:             darken(@nav-tabs-active-link-bg, 5%);
+
+@nav-tabs-justified-link-border-color:            #ccc;
+@nav-tabs-justified-active-link-border-color:     @nav-tabs-border-color;
+//== Pills
+@nav-pills-border-radius:                   @border-radius-base;
+@nav-pills-active-link-hover-bg:            @component-active-bg;
+@nav-pills-active-link-hover-color:         @component-active-color;
+
+
+
+//== Pagination
+//
+//##
+
+@pagination-color:                     @link-color;
+@pagination-bg:                        #fff;
+@pagination-border:                    #ddd;
+
+@pagination-hover-color:               @link-hover-color;
+@pagination-hover-bg:                  @gray-lighter;
+@pagination-hover-border:              #ddd;
+
+@pagination-active-color:              #fff;
+@pagination-active-bg:                 @brand-primary;
+@pagination-active-border:             @brand-primary;
+
+@pagination-disabled-color:            @gray-light;
+@pagination-disabled-bg:               #fff;
+@pagination-disabled-border:           #ddd;
+
+
+//== Pager
+//
+//##
+
+@pager-bg:                             @pagination-bg;
+@pager-border:                         @pagination-border;
+@pager-border-radius:                  15px;
+
+@pager-hover-bg:                       @pagination-hover-bg;
+
+@pager-active-bg:                      @pagination-active-bg;
+@pager-active-color:                   @pagination-active-color;
+
+@pager-disabled-color:                 @pagination-disabled-color;
+
+
+//== Jumbotron
+//
+//##
+
+@jumbotron-padding:              30px;
+@jumbotron-color:                inherit;
+@jumbotron-bg:                   @gray-lighter;
+@jumbotron-heading-color:        inherit;
+@jumbotron-font-size:            ceil((@font-size-base * 1.5));
+
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+@state-success-text:             @brand-success;
+@state-success-bg:               lighten(@brand-success, 35%);
+@state-success-border:           @brand-success;
+
+@state-info-text:                @brand-info;
+@state-info-bg:                  lighten(@brand-info, 30%);
+@state-info-border:              @brand-info;
+
+@state-warning-text:             @brand-warning;
+@state-warning-bg:               lighten(@brand-warning, 35%);
+@state-warning-border:           @brand-warning;
+
+@state-danger-text:              @brand-danger;
+@state-danger-bg:                lighten(@brand-danger, 35%);
+@state-danger-border:            @brand-danger;
+
+// TYPO3
+@state-notice-text:              rgb(160, 160, 160);
+@state-notice-bg:                lighten(rgb(160, 160, 160), 35%);
+@state-notice-border:            rgb(160, 160, 160);
+
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+@tooltip-max-width:           200px;
+//** Tooltip text color
+@tooltip-color:               #fff;
+//** Tooltip background color
+@tooltip-bg:                  #333;
+@tooltip-opacity:             1;
+
+//** Tooltip arrow width
+@tooltip-arrow-width:         3px;
+//** Tooltip arrow color
+@tooltip-arrow-color:         @tooltip-bg;
+
+
+//== Popovers
+//
+//##
+
+//** Popover body background color
+@popover-bg:                          #fff;
+//** Popover maximum width
+@popover-max-width:                   276px;
+//** Popover border color
+@popover-border-color:                rgba(0,0,0,.2);
+//** Popover fallback border color
+@popover-fallback-border-color:       #ccc;
+
+//** Popover title background color
+@popover-title-bg:                    darken(@popover-bg, 3%);
+
+//** Popover arrow width
+@popover-arrow-width:                 10px;
+//** Popover arrow color
+@popover-arrow-color:                 #fff;
+
+//** Popover outer arrow width
+@popover-arrow-outer-width:           (@popover-arrow-width + 1);
+//** Popover outer arrow color
+@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
+//** Popover outer arrow fallback color
+@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
+
+
+//== Labels
+//
+//##
+
+//** Default label background color
+@label-default-bg:            @gray-light;
+//** Primary label background color
+@label-primary-bg:            @brand-primary;
+//** Success label background color
+@label-success-bg:            @brand-success;
+//** Info label background color
+@label-info-bg:               @brand-info;
+//** Warning label background color
+@label-warning-bg:            @brand-warning;
+//** Danger label background color
+@label-danger-bg:             @brand-danger;
+
+//** Default label text color
+@label-color:                 #fff;
+//** Default text color of a linked label
+@label-link-hover-color:      #fff;
+
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+@modal-inner-padding:         15px;
+
+//** Padding applied to the modal title
+@modal-title-padding:         15px;
+//** Modal title line-height
+@modal-title-line-height:     @line-height-base;
+
+//** Background color of modal content area
+@modal-content-bg:                             #fff;
+//** Modal content border color
+@modal-content-border-color:                   rgba(0,0,0,.2);
+//** Modal content border color **for IE8**
+@modal-content-fallback-border-color:          #999;
+
+//** Modal backdrop background color
+@modal-backdrop-bg:           #000;
+//** Modal backdrop opacity
+@modal-backdrop-opacity:      .5;
+//** Modal header border color
+@modal-header-border-color:   #e5e5e5;
+//** Modal footer border color
+@modal-footer-border-color:   @modal-header-border-color;
+
+@modal-lg:                    900px;
+@modal-md:                    600px;
+@modal-sm:                    300px;
+
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+@alert-padding:               11px;
+@alert-border-radius:         2px;
+@alert-link-font-weight:      bold;
+
+@alert-success-bg:            @brand-success;
+@alert-success-text:          #fff;
+@alert-success-border:        transparent;
+
+@alert-info-bg:               @brand-info;
+@alert-info-text:             #fff;
+@alert-info-border:           transparent;
+
+@alert-warning-bg:            @brand-warning;
+@alert-warning-text:          #fff;
+@alert-warning-border:        transparent;
+
+@alert-danger-bg:             @brand-danger;
+@alert-danger-text:           #fff;
+@alert-danger-border:         transparent;
+
+@alert-notice-bg:             @brand-notice;
+@alert-notice-text:           #fff;
+@alert-notice-border:         transparent;
+
+
+//== Callouts
+//
+//## Define callouts colors, border radius, and padding.
+
+@callout-padding:             20px;
+@callout-color:               #333;
+@callout-icon-color:          #fff;
+@callout-bg:                  #f0f0f0;
+@callout-border:              #ccc;
+@callout-border-radius:       2px;
+
+@callout-success-bg:          @state-success-bg;
+@callout-success-color:       @callout-color;
+@callout-success-icon-color:  @callout-icon-color;
+@callout-success-border:      @state-success-border;
+
+@callout-info-bg:             @state-info-bg;
+@callout-info-color:          @callout-color;
+@callout-info-icon-color:     @callout-icon-color;
+@callout-info-border:         @state-info-border;
+
+@callout-warning-bg:          @state-warning-bg;
+@callout-warning-color:       @callout-color;
+@callout-warning-icon-color:  @callout-icon-color;
+@callout-warning-border:      @state-warning-border;
+
+@callout-danger-bg:           @state-danger-bg;
+@callout-danger-color:        @callout-color;
+@callout-danger-icon-color:   @callout-icon-color;
+@callout-danger-border:       @state-danger-border;
+
+@callout-notice-bg:           @state-notice-bg;
+@callout-notice-color:        @callout-color;
+@callout-notice-icon-color:   @callout-icon-color;
+@callout-notice-border:       @state-notice-border;
+
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+@progress-bg:                 #f5f5f5;
+//** Progress bar text color
+@progress-bar-color:          #fff;
+
+//** Default progress bar color
+@progress-bar-bg:             @brand-primary;
+//** Success progress bar color
+@progress-bar-success-bg:     @brand-success;
+//** Warning progress bar color
+@progress-bar-warning-bg:     @brand-warning;
+//** Danger progress bar color
+@progress-bar-danger-bg:      @brand-danger;
+//** Info progress bar color
+@progress-bar-info-bg:        @brand-info;
+
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+@list-group-bg:                 #fff;
+//** `.list-group-item` border color
+@list-group-border:             #ddd;
+//** List group border radius
+@list-group-border-radius:      @border-radius-base;
+
+//** Background color of single list items on hover
+@list-group-hover-bg:           #f5f5f5;
+//** Text color of active list items
+@list-group-active-color:       @component-active-color;
+//** Background color of active list items
+@list-group-active-bg:          @component-active-bg;
+//** Border color of active list elements
+@list-group-active-border:      @list-group-active-bg;
+//** Text color for content within active list items
+@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
+
+//** Text color of disabled list items
+@list-group-disabled-color:      @gray-light;
+//** Background color of disabled list items
+@list-group-disabled-bg:         @gray-lighter;
+//** Text color for content within disabled list items
+@list-group-disabled-text-color: @list-group-disabled-color;
+
+@list-group-link-color:         #555;
+@list-group-link-hover-color:   @list-group-link-color;
+@list-group-link-heading-color: #333;
+
+
+//== Panels
+//
+//##
+
+@panel-bg:                    #fff;
+@panel-body-padding:          15px;
+@panel-heading-padding:       10px 15px;
+@panel-footer-padding:        @panel-heading-padding;
+@panel-border-radius:         @border-radius-base;
+
+//** Border color for elements within panels
+@panel-inner-border:          #ddd;
+@panel-footer-bg:             #f5f5f5;
+
+@panel-default-text:          @gray-dark;
+@panel-default-border:        #ccc;
+@panel-default-heading-bg:    #ddd;
+
+@panel-primary-text:          #fff;
+@panel-primary-border:        @brand-primary;
+@panel-primary-heading-bg:    @brand-primary;
+
+@panel-success-text:          @state-success-text;
+@panel-success-border:        @state-success-border;
+@panel-success-heading-bg:    @state-success-bg;
+
+@panel-info-text:             @state-info-text;
+@panel-info-border:           @state-info-border;
+@panel-info-heading-bg:       @state-info-bg;
+
+@panel-warning-text:          @state-warning-text;
+@panel-warning-border:        @state-warning-border;
+@panel-warning-heading-bg:    @state-warning-bg;
+
+@panel-danger-text:           @state-danger-text;
+@panel-danger-border:         @state-danger-border;
+@panel-danger-heading-bg:     @state-danger-bg;
+
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+@thumbnail-padding:           4px;
+//** Thumbnail background color
+@thumbnail-bg:                @body-bg;
+//** Thumbnail border color
+@thumbnail-border:            #ddd;
+//** Thumbnail border radius
+@thumbnail-border-radius:     @border-radius-base;
+
+//** Custom text color for thumbnail captions
+@thumbnail-caption-color:     @text-color;
+//** Padding around the thumbnail caption
+@thumbnail-caption-padding:   9px;
+
+
+//== Wells
+//
+//##
+
+@well-bg:                     #fafafa;
+@well-border:                 #ccc;
+
+
+//== Badges
+//
+//##
+
+@badge-color:                 #fff;
+//** Linked badge text color on hover
+@badge-link-hover-color:      #fff;
+@badge-bg:                    @gray;
+
+//** Badge text color in active nav link
+@badge-active-color:          @link-color;
+//** Badge background color in active nav link
+@badge-active-bg:             #fff;
+
+@badge-font-weight:           bold;
+@badge-line-height:           1;
+@badge-border-radius:         10px;
+
+
+//== Breadcrumbs
+//
+//##
+
+@breadcrumb-padding-vertical:   8px;
+@breadcrumb-padding-horizontal: 15px;
+//** Breadcrumb background color
+@breadcrumb-bg:                 #f5f5f5;
+//** Breadcrumb text color
+@breadcrumb-color:              #ccc;
+//** Text color of current page in the breadcrumb
+@breadcrumb-active-color:       @gray-light;
+//** Textual separator for between breadcrumb elements
+@breadcrumb-separator:          "/";
+
+
+//== Carousel
+//
+//##
+
+@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
+
+@carousel-control-color:                      #fff;
+@carousel-control-width:                      15%;
+@carousel-control-opacity:                    .5;
+@carousel-control-font-size:                  20px;
+
+@carousel-indicator-active-bg:                #fff;
+@carousel-indicator-border-color:             #fff;
+
+@carousel-caption-color:                      #fff;
+
+
+//== Close
+//
+//##
+
+@close-font-weight:           bold;
+@close-color:                 #000;
+@close-text-shadow:           0 1px 0 #fff;
+
+
+//== Code
+//
+//##
+
+@code-color:                  #c7254e;
+@code-bg:                     #f9f2f4;
+
+@kbd-color:                   #fff;
+@kbd-bg:                      #333;
+
+@pre-bg:                      #f5f5f5;
+@pre-color:                   @gray-dark;
+@pre-border-color:            #ccc;
+@pre-scrollable-max-height:   340px;
+
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+@component-offset-horizontal: 180px;
+//** Text muted color
+@text-muted:                  lighten(@text-color,45%);
+//** Abbreviations and acronyms border color
+@abbr-border-color:           @gray-light;
+//** Headings small color
+@headings-small-color:        @gray;
+//** Blockquote small color
+@blockquote-small-color:      @gray-light;
+//** Blockquote font size
+@blockquote-font-size:        (@font-size-base * 1.25);
+//** Blockquote border color
+@blockquote-border-color:     @gray-lighter;
+//** Page header border color
+@page-header-border-color:    @gray-lighter;
+//** Width of horizontal description list titles
+@dl-horizontal-offset:        90px;
+//** Horizontal line color.
+@hr-border:                   #7a7a7a;
+
+
diff --git a/Build/Resources/Public/Less/font-awesome/variables.less b/Build/Resources/Public/Less/font-awesome/variables.less
new file mode 100644 (file)
index 0000000..5af4450
--- /dev/null
@@ -0,0 +1,4 @@
+//
+// Variables
+//
+@fa-font-path:        "../../Fonts/font-awesome";
diff --git a/Build/Resources/Public/Less/nprogress/nprogress.less b/Build/Resources/Public/Less/nprogress/nprogress.less
new file mode 100644 (file)
index 0000000..871e5e5
--- /dev/null
@@ -0,0 +1,82 @@
+/**
+ * original color: #29d
+ * modified for less with the @nprogress-color
+ * variable by the TYPO3 CMS team to adapt
+ * to the styles of TYPO3
+ */
+@nprogress-color: #FF8700;
+
+/* Make clicks pass-through */
+#nprogress {
+  pointer-events: none;
+}
+
+#nprogress .bar {
+  background: @nprogress-color;
+
+  position: fixed;
+  z-index: 1031;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 4px;
+}
+
+/* Fancy blur effect */
+#nprogress .peg {
+  display: block;
+  position: absolute;
+  right: 0;
+  width: 100px;
+  height: 100%;
+  box-shadow: 0 0 10px @nprogress-color, 0 0 5px @nprogress-color;
+  opacity: 1.0;
+
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+      -ms-transform: rotate(3deg) translate(0px, -4px);
+          transform: rotate(3deg) translate(0px, -4px);
+}
+
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+  display: block;
+  position: fixed;
+  z-index: 1031;
+  top: 15px;
+  right: 15px;
+}
+
+#nprogress .spinner-icon {
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+
+  border: solid 2px transparent;
+  border-top-color: @nprogress-color;
+  border-left-color: @nprogress-color;
+  border-radius: 50%;
+
+  -webkit-animation: nprogress-spinner 400ms linear infinite;
+          animation: nprogress-spinner 400ms linear infinite;
+}
+
+.nprogress-custom-parent {
+  overflow: hidden;
+  position: relative;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+  position: absolute;
+}
+
+@-webkit-keyframes nprogress-spinner {
+  0%   { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+@keyframes nprogress-spinner {
+  0%   { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
diff --git a/Build/Resources/Public/Less/t3skin.less b/Build/Resources/Public/Less/t3skin.less
new file mode 100644 (file)
index 0000000..3c1f0b0
--- /dev/null
@@ -0,0 +1,161 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+// Prefix for libraries loaded via bower
+@library-directory-prefix: "../../../bower_components";
+
+// Core variables and mixins
+@import "@{library-directory-prefix}/bootstrap/less/variables.less";
+@import "bootstrap/variables.less";
+@import "@{library-directory-prefix}/bootstrap/less/mixins.less";
+
+// Reset and dependencies
+@import "@{library-directory-prefix}/bootstrap/less/normalize.less";
+// @import "@{library-directory-prefix}/bootstrap/less/print.less";
+// @import "@{library-directory-prefix}/bootstrap/less/glyphicons.less";
+
+// Core CSS
+@import "@{library-directory-prefix}/bootstrap/less/scaffolding.less";
+@import "@{library-directory-prefix}/bootstrap/less/type.less";
+@import "@{library-directory-prefix}/bootstrap/less/code.less";
+@import "@{library-directory-prefix}/bootstrap/less/grid.less";
+@import "@{library-directory-prefix}/bootstrap/less/tables.less";
+@import "@{library-directory-prefix}/bootstrap/less/forms.less";
+@import "@{library-directory-prefix}/bootstrap/less/buttons.less";
+
+// Components
+@import "@{library-directory-prefix}/bootstrap/less/component-animations.less";
+@import "@{library-directory-prefix}/bootstrap/less/dropdowns.less";
+@import "@{library-directory-prefix}/bootstrap/less/button-groups.less";
+@import "@{library-directory-prefix}/bootstrap/less/input-groups.less";
+@import "@{library-directory-prefix}/bootstrap/less/navs.less";
+@import "@{library-directory-prefix}/bootstrap/less/navbar.less";
+// @import "@{library-directory-prefix}/bootstrap/less/breadcrumbs.less";
+@import "@{library-directory-prefix}/bootstrap/less/pagination.less";
+// @import "@{library-directory-prefix}/bootstrap/less/pager.less";
+@import "@{library-directory-prefix}/bootstrap/less/labels.less";
+@import "@{library-directory-prefix}/bootstrap/less/badges.less";
+// @import "@{library-directory-prefix}/bootstrap/less/jumbotron.less";
+@import "@{library-directory-prefix}/bootstrap/less/thumbnails.less";
+@import "@{library-directory-prefix}/bootstrap/less/alerts.less";
+@import "@{library-directory-prefix}/bootstrap/less/progress-bars.less";
+@import "@{library-directory-prefix}/bootstrap/less/media.less";
+@import "@{library-directory-prefix}/bootstrap/less/list-group.less";
+@import "@{library-directory-prefix}/bootstrap/less/panels.less";
+@import "@{library-directory-prefix}/bootstrap/less/responsive-embed.less";
+@import "@{library-directory-prefix}/bootstrap/less/wells.less";
+@import "@{library-directory-prefix}/bootstrap/less/close.less";
+
+// Components w/ JavaScript
+@import "@{library-directory-prefix}/bootstrap/less/modals.less";
+@import "@{library-directory-prefix}/bootstrap/less/popovers.less";
+@import "@{library-directory-prefix}/bootstrap/less/tooltip.less";
+@import "@{library-directory-prefix}/bootstrap/less/carousel.less";
+
+// Utility classes
+@import "@{library-directory-prefix}/bootstrap/less/utilities.less";
+@import "@{library-directory-prefix}/bootstrap/less/responsive-utilities.less";
+
+// Components from bootstrap plugins
+@import "@{library-directory-prefix}/eonasdan-bootstrap-datetimepicker/src/less/_bootstrap-datetimepicker.less";
+
+// Image Manipulation Wizard base styles
+@import "@{library-directory-prefix}/cropper/src/less/cropper.less";
+
+
+/*!
+ *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@import "@{library-directory-prefix}/fontawesome/less/variables.less";
+// Override
+@import "font-awesome/variables.less";
+@import "@{library-directory-prefix}/fontawesome/less/mixins.less";
+@import "@{library-directory-prefix}/fontawesome/less/path.less";
+@import "@{library-directory-prefix}/fontawesome/less/core.less";
+@import "@{library-directory-prefix}/fontawesome/less/larger.less";
+@import "@{library-directory-prefix}/fontawesome/less/fixed-width.less";
+@import "@{library-directory-prefix}/fontawesome/less/list.less";
+@import "@{library-directory-prefix}/fontawesome/less/bordered-pulled.less";
+@import "@{library-directory-prefix}/fontawesome/less/animated.less";
+@import "@{library-directory-prefix}/fontawesome/less/rotated-flipped.less";
+@import "@{library-directory-prefix}/fontawesome/less/stacked.less";
+@import "@{library-directory-prefix}/fontawesome/less/icons.less";
+
+/*!
+ * add nprogress styles, adapted to TYPO3 needs
+ */
+@import "nprogress/nprogress.less";
+
+/*!
+ * TYPO3
+ */
+
+@import "TYPO3/_deprecated.less";
+
+@import "TYPO3/_main_type.less";
+
+@import "TYPO3/_various_fixes.less";
+@import "TYPO3/_element_animation.less";
+@import "TYPO3/_element_cropper.less";
+@import "TYPO3/_element_csh.less";
+@import "TYPO3/_element_csm.less";
+@import "TYPO3/_element_docheader.less";
+@import "TYPO3/_element_history.less";
+@import "TYPO3/_element_message.less";
+@import "TYPO3/_element_modal.less";
+@import "TYPO3/_element_pagetree.less";
+@import "TYPO3/_element_rte.less";
+@import "TYPO3/_element_slider.less";
+@import "TYPO3/_element_spinner.less";
+@import "TYPO3/_element_tab.less";
+@import "TYPO3/_element_table.less";
+@import "TYPO3/_element_tooltip.less";
+@import "TYPO3/_element_panel.less";
+@import "TYPO3/_element_popover.less";
+@import "TYPO3/_element_tceforms.less";
+@import "TYPO3/_element_tree.less";
+@import "TYPO3/_element_pagination.less";
+@import "TYPO3/_element_label.less";
+@import "TYPO3/_element_badges.less";
+@import "TYPO3/_element_buttons.less";
+@import "TYPO3/_element_draguploader.less";
+@import "TYPO3/_fonts.less";
+@import "TYPO3/_icons.less";
+@import "TYPO3/_login_screen.less";
+@import "TYPO3/_main_body.less";
+@import "TYPO3/_main_content.less";
+@import "TYPO3/_main_form.less";
+@import "TYPO3/_main_scaffolding.less";
+@import "TYPO3/_module_menu.less";
+@import "TYPO3/_module_database.less";
+@import "TYPO3/_module_scheduler.less";
+@import "TYPO3/_module_web_page.less";
+@import "TYPO3/_topbar.less";
+@import "TYPO3/_debugconsole.less";
+
+@import "TYPO3/_module_web_list_sysnote.less";
+@import "TYPO3/_module_web_new_element.less";
+@import "TYPO3/_module_extensionmanager.less";
+@import "TYPO3/_module_lang.less";
+@import "TYPO3/_module_beuser.less";
+
+@import "TYPO3/structure/_element_version.less";
+@import "TYPO3/structure/_element_wizard.less";
+@import "TYPO3/structure/_module_user_ws.less";
+@import "TYPO3/structure/_module_web_list.less";
+
+@import "TYPO3/visual/_element_extjs_icons.less";
+@import "TYPO3/visual/_element_typoscript.less";
+@import "TYPO3/visual/_element_version.less";
+@import "TYPO3/visual/_module_file_upload.less";
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debugconsole.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debugconsole.less
deleted file mode 100644 (file)
index 831b939..0000000
+++ /dev/null
@@ -1,39 +0,0 @@
-@console-border-color: darken(@gray-light, 15%);
-#typo3-debug-console {
-       background-color: @gray-lighter;
-       width: 100%;
-       position: absolute;
-       bottom: 0;
-       z-index: 1000;
-       border: 1px solid @console-border-color;
-
-       .topbar {
-               .clearfix();
-               background-color: @gray-light;
-               padding: @padding-base-vertical @padding-base-horizontal;
-               border-bottom: 1px solid @console-border-color;
-
-               .badge {
-                       margin-left: @padding-base-vertical;
-               }
-       }
-
-       .messages {
-               padding: @padding-base-vertical @padding-base-horizontal;
-               font-family: @font-family-monospace;
-               height: 250px;
-               overflow: auto;
-
-               .table {
-                       width: auto;
-               }
-
-               p {
-                       margin: 0;
-
-                       strong {
-                               padding-right: @padding-small-horizontal;
-                       }
-               }
-       }
-}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less
deleted file mode 100644 (file)
index 8280832..0000000
+++ /dev/null
@@ -1,157 +0,0 @@
-//
-// Deprecated
-//
-.t3-row-header {
-       background-color: #666;
-       padding: 6px;
-       a,
-       a:hover {
-               color: #fff;
-       }
-}
-.tableheader td {
-       padding: 6px;
-}
-.typo3-tstemplate-ceditor-control {
-       cursor: pointer;
-}
-
-
-//
-// Background color classes
-//
-.bgColor-20 {
-       background-color: #e3dfdb;
-}
-.bgColor2 {
-       background-color: #585858;
-       color: #ffffff;
-}
-.bgColor3 {
-       background-color: #f6f2e6;
-}
-.bgColor3-20 {
-       background-color: #f7f7f7;
-}
-.bgColor4 {
-       background-color: #f1f1f1;
-       color: #212424;
-}
-.bgColor4-20 {
-       background-color: #f8f9fa;
-}
-.bgColor5 {
-       background-color: #9b9b9b;
-}
-.bgColor6 {
-       background-color: #f7f7f7;
-}
-
-
-//
-// Messages
-//
-#typo3-messages {
-       margin-bottom: 10px;
-}
-.typo3-message {
-       .alert;
-       background-position: 10px 12px;
-       background-repeat: no-repeat;
-       padding: 12px 12px 12px 36px;
-       .message-header {
-               font-weight: bold;
-               margin-bottom: floor(@line-height-computed / 2);
-       }
-       ul,
-       ol {
-               padding-left: 16px;
-       }
-       .message-header {
-               display: block;
-       }
-       .t3-icon-actions-message-close {
-               cursor: pointer;
-               float: right;
-       }
-       li {
-               margin-bottom: 10px;
-               list-style: disc;
-       }
-       a {
-               text-decoration: underline;
-       }
-}
-.message-notice {
-       // Nothing to inherit from Bootstrap - there is no alert-notice
-       color: #777;
-       background-color: #f6f7fa;
-       background-image: url('../../../../icons/gfx/notice.png');
-       border-color: #c2cbcf;
-       a {
-               color: #777;
-       }
-}
-.message-information {
-       .alert-info;
-       background-image: url('../../../../icons/gfx/information.png');
-       a {
-               color: #4c73a1;
-       }
-}
-.message-ok {
-       .alert-success;
-       background-image: url('../../../../icons/gfx/ok.png');
-       a {
-               color: #3b7826;
-       }
-}
-.message-warning {
-       .alert-warning;
-       background-image: url("../../../../icons/gfx/warning.png");
-       a {
-               color: #9e7d4a;
-       }
-}
-.message-error {
-       .alert-danger;
-       background-image: url('../../../../icons/gfx/error.png');
-       a {
-               color: #aa0225;
-       }
-}
-
-
-//
-// Docheader
-//
-div#typo3-docbody {
-       bottom: 0;
-       overflow: auto;
-       position: absolute;
-       top: 51px;
-       width: 100%;
-}
-
-
-//
-// Context Sensitive Help (CSH)
-//
-.t3-help-link {
-       span.t3-help-inline {
-               display: none;
-       }
-       &:hover span.t3-help-inline {
-               display: block;
-       }
-}
-
-
-//
-// Print
-//
-@media print {
-       div#typo3-docbody {
-               overflow: visible;
-       }
-}
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_animation.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_animation.less
deleted file mode 100644 (file)
index 2d16ec8..0000000
+++ /dev/null
@@ -1,30 +0,0 @@
-//
-// Collapse horizontal
-//
-.collapse-horizontal {
-       height: auto;
-       width: 0;
-       vertical-align: middle;
-       overflow: hidden;
-       &.in {
-               display: inline-block;
-               width: auto;
-       }
-       &.collapsing {
-               display: inline-block;
-               width: 0;
-               .transition-property(~"width, visibility");
-       }
-}
-
-//
-// Hotfix display collapse always to prevent RTE initialisation problems
-//
-.collapse {
-       display: block;
-       height: 0;
-       overflow: hidden;
-       &.in {
-               height: auto;
-       }
-}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_badges.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_badges.less
deleted file mode 100644 (file)
index 7c925a9..0000000
+++ /dev/null
@@ -1,18 +0,0 @@
-//
-// Badges
-//
-.badge-info {
-       .bg-variant(@brand-info);
-}
-
-.badge-success {
-       .bg-variant(@brand-success);
-}
-
-.badge-warning {
-       .bg-variant(@brand-warning);
-}
-
-.badge-danger {
-       .bg-variant(@brand-danger);
-}
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_buttons.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_buttons.less
deleted file mode 100644 (file)
index 6a33968..0000000
+++ /dev/null
@@ -1,40 +0,0 @@
-//
-// Button
-//
-.btn {
-       .t3-icon {
-               margin: 0;
-       }
-}
-
-//
-// Button Group
-//
-.btn-group {
-       font-size: 0;
-       .collapse + .btn.collapsed:last-child {
-               border-radius: @border-radius-base;
-       }
-}
-
-//
-// Button Checkbox and Radio
-//
-.btn-radio,
-.btn-checkbox {
-       input[type="radio"],
-    input[type="checkbox"] {
-               position: absolute;
-               clip: rect(0,0,0,0);
-               pointer-events: none;
-       }
-       .fa:before {
-               content: "\f096";
-       }
-       input[type=radio]:checked,
-       input[type=checkbox]:checked {
-               + .fa:before {
-                       content: "\f00c";
-               }
-       }
-}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_cropper.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_cropper.less
deleted file mode 100644 (file)
index ef6364c..0000000
+++ /dev/null
@@ -1,32 +0,0 @@
-.cropper-line {
-       background-color: #FFFFFF;
-}
-.cropper-point {
-       background-color: #FFFFFF;
-}
-.cropper-point.point-se:before {
-       background-color: #FFFFFF;
-}
-.cropper-view-box {
-       outline: 1px dashed #6699ff;
-       outline-color: rgb(255, 255, 255, 0.75);
-}
-.cropper-bg {
-       background-image: data-uri("../../Images/cropper-background.png");
-}
-.cropper-image-container {
-
-}
-.cropper-preview-container {
-       overflow: hidden;
-       position: relative;
-       img {
-               display: block;
-               position: absolute;
-               width: 100%;
-               min-width: 0!important;
-               min-height: 0!important;
-               max-width: none!important;
-               max-height: none!important;
-       }
-}
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less
deleted file mode 100644 (file)
index 9ce0f16..0000000
+++ /dev/null
@@ -1,305 +0,0 @@
-//
-// Context sensitive help jij
-//
-
-.t3-help-link {
-       // Hotfix to prevent prototype / scriptaculous hiding the links
-       // this can be removed after prototype / scriptaculous removed completely.
-       // at the moment prototype / scriptaculous hide link after popover was closed.
-       display: inline!important;
-}
-
-.typo3-csh-inline {
-       padding: 4px;
-}
-
-table.typo3-csh-inline {
-       margin: 5px 4px 20px 0;
-       a.typo3-csh-link {
-               float: none;
-               margin-right: 0;
-       }
-}
-
-a.typo3-csh-link .typo3-csh-inline {
-       display: none;
-       position: absolute;
-       width: 200px;
-       z-index: 100;
-}
-
-a.typo3-csh-link .typo3-csh-inline.show-right {
-       right: 10px;
-}
-
-table.typo3-csh-inline a.typo3-csh-link,
-table.typo3-csh-inline span.t3-row-header,
-span.typo3-csh-inline span.t3-row-header,
-a.typo3-csh-link span.typo3-csh-inline span.t3-row-header {
-       display: block;
-}
-
-a.typo3-csh-link:hover .typo3-csh-inline {
-       display: block;
-}
-
-.typo3-csh-inline h2.t3-row-header {
-       margin: 0;
-       height: auto;
-}
-
-table.typo3-csh-inline {
-       a.typo3-csh-link {
-               height: 16px;
-       }
-       tr td h4 {
-               margin-top: 0;
-               margin-bottom: 0;
-       }
-}
-
-
-table.typo3-csh-inline span.paragraph,
-a.typo3-csh-link span.typo3-csh-inline span.paragraph {
-       display: block;
-       padding: 3px;
-}
-
-img.typo3-csh-icon {
-       vertical-align: middle;
-}
-
-div.typo3-view-help {
-       margin: 0;
-       width: 100%;
-       h1 {
-               background: none;
-               margin-bottom: 0;
-               padding: 10px;
-               color: #000;
-               text-align: left;
-       }
-       h2 {
-               margin-top: 0;
-               padding: 4px 2px 4px 10px;
-       }
-       h3 {
-               padding: 5px 10px;
-       }
-       h4 {
-               padding: 2px 10px;
-       }
-       p {
-               margin: 4px 4px 12px 10px;
-               &.c-nav a {
-                       background-color: transparent;
-               }
-       }
-       div.c-toc {
-               padding-left: 6px;
-               p {
-                       margin: 0;
-               }
-       }
-
-       .manual-title,
-       .introduction {
-               padding: 0 12px 6px;
-       }
-       img.c-inlineimg  {
-               margin-left: 10px;
-       }
-
-       //
-       // EXT:cshmanual
-       //
-
-       p
-       div.c-toc {
-               background: none;
-               border: none;
-       }
-
-       a {
-               text-decoration: underline;
-       }
-}
-
-
-//
-// new help code
-//
-
-.t3-help-inline {
-       padding: 4px;
-}
-
-table.t3-help-inline {
-       margin: 3px 4px 20px 0;
-       background-color: #ffffc7;
-       border: 1px solid #cccccc;
-
-       a.t3-help-link {
-               float: none;
-               margin-right: 0;
-               height: 16px;
-       }
-
-       tr td h4 {
-               margin-top: 0;
-               margin-bottom: 0;
-       }
-}
-
-table.t3-help-inline a.t3-help-link,
-table.t3-help-inline span.t3-row-header,
-span.t3-help-inline span.t3-row-header,
-a.t3-help-link span.t3-help-inline span.t3-row-header {
-       display: block;
-}
-
-a.t3-help-link .t3-help-inline {
-       display: none;
-       position: absolute;
-       width: 200px;
-       z-index: 100;
-       background: #ffffc7;
-       color: #000000;
-       font-weight: normal;
-
-       &.show-right {
-               right: 10px;
-       }
-}
-
-
-
-a.t3-help-link:hover .t3-help-inline {
-       display: block;
-}
-
-.t3-help-inline h2.t3-row-header {
-       margin: 0;
-       height: auto;
-}
-
-table.t3-help-inline span.paragraph,
-a.t3-help-link span.t3-help-inline span.paragraph {
-       display: block;
-       padding: 3px;
-}
-
-img.t3-help-icon {
-       vertical-align: middle;
-}
-
-div.t3-view-help {
-       margin: 0;
-       width: 100%;
-
-       h1 {
-               margin-bottom: 0;
-               padding: 10px;
-       }
-
-       h2 {
-               margin-top: 0;
-               padding: 4px 2px 4px 10px;
-       }
-
-       h3 {
-               padding: 5px 10px;
-       }
-
-       h4 {
-               padding: 2px 10px;
-       }
-
-       p {
-               margin: 4px 4px 12px 10px;
-       }
-
-       .c-toc {
-               padding-left: 6px;
-               p {
-                       margin: 0;
-               }
-       }
-
-       .manual-title,
-       .introduction {
-               padding: 0 12px 6px;
-       }
-
-       img.c-inlineimg  {
-               margin-left: 10px;
-       }
-}
-
-
-//
-// ExtJS based CSH tooltips
-//
-
-.x-tip.typo3-csh-tooltip .x-tip-tl,
-.x-tip.typo3-csh-tooltip .x-tip-cl {
-       padding-left: 8px;
-}
-
-.x-tip.typo3-csh-tooltip .x-tip-tr,
-.x-tip.typo3-csh-tooltip .x-tip-cr {
-       padding-right: 8px;
-}
-
-//
-// Context Sensitive Help (CSH)
-//
-
-.typo3-csh-inline {
-       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-       line-height: 16px;
-}
-
-table.typo3-csh-inline {
-       background-color: #ffffc7;
-       border: 1px solid #cccccc;
-}
-
-a.typo3-csh-link .typo3-csh-inline {
-       background-color: #ffffc7;
-       border: 1px solid #cccccc;
-       color: #000000;
-       font-weight: normal;
-}
-
-img.typo3-csh-icon {
-       cursor: help;
-}
-
-a.typo3-csh-link {
-       white-space: normal;
-}
-
-//
-// new CSH code
-//
-
-.t3-help-inline {
-       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-       line-height: 16px;
-}
-
-p.t3-help-short.tipIsLinked {
-       cursor: pointer;
-}
-
-.t3-help-teaser,
-.t3-help-teaser label,
-.t3-help-teaser-icon,
-img.t3-help-icon {
-       cursor: help;
-}
-
-a.t3-help-link {
-       white-space: normal;
-}
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less
deleted file mode 100644 (file)
index 26caa2e..0000000
+++ /dev/null
@@ -1,76 +0,0 @@
-//
-// Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
-// Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
-//
-
-.typo3-CSM-wrapperCM {
-       background: #fff;
-       border: #b6b6b6 1px solid;
-}
-
-//
-// Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
-// Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
-//
-
-table.typo3-CSM {
-       tr.typo3-CSM-itemRow {
-               td {
-                       padding: 2px 6px;
-
-                       .t3-icon {
-                               vertical-align: bottom;
-                       }
-
-                       //
-                       // the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high
-                       // see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks
-                       //
-                       img {
-                               display: block;
-                       }
-               }
-       }
-
-       td.typo3-CSM-item {
-               white-space: nowrap;
-       }
-
-       tr.typo3-CSM-itemRow {
-               cursor: pointer;
-       }
-
-       tr.bgColor2 {
-               background-color: #b6b6b6;
-       }
-}
-
-//
-// special backend elements
-//
-
-//
-// Context Sensitive Menu / Top frame (alt_clickmenu.php):
-//
-
-body#typo3-alt-clickmenu-php {
-       margin-top: 10px;
-}
-
-//
-// Context Sensitive Menu / Top frame (alt_clickmenu.php):
-//
-
-#contentMenu0 {
-       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-}
-
-div#contentMenu0 {
-       position: absolute;
-       z-index: 10;
-}
-
-div#contentMenu1 {
-       position: absolute;
-       z-index: 20;
-}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less
deleted file mode 100644 (file)
index 39fbee9..0000000
+++ /dev/null
@@ -1,228 +0,0 @@
-//
-// DocHeader
-//
-
-@docheader-text: rgb(45, 45, 45);
-@docheader-bg: #eee;
-@docheader-border: rgb(195, 195, 195);
-
-#typo3-docheader {
-       background: @docheader-bg;
-
-       img,
-       input {
-               cursor: pointer;
-       }
-
-       .t3-icon {
-               margin-bottom: 3px;
-       }
-
-       // left col
-       .left {
-               &:extend(.pull-left);
-               .t3-icon {
-                       margin-right: 6px;
-               }
-       }
-       // right col
-       .right {
-               &:extend(.pull-right);
-               .t3-icon {
-                       margin-left: 6px;
-               }
-       }
-
-       // Extra margin 6px added to it-icon margin, doubled spacing = 12px
-       .buttongroup {
-               float: left;
-               margin-right: 6px;
-               .c-inputButton {
-                       color: inherit;
-               }
-       }
-
-       select {
-               margin-right: 12px;
-       }
-
-       a {
-               color: @docheader-text;
-
-               &:hover {
-                       color: #000;
-               }
-       }
-
-       .typo3-docheader-functions,
-       .typo3-docheader-buttons {
-               color: @docheader-text;
-               overflow: hidden;
-               padding: 0 24px;
-       }
-
-       // first row
-       .typo3-docheader-functions {
-               height: 27px;
-               line-height: 27px;
-
-               // overwrite defaults from normalize.css
-               select {
-                       color: @docheader-text;
-               }
-       }
-
-       // second row
-       .typo3-docheader-buttons {
-               height: 22px;
-               padding-top: 3px;
-               padding-bottom: 3px;
-               border-bottom: 1px solid #C3C3C3;
-       }
-}
-
-//
-// ExtJS Viewport
-//
-
-//
-// Collapsed tree frame is not invisible, but 5px wide.
-// If no tree frame is in use, an empty container is shown instead
-//
-
-#typo3-navigationContainer-xsplit,
-#typo3-navigationContainer-xcollapsed,
-#typo3-navigationDummy {
-       background: @body-bg url(../../Images/docheader-split-background.png) left top repeat-x;
-}
-
-
-// override the ExtJS collapse page tree button
-// -------------------------
-
-@module-menu-border-color-lighter: #F5F5F5;
-@module-menu-border-color-light: #C3C3C3;
-
-#typo3-navigationContainer-xcollapsed {
-       width: 24px!important;
-       &:before {
-               content: "";
-               position: absolute;
-               top: 0;
-               width: 8px;
-               height: 100%;
-               background-color: lighten(@module-menu-bg,25%);
-               border-right: 1px solid lighten(@module-menu-border-color,20%);
-               border-left: 1px solid @module-menu-border-color;
-               .box-shadow(3px 0 0 rgba(0,0,0,0.15));
-       }
-}
-
-// center collapse button vertical
-.x-panel-body {
-       .x-layout-cmini-west .x-layout-mini,
-       .x-layout-split-west .x-layout-mini {
-               top: 50%;
-               margin-top: -40px;
-       }
-}
-
-
-// styling for the page tree collapse button
-// this class will be extended from ExtJS CSS Class setup (ExtJS close and open html setup)
-.typo3-btn-collapse-page-tree {
-       height: 80px;
-       width: 14px;
-       border-top-right-radius: 3px;
-       border-bottom-right-radius: 3px;
-       background: none;
-       border: 1px solid @module-menu-border-color-light;
-       border-left: 1px solid @module-menu-border-color-lighter;
-       display: block;
-       font-size: 0;
-       .opacity(1);
-       &:after {
-               font-family: 'FontAwesome';
-               content: "\f0d9";
-               position: absolute;
-               top: 50%;
-               display: block;
-               width: 100%;
-               margin-top: -1px;
-               color: #000;
-               font-size: 12px;
-               vertical-align: middle;
-               text-align: center;
-       }
-}
-
-// close page tree button
-.x-layout-split-west .x-layout-mini {
-       &:extend(.typo3-btn-collapse-page-tree all);
-       margin-left: -2px;
-       background-color: @module-menu-border-color-lighter;
-       &:hover {
-               background-color: darken(@module-menu-border-color-lighter,5%);
-       }
-}
-
-// open page tree button
-.x-layout-cmini-west .x-layout-mini {
-       &:extend(.typo3-btn-collapse-page-tree all);
-       background-color: lighten(@module-menu-bg, 25%);
-       margin-left: 7px;
-       border: 1px solid lighten(@module-menu-border-color, 20%);
-       border-left: 0;
-
-       &:hover {
-               .opacity(1);
-               background-color: lighten(@module-menu-bg,30%);
-       }
-       &:after {
-               margin-top: -9px;
-               color: #fff;
-               content: "\f0da";
-       }
-}
-
-
-
-//
-// ExtJS theme for PageTree
-//
-#typo3-pagetree-topPanelItems {
-       background: @docheader-bg;
-
-       #typo3-pagetree-topPanel {
-
-               .x-panel-body-noborder {
-                       border-bottom: 1px solid @docheader-border;
-               }
-
-               // Functions
-               .x-panel-tbar {
-                       color: @docheader-text;
-                       a {
-                               color: @docheader-text;
-                               &:hover {
-                                       color: #000;
-                               }
-                       }
-               }
-
-               // Buttons
-               .x-panel-body {
-                       color: @docheader-text;
-                       .typo3-pagetree-topPanel-button {
-                               margin-top: 0;
-                       }
-                       a {
-                               color: @docheader-text;
-                               &:hover {
-                                       color: #000;
-                               }
-                       }
-               }
-       }
-
-}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_draguploader.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_draguploader.less
deleted file mode 100644 (file)
index 3e2438b..0000000
+++ /dev/null
@@ -1,225 +0,0 @@
-//
-// Dropzone Variables
-//
-@dropzone-text: #333333;
-@dropzone-border: #cccccc;
-@dropzone-margin: 15px 0;
-@dropzone-hover-border:  #999999;
-
-@dropzone-hint-title-size: 12px;
-@dropzone-hint-title-weight: bold;
-
-@dropzone-close-height: 26px;
-@dropzone-close-width: 26px;
-@dropzone-close-size: 14px;
-@dropzone-close-bg: #eaeaea;
-@dropzone-close-text: @dropzone-text;
-@dropzone-close-hover-bg: @brand-danger;
-@dropzone-close-hover-text: #ffffff;
-
-@dropzone-icon-size: 16px;
-@dropzone-icon-height: 40px;
-@dropzone-icon-width: 40px;
-@dropzone-icon-radius: 50%;
-@dropzone-icon-bg: #eeeeee;
-
-@dropzone-icon-ok-text: #ffffff;
-@dropzone-icon-ok-bg: @brand-success;
-
-
-//
-// Dropzone
-//
-.dropzone {
-       position: relative;
-       cursor: pointer;
-       margin: @dropzone-margin;
-       padding: 1.25em;
-       padding-right: @dropzone-close-width + 20px;
-       color: @dropzone-text;
-       border: 1px dashed @dropzone-border;
-       .transition(all 0.3s ease-in-out);
-       &:hover {
-               border-color: @dropzone-hover-border;
-       }
-}
-.dropzone-mask {
-       position: absolute;
-       left: 0;
-       right: 0;
-       bottom: 0;
-       top: 0;
-}
-
-
-//
-// Dropzone Close
-//
-.dropzone-close {
-       cursor: pointer;
-       position: absolute;
-       top: 5px;
-       right: 5px;
-       height: @dropzone-close-height;
-       width: @dropzone-close-width;
-       font-family: FontAwesome;
-       font-size: @dropzone-close-size;
-       line-height: @dropzone-close-height;
-       text-align: center;
-       text-rendering: auto;
-       -webkit-font-smoothing: antialiased;
-       -moz-osx-font-smoothing: grayscale;
-       transform: translate(0, 0);
-       overflow: hidden;
-       background-color: @dropzone-close-bg;
-       color: @dropzone-close-text;
-       &:hover {
-               color: @dropzone-close-hover-text;
-               background-color: @dropzone-close-hover-bg;
-       }
-       &:before {
-               content: "\f00d";
-       }
-}
-
-
-//
-// Dropzone Hint
-//
-// Markup:
-// <div class="dropzone-hint">
-//   <div class="dropzone-hint-media">
-//     <span class="dropzone-hint-icon"></span>
-//   </div>
-//   <div class="dropzone-hint-body">
-//     <h3 class="dropzone-hint-title">Title</h3>
-//     <p class="dropzone-hint-message">Message</h3>
-//   </div>
-// </div>
-//
-.dropzone-hint {
-       display: table;
-}
-.dropzone-hint-media,
-.dropzone-hint-body {
-       display: table-cell;
-       vertical-align: middle;
-}
-.dropzone-hint-body {
-       *:first-child {
-               margin-top: 0;
-       }
-       *:last-child {
-               margin-bottom: 0;
-       }
-}
-.dropzone-hint-media {
-       padding-right: 1em;
-}
-.dropzone-hint-icon {
-       height: @dropzone-icon-height;
-       width: @dropzone-icon-width;
-       text-align: center;
-       line-height: @dropzone-icon-height;
-       font-size: @dropzone-icon-size;
-       background-color: @dropzone-icon-bg;
-       border-radius: @dropzone-icon-radius;
-       font-family: FontAwesome;
-       text-rendering: auto;
-       -webkit-font-smoothing: antialiased;
-       -moz-osx-font-smoothing: grayscale;
-       transform: translate(0, 0);
-       &:before {
-               content: "\f093";
-       }
-}
-.dropzone-hint-title {
-       font-size: @dropzone-hint-title-size;
-       font-weight: @dropzone-hint-title-weight;
-       margin-bottom: 0.25em;
-}
-
-
-//
-// Drop progress
-//
-.drop-status-ok {
-       .dropzone-hint-icon {
-               color: @dropzone-icon-ok-text;
-               background: @dropzone-icon-ok-bg;
-       }
-}
-.drop-in-progress {
-       .dropzone-hint-icon {
-               &:before {
-                       content: "\f063";
-               }
-       }
-}
-
-
-//
-// Upload Variables
-//
-@upload-queue-margin: @dropzone-margin;
-@upload-queue-progress-bg: @brand-success;
-@upload-queue-progress-uploading-bg: @brand-info;
-@upload-queue-progress-error-bg: @brand-danger;
-
-
-//
-// Upload queue
-//
-.upload-queue {
-       margin: @upload-queue-margin;
-}
-.upload-queue-progress {
-       position: relative;
-       padding: 5px;
-       color: #ffffff;
-       background-color: #999999;
-       border: 1px solid rgba(0,0,0,0.15);
-       text-align: right;
-}
-.upload-queue-progress-bar {
-       position: absolute;
-       z-index: 1;
-       top: 0;
-       left: 0;
-       bottom: 0;
-       background-color: @upload-queue-progress-bg;
-}
-.upload-queue-progress-percentage,
-.upload-queue-progress-message {
-       display: inline;
-       position: relative;
-       z-index: 2;
-}
-
-
-//
-// Upload filepicker
-//
-.upload-file-picker {
-       position: fixed;
-       bottom: 0;
-       right: 0;
-       height: 1px;
-       width: 1px;
-       visibility: hidden;
-}
-
-
-//
-// Upload status
-//
-.uploading {
-       .upload-queue-progress-bar {
-               background-color: @upload-queue-progress-uploading-bg;
-       }
-}
-.error {
-       .upload-queue-progress-bar {
-               background-color: @upload-queue-progress-error-bg;
-       }
-}
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less
deleted file mode 100644 (file)
index f25d053..0000000
+++ /dev/null
@@ -1,21 +0,0 @@
-//
-// History / Undo
-//
-
-table#typo3-history,
-table#typo3-history-item {
-       tr.c-head td {
-               font-weight: bold;
-       }
-
-       tr {
-               td {
-                       vertical-align: top;
-
-               }
-       }
-
-       img {
-               margin: 1px;
-       }
-}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less
deleted file mode 100644 (file)
index 64930e2..0000000
+++ /dev/null
@@ -1,20 +0,0 @@
-//
-// Label
-//
-
-.label-stable:extend(.label-success){};
-.label-beta:extend(.label-warning){};
-.label-alpha:extend(.label-danger){};
-.label-obsolete:extend(.label-default){};
-.label-experimental:extend(.label-default){}
-.label-test:extend(.label-default){}
-.label-excludeFromUpdates:extend(.label-default){}
-
-.label-inline,
-.label-block {
-       margin: 0;
-       font-weight: normal;
-}
-.label-block {
-       display: block;
-}
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less
deleted file mode 100644 (file)
index 97a4729..0000000
+++ /dev/null
@@ -1,155 +0,0 @@
-//
-// Alert wrapper
-//
-ul.typo3-messages {
-       padding: 0;
-}
-
-//
-// Alert notice
-//
-.alert-notice {
-       .alert-variant(@alert-notice-bg; @alert-notice-border; @alert-notice-text);
-}
-
-//
-// Alerts
-//
-.alert {
-       box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
-       border: 0;
-       a {
-               color: inherit;
-               text-decoration: underline;
-       }
-       .media {
-               margin: 0;
-               .fa-stack {
-                       > .fa:first-child {
-                               .opacity(0.2);
-                       }
-               }
-       }
-       .media-body {
-               vertical-align: middle;
-       }
-}
-.alert-title {
-       font-size: 1.12em;
-       font-weight: bold;
-       margin: 0 0 0.25em;
-}
-.alert-body,
-.alert-message {
-       margin: 0;
-       font-size: .9em;
-       > *:last-child {
-               margin-bottom: 0;
-       }
-       > ul {
-               padding-left: 1.5em;
-       }
-}
-.alert-dismissible {
-       .close {
-               .opacity(0.5);
-               padding: 1px;
-               top: -3px;
-               right: -22px;
-               color: inherit;
-               &:hover {
-                       .opacity(1);
-                       color: inherit;
-               }
-       }
-}
-
-
-//
-// JavaScript Flashmessages
-//
-#alert-container {
-       width: 400px;
-       position: absolute;
-       right: 5px;
-       top: 46px;
-       z-index: 10000;
-       .alert {
-               box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), 0 2px 0 0 rgba(0,0,0,0.15);
-               position: relative;
-               margin: 5px auto;
-               &.fade.in {
-                       .opacity(0.95);
-               }
-       }
-}
-
-
-//
-// Callouts
-//
-.callout {
-       background-color: @callout-bg;
-       border-left: 3px solid @callout-border;
-       margin: 20px 0;
-       padding: @callout-padding;
-       color: @callout-color;
-       .media {
-               margin: 0;
-               .fa-stack {
-                       color: @callout-icon-color;
-                       > .fa:first-child {
-                               color: @callout-border;
-                       }
-               }
-       }
-       .media-body {
-               vertical-align: middle;
-       }
-}
-.callout-icon {
-      &nb