[TASK] Migrate backend styles from LESS to SASS 51/52151/12
authorBenjamin Kott <benjamin.kott@wfp2.com>
Sat, 25 Mar 2017 16:08:58 +0000 (17:08 +0100)
committerChristian Kuhn <lolli@schwarzbu.ch>
Sun, 26 Mar 2017 19:38:06 +0000 (21:38 +0200)
In preparation for upcomming switch from bootstrap to SASS the backend
style sources have been migrated to SASS. The autoprefixer configuration
was corrected to match CMS8 LTS requirements and minification of CSS
files is now enabled. Automatic style checks are now available through
grunt. The tasks `grunt format` and `grunt lint` will now check sources
files for consistency.

Resolves: #80453
Releases: master
Change-Id: I9ba23aea78014a1f0cce229db533a81d5ffcd02f
Reviewed-on: https://review.typo3.org/52151
Tested-by: TYPO3com <no-reply@typo3.com>
Reviewed-by: Marco Christian Krenn <krenn@webconsulting.at>
Tested-by: Marco Christian Krenn <krenn@webconsulting.at>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
197 files changed:
.editorconfig
.gitattributes
.stylelintrc [new file with mode: 0644]
Build/Gruntfile.js
Build/Resources/Public/Less/Component/autocomplete.less [deleted file]
Build/Resources/Public/Less/Component/avatar.less [deleted file]
Build/Resources/Public/Less/Component/callout.less [deleted file]
Build/Resources/Public/Less/Component/colorpicker.less [deleted file]
Build/Resources/Public/Less/Component/diff.less [deleted file]
Build/Resources/Public/Less/Component/dropdown.less [deleted file]
Build/Resources/Public/Less/Component/icon.less [deleted file]
Build/Resources/Public/Less/Component/module.less [deleted file]
Build/Resources/Public/Less/Component/panel.less [deleted file]
Build/Resources/Public/Less/Component/svgTree.less [deleted file]
Build/Resources/Public/Less/Configuration/Variables/_colors.less [deleted file]
Build/Resources/Public/Less/Mixins/clearfix.less [deleted file]
Build/Resources/Public/Less/Scaffold/_modulemenu.less [deleted file]
Build/Resources/Public/Less/Scaffold/_toolbar.less [deleted file]
Build/Resources/Public/Less/Scaffold/_topbar.less [deleted file]
Build/Resources/Public/Less/Scaffold/scaffold.less [deleted file]
Build/Resources/Public/Less/TYPO3/_debugconsole.less [deleted file]
Build/Resources/Public/Less/TYPO3/_deprecated.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_animation.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_badges.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_buttons.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_contextmenu.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_cropper.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_csh.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_docheader.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_draguploader.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_fieldselectbox.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_label.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_message.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_modal.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_pagetree.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_pagination.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_panel.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_popover.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_rte.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_slider.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_spinner.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_tab.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_table.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_tceforms.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_tooltip.less [deleted file]
Build/Resources/Public/Less/TYPO3/_element_tree.less [deleted file]
Build/Resources/Public/Less/TYPO3/_icons.less [deleted file]
Build/Resources/Public/Less/TYPO3/_login_screen.less [deleted file]
Build/Resources/Public/Less/TYPO3/_main_backend_layout_wizard.less [deleted file]
Build/Resources/Public/Less/TYPO3/_main_body.less [deleted file]
Build/Resources/Public/Less/TYPO3/_main_content.less [deleted file]
Build/Resources/Public/Less/TYPO3/_main_elementbrowser.less [deleted file]
Build/Resources/Public/Less/TYPO3/_main_form.less [deleted file]
Build/Resources/Public/Less/TYPO3/_main_linkbrowser.less [deleted file]
Build/Resources/Public/Less/TYPO3/_main_new_content_element_wizard.less [deleted file]
Build/Resources/Public/Less/TYPO3/_main_type.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_beuser.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_cshmanual.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_database.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_extensionmanager.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_lang.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_recycler.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_scheduler.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_tstemplate.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_viewpage.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_web_list_sysnote.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_web_page.less [deleted file]
Build/Resources/Public/Less/TYPO3/_module_workspaces.less [deleted file]
Build/Resources/Public/Less/TYPO3/_various_fixes.less [deleted file]
Build/Resources/Public/Less/TYPO3/_wizard_localization.less [deleted file]
Build/Resources/Public/Less/TYPO3/structure/_element_version.less [deleted file]
Build/Resources/Public/Less/TYPO3/structure/_element_wizard.less [deleted file]
Build/Resources/Public/Less/TYPO3/structure/_module_web_list.less [deleted file]
Build/Resources/Public/Less/TYPO3/visual/_element_typoscript.less [deleted file]
Build/Resources/Public/Less/TYPO3/visual/_element_version.less [deleted file]
Build/Resources/Public/Less/Webfont/share.less [deleted file]
Build/Resources/Public/Less/_minimal.less [deleted file]
Build/Resources/Public/Less/_variables.less [deleted file]
Build/Resources/Public/Less/adminpanel.less [deleted file]
Build/Resources/Public/Less/backend.less [deleted file]
Build/Resources/Public/Less/cropper/cropper.less [deleted file]
Build/Resources/Public/Less/cropper/main.less [deleted file]
Build/Resources/Public/Less/cropper/mixins.less [deleted file]
Build/Resources/Public/Less/cropper/utilities.less [deleted file]
Build/Resources/Public/Less/cropper/variables.less [deleted file]
Build/Resources/Public/Less/errorpage.less [deleted file]
Build/Resources/Public/Less/form.less [deleted file]
Build/Resources/Public/Less/install.less [deleted file]
Build/Resources/Public/Less/linkvalidator.less [deleted file]
Build/Resources/Public/Less/nprogress/nprogress.less [deleted file]
Build/Resources/Public/Sass/_minimal.scss [new file with mode: 0644]
Build/Resources/Public/Sass/adminpanel.scss [new file with mode: 0644]
Build/Resources/Public/Sass/backend.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_autocomplete.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_avatar.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_callout.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_colorpicker.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_diff.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_dropdown.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_icon.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_module.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_panel.scss [new file with mode: 0644]
Build/Resources/Public/Sass/component/_svgtree.scss [new file with mode: 0644]
Build/Resources/Public/Sass/cropper/_cropper.scss [new file with mode: 0644]
Build/Resources/Public/Sass/cropper/_main.scss [new file with mode: 0644]
Build/Resources/Public/Sass/cropper/_mixins.scss [new file with mode: 0644]
Build/Resources/Public/Sass/cropper/_utilities.scss [new file with mode: 0644]
Build/Resources/Public/Sass/cropper/_variables.scss [new file with mode: 0644]
Build/Resources/Public/Sass/editor.scss [new file with mode: 0644]
Build/Resources/Public/Sass/editor/_colors.scss [new file with mode: 0644]
Build/Resources/Public/Sass/editor_inner.scss [new file with mode: 0644]
Build/Resources/Public/Sass/editor_typoscript_colors.scss [new file with mode: 0644]
Build/Resources/Public/Sass/errorpage.scss [new file with mode: 0644]
Build/Resources/Public/Sass/form.scss [new file with mode: 0644]
Build/Resources/Public/Sass/install.scss [new file with mode: 0644]
Build/Resources/Public/Sass/linkvalidator.scss [new file with mode: 0644]
Build/Resources/Public/Sass/mixins/_clearfix.scss [new file with mode: 0644]
Build/Resources/Public/Sass/nprogress/_nprogress.scss [new file with mode: 0644]
Build/Resources/Public/Sass/scaffold/_modulemenu.scss [new file with mode: 0644]
Build/Resources/Public/Sass/scaffold/_scaffold.scss [new file with mode: 0644]
Build/Resources/Public/Sass/scaffold/_toolbar.scss [new file with mode: 0644]
Build/Resources/Public/Sass/scaffold/_topbar.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_debugconsole.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_deprecated.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_animation.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_badges.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_buttons.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_contextmenu.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_cropper.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_csh.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_docheader.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_draguploader.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_fieldselectbox.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_label.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_message.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_modal.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_pagetree.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_pagination.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_panel.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_popover.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_rte.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_slider.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_spinner.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_tab.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_table.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_tceforms.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_tooltip.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_element_tree.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_icons.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_login_screen.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_main_backend_layout_wizard.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_main_body.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_main_content.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_main_elementbrowser.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_main_form.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_main_linkbrowser.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_main_new_content_element_wizard.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_main_type.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_beuser.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_cshmanual.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_database.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_extensionmanager.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_lang.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_recycler.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_scheduler.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_tstemplate.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_viewpage.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_web_list_sysnote.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_web_page.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_module_workspaces.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_various_fixes.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/_wizard_localization.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/structure/_element_version.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/structure/_element_wizard.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/structure/_module_web_list.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/visual/_element_typoscript.scss [new file with mode: 0644]
Build/Resources/Public/Sass/typo3/visual/_element_version.scss [new file with mode: 0644]
Build/Resources/Public/Sass/variables/_main.scss [new file with mode: 0644]
Build/Resources/Public/Sass/webfont/_share.scss [new file with mode: 0644]
Build/Resources/Public/Sass/workspace.scss [new file with mode: 0644]
Build/bower.json
Build/package.json
typo3/sysext/backend/Resources/Public/Css/backend.css
typo3/sysext/core/Resources/Public/Css/errorpage.css
typo3/sysext/core/Resources/Public/Icons/T3Icons/apps/apps-pagetree-category-collapse-all.svg
typo3/sysext/form/Resources/Public/Css/form.css
typo3/sysext/frontend/Resources/Public/Css/adminpanel.css
typo3/sysext/install/Resources/Public/Css/install.css
typo3/sysext/linkvalidator/Resources/Public/Css/linkvalidator.css
typo3/sysext/t3editor/Resources/Private/Less/t3editor.less [deleted file]
typo3/sysext/t3editor/Resources/Private/Less/t3editor_inner.less [deleted file]
typo3/sysext/t3editor/Resources/Private/Less/t3editor_typoscript_colors.less [deleted file]
typo3/sysext/t3editor/Resources/Public/Css/t3editor.css
typo3/sysext/t3editor/Resources/Public/Css/t3editor_inner.css
typo3/sysext/t3editor/Resources/Public/Css/t3editor_typoscript_colors.css
typo3/sysext/workspaces/Resources/Private/Less/preview.less [deleted file]
typo3/sysext/workspaces/Resources/Public/Css/preview.css

index 4d8f6e9..c2caaa6 100644 (file)
@@ -2,15 +2,13 @@
 
 # top-most EditorConfig file
 root = true
-charset = utf-8
-
-# Get rid of whitespace to avoid diffs with a bunch of EOL changes
-trim_trailing_whitespace = true
 
 # Unix-style newlines with a newline ending every file
 [*]
+charset = utf-8
 end_of_line = lf
 insert_final_newline = true
+trim_trailing_whitespace = true
 
 # CSS-Files
 [*.css]
@@ -32,6 +30,11 @@ indent_size = 4
 indent_style = tab
 indent_size = 4
 
+# SCSS-Files
+[*.scss]
+indent_style = space
+indent_size = 4
+
 # JS-Files
 [*.js]
 indent_style = tab
@@ -62,8 +65,10 @@ indent_size = 4
 indent_style = space
 indent_size = 2
 
-# package.json or .travis.yml
-[{package.json,.travis.yml}]
+# package.json
+# .travis.yml
+# bower.json
+[{package.json,.travis.yml,bower.json}]
 indent_style = space
 indent_size = 2
 
index 55ae226..d295442 100644 (file)
@@ -12,6 +12,7 @@
 *.css text eol=lf
 *.tmpl text eol=lf
 *.less text eol=lf
+*.scss text eol=lf
 *.js text eol=lf
 *.json text eol=lf
 *.php text eol=lf
diff --git a/.stylelintrc b/.stylelintrc
new file mode 100644 (file)
index 0000000..425f208
--- /dev/null
@@ -0,0 +1,159 @@
+{
+  "rules": {
+    "at-rule-empty-line-before": [
+      "always",
+      {
+        "except": [
+          "blockless-after-same-name-blockless",
+          "first-nested"
+        ],
+        "ignore": [
+          "after-comment"
+        ]
+      }
+    ],
+    "at-rule-name-case": "lower",
+    "at-rule-name-space-after": "always-single-line",
+    "at-rule-semicolon-newline-after": "always",
+    "block-closing-brace-empty-line-before": "never",
+    "block-closing-brace-newline-after": "always",
+    "block-closing-brace-newline-before": "always-multi-line",
+    "block-closing-brace-space-before": "always-single-line",
+    "block-no-empty": true,
+    "block-opening-brace-newline-after": "always-multi-line",
+    "block-opening-brace-space-after": "always-single-line",
+    "block-opening-brace-space-before": "always",
+    "color-hex-case": "lower",
+    "color-hex-length": "short",
+    "color-no-invalid-hex": true,
+    "comment-empty-line-before": [
+      "always",
+      {
+        "except": [
+          "first-nested"
+        ],
+        "ignore": [
+          "stylelint-commands"
+        ]
+      }
+    ],
+    "comment-no-empty": true,
+    "comment-whitespace-inside": "always",
+    "custom-property-empty-line-before": [
+      "always",
+      {
+        "except": [
+          "after-custom-property",
+          "first-nested"
+        ],
+        "ignore": [
+          "after-comment",
+          "inside-single-line-block"
+        ]
+      }
+    ],
+    "declaration-bang-space-after": "never",
+    "declaration-bang-space-before": "always",
+    "declaration-block-no-duplicate-properties": [
+      true,
+      {
+        "ignore": [
+          "consecutive-duplicates-with-different-values"
+        ]
+      }
+    ],
+    "declaration-block-no-redundant-longhand-properties": true,
+    "declaration-block-no-shorthand-property-overrides": true,
+    "declaration-block-semicolon-newline-after": "always-multi-line",
+    "declaration-block-semicolon-space-after": "always-single-line",
+    "declaration-block-semicolon-space-before": "never",
+    "declaration-block-single-line-max-declarations": 1,
+    "declaration-block-trailing-semicolon": "always",
+    "declaration-colon-newline-after": "always-multi-line",
+    "declaration-colon-space-after": "always-single-line",
+    "declaration-colon-space-before": "never",
+    "declaration-empty-line-before": [
+      "always",
+      {
+        "except": [
+          "after-declaration",
+          "first-nested"
+        ],
+        "ignore": [
+          "after-comment",
+          "inside-single-line-block"
+        ]
+      }
+    ],
+    "font-family-no-duplicate-names": true,
+    "function-calc-no-unspaced-operator": true,
+    "function-comma-newline-after": "always-multi-line",
+    "function-comma-space-after": "always-single-line",
+    "function-comma-space-before": "never",
+    "function-linear-gradient-no-nonstandard-direction": true,
+    "function-max-empty-lines": 0,
+    "function-name-case": "lower",
+    "function-parentheses-newline-inside": "always-multi-line",
+    "function-parentheses-space-inside": "never-single-line",
+    "function-whitespace-after": "always",
+    "indentation": 4,
+    "keyframe-declaration-no-important": true,
+    "length-zero-no-unit": true,
+    "max-empty-lines": 1,
+    "media-feature-colon-space-after": "always",
+    "media-feature-colon-space-before": "never",
+    "media-feature-name-case": "lower",
+    "media-feature-name-no-unknown": true,
+    "media-feature-parentheses-space-inside": "never",
+    "media-feature-range-operator-space-after": "always",
+    "media-feature-range-operator-space-before": "always",
+    "media-query-list-comma-newline-after": "always-multi-line",
+    "media-query-list-comma-space-after": "always-single-line",
+    "media-query-list-comma-space-before": "never",
+    "no-empty-source": true,
+    "no-eol-whitespace": true,
+    "no-extra-semicolons": true,
+    "no-invalid-double-slash-comments": true,
+    "no-missing-end-of-source-newline": true,
+    "number-leading-zero": "always",
+    "number-no-trailing-zeros": true,
+    "property-case": "lower",
+    "property-no-unknown": true,
+    "rule-empty-line-before": [
+      "always-multi-line",
+      {
+        "except": [
+          "first-nested"
+        ],
+        "ignore": [
+          "after-comment"
+        ]
+      }
+    ],
+    "selector-attribute-brackets-space-inside": "never",
+    "selector-attribute-operator-space-after": "never",
+    "selector-attribute-operator-space-before": "never",
+    "selector-combinator-space-after": "always",
+    "selector-combinator-space-before": "always",
+    "selector-descendant-combinator-no-non-space": true,
+    "selector-list-comma-newline-after": "always",
+    "selector-list-comma-space-before": "never",
+    "selector-max-empty-lines": 0,
+    "selector-pseudo-class-case": "lower",
+    "selector-pseudo-class-no-unknown": true,
+    "selector-pseudo-class-parentheses-space-inside": "never",
+    "selector-pseudo-element-case": "lower",
+    "selector-pseudo-element-colon-notation": "single",
+    "selector-pseudo-element-no-unknown": true,
+    "selector-type-case": "lower",
+    "selector-type-no-unknown": true,
+    "shorthand-property-no-redundant-values": true,
+    "string-no-newline": true,
+    "unit-case": "lower",
+    "unit-no-unknown": true,
+    "value-list-comma-newline-after": "always-multi-line",
+    "value-list-comma-space-after": "always-single-line",
+    "value-list-comma-space-before": "never",
+    "value-list-max-empty-lines": 0
+  }
+}
index e11b354..7be65e7 100644 (file)
 
 module.exports = function(grunt) {
 
+       /**
+        * Grunt stylefmt task
+        */
+       grunt.registerMultiTask('formatsass', 'Grunt task for stylefmt', function () {
+               var options = this.options(),
+                       done = this.async(),
+                       stylefmt = require('stylefmt'),
+                       scss = require('postcss-scss'),
+                       files = this.filesSrc.filter(function (file) {
+                               return grunt.file.isFile(file);
+                       }),
+                       counter = 0;
+               this.files.forEach(function (file) {
+                       file.src.filter(function (filepath) {
+                               var content = grunt.file.read(filepath);
+                               var settings = {
+                                       from: filepath,
+                                       syntax: scss
+                               };
+                               stylefmt.process(content, settings).then(function (result) {
+                                       grunt.file.write(file.dest, result.css);
+                                       grunt.log.success('Source file "' + filepath + '" was processed.');
+                                       counter++;
+                                       if (counter >= files.length) done(true);
+                               });
+                       });
+               });
+       });
+
        // Project configuration.
        grunt.initConfig({
                pkg: grunt.file.readJSON('package.json'),
-               banner: '/*!\n' +
-                       ' * This file is part of the TYPO3 CMS project.\n' +
-                       ' *\n' +
-                       ' * It is free software; you can redistribute it and/or modify it under\n' +
-                       ' * the terms of the GNU General Public License, either version 2\n' +
-                       ' * of the License, or any later version.\n' +
-                       ' *\n' +
-                       ' * For the full copyright and license information, please read the\n' +
-                       ' * LICENSE.txt file that was distributed with this source code.\n' +
-                       ' *\n' +
-                       ' * The TYPO3 project - inspiring people to share!\n' +
-                       ' */\n',
                paths: {
                        resources : 'Resources/',
-                       less      : '<%= paths.resources %>Public/Less/',
+                       sass      : '<%= paths.resources %>Public/Sass/',
                        root      : '../',
                        sysext    : '<%= paths.root %>typo3/sysext/',
                        form      : '<%= paths.sysext %>form/Resources/',
@@ -47,51 +64,73 @@ module.exports = function(grunt) {
                        t3icons   : '<%= paths.bower %>typo3-icons/dist/',
                        npm       : 'node_modules/'
                },
-               less: {
+               stylelint: {
                        options: {
-                               banner: '<%= banner %>',
-                               outputSourceFiles: true
+                               configFile: '<%= paths.root %>.stylelintrc',
+                       },
+                       sass: ['<%= paths.sass %>**/*.scss']
+               },
+               formatsass: {
+                       sass: {
+                               files: [{
+                                       expand: true,
+                                       cwd: '<%= paths.sass %>',
+                                       src: ['**/*.scss'],
+                                       dest: '<%= paths.sass %>'
+                               }]
+                       }
+               },
+               sass: {
+                       options: {
+                               outputStyle: 'expanded',
+                               precision: 8,
+                               includePaths: [
+                                       'bower_components/bootstrap-sass/assets/stylesheets',
+                                       'bower_components/fontawesome/scss',
+                                       'bower_components/eonasdan-bootstrap-datetimepicker/src/sass',
+                                       'node_modules/tagsort'
+                               ]
                        },
                        backend: {
                                files: {
-                                       "<%= paths.backend %>Public/Css/backend.css": "<%= paths.less %>backend.less"
+                                       "<%= paths.backend %>Public/Css/backend.css": "<%= paths.sass %>backend.scss"
                                }
                        },
                        core: {
                                files: {
-                                       "<%= paths.core %>Public/Css/errorpage.css": "<%= paths.less %>errorpage.less"
+                                       "<%= paths.core %>Public/Css/errorpage.css": "<%= paths.sass %>errorpage.scss"
                                }
                        },
                        form: {
                                files: {
-                                       "<%= paths.form %>Public/Css/form.css": "<%= paths.less %>form.less"
+                                       "<%= paths.form %>Public/Css/form.css": "<%= paths.sass %>form.scss"
                                }
                        },
                        frontend: {
                                files: {
-                                       "<%= paths.frontend %>Public/Css/adminpanel.css": "<%= paths.less %>adminpanel.less"
+                                       "<%= paths.frontend %>Public/Css/adminpanel.css": "<%= paths.sass %>adminpanel.scss"
                                }
                        },
                        install: {
                                files: {
-                                       "<%= paths.install %>Public/Css/install.css": "<%= paths.less %>install.less"
+                                       "<%= paths.install %>Public/Css/install.css": "<%= paths.sass %>install.scss"
                                }
                        },
                        linkvalidator: {
                                files: {
-                                       "<%= paths.linkvalidator %>Public/Css/linkvalidator.css": "<%= paths.less %>linkvalidator.less"
+                                       "<%= paths.linkvalidator %>Public/Css/linkvalidator.css": "<%= paths.sass %>linkvalidator.scss"
                                }
                        },
                        workspaces: {
                                files: {
-                                       "<%= paths.workspaces %>Public/Css/preview.css": "<%= paths.workspaces %>Private/Less/preview.less"
+                                       "<%= paths.workspaces %>Public/Css/preview.css": "<%= paths.sass %>workspace.scss"
                                }
                        },
                        t3editor: {
                                files: {
-                                       '<%= paths.t3editor %>Public/Css/t3editor.css': '<%= paths.t3editor %>Private/Less/t3editor.less',
-                                       '<%= paths.t3editor %>Public/Css/t3editor_inner.css': '<%= paths.t3editor %>Private/Less/t3editor_inner.less',
-                                       '<%= paths.t3editor %>Public/Css/t3editor_typoscript_colors.css': '<%= paths.t3editor %>Private/Less/t3editor_typoscript_colors.less'
+                                       '<%= paths.t3editor %>Public/Css/t3editor.css': '<%= paths.sass %>editor.scss',
+                                       '<%= paths.t3editor %>Public/Css/t3editor_inner.css': '<%= paths.sass %>editor_inner.scss',
+                                       '<%= paths.t3editor %>Public/Css/t3editor_typoscript_colors.css': '<%= paths.sass %>editor_typoscript_colors.scss'
                                }
                        }
                },
@@ -99,12 +138,34 @@ module.exports = function(grunt) {
                        options: {
                                map: false,
                                processors: [
-                                       require('autoprefixer')({ // add vendor prefixes
+                                       require('autoprefixer')({
                                                browsers: [
-                                                       'Last 2 versions',
-                                                       'Firefox ESR',
-                                                       'IE 11'
+                                                       'Chrome >= 57',
+                                                       'Firefox >= 52',
+                                                       'Edge >= 14',
+                                                       'Explorer >= 11',
+                                                       'iOS >= 9',
+                                                       'Safari >= 8',
+                                                       'Android >= 4',
+                                                       'Opera >= 43'
                                                ]
+                                       }),
+                                       require('postcss-clean')({
+                                               keepSpecialComments: 0
+                                       }),
+                                       require('postcss-banner')({
+                                               banner: 'This file is part of the TYPO3 CMS project.\n' +
+                                                       '\n' +
+                                                       'It is free software; you can redistribute it and/or modify it under\n' +
+                                                       'the terms of the GNU General Public License, either version 2\n' +
+                                                       'of the License, or any later version.\n' +
+                                                       '\n' +
+                                                       'For the full copyright and license information, please read the\n' +
+                                                       'LICENSE.txt file that was distributed with this source code.\n' +
+                                                       '\n' +
+                                                       'The TYPO3 project - inspiring people to share!',
+                                               important: true,
+                                               inline: false
                                        })
                                ]
                        },
@@ -156,8 +217,8 @@ module.exports = function(grunt) {
                        options: {
                                livereload: true
                        },
-                       less: {
-                               files: '<%= paths.less %>**/*.less',
+                       sass: {
+                               files: '<%= paths.sass %>**/*.scss',
                                tasks: 'css'
                        },
                        ts: {
@@ -349,7 +410,7 @@ module.exports = function(grunt) {
        });
 
        // Register tasks
-       grunt.loadNpmTasks('grunt-contrib-less');
+       grunt.loadNpmTasks('grunt-sass');
        grunt.loadNpmTasks('grunt-contrib-watch');
        grunt.loadNpmTasks('grunt-bowercopy');
        grunt.loadNpmTasks('grunt-npm-install');
@@ -360,6 +421,7 @@ module.exports = function(grunt) {
        grunt.loadNpmTasks('grunt-contrib-copy');
        grunt.loadNpmTasks("grunt-ts");
        grunt.loadNpmTasks('grunt-tslint');
+       grunt.loadNpmTasks('grunt-stylelint');
 
        /**
         * grunt default task
@@ -371,15 +433,26 @@ module.exports = function(grunt) {
        grunt.registerTask('default', ['css']);
 
        /**
+        * grunt format
+        *
+        * call "$ grunt format"
+        *
+        * this task does the following things:
+        * - formatsass
+        * - lint
+        */
+       grunt.registerTask('format', ['formatsass', 'stylelint']);
+
+       /**
         * grunt css task
         *
         * call "$ grunt css"
         *
         * this task does the following things:
-        * - less
+        * - sass
         * - postcss
         */
-       grunt.registerTask('css', ['less', 'postcss']);
+       grunt.registerTask('css', ['sass', 'postcss']);
 
        /**
         * grunt update task
@@ -417,10 +490,10 @@ module.exports = function(grunt) {
         * this task does the following things:
         * - execute update task
         * - execute copy task
-        * - compile less files
+        * - compile sass files
         * - uglify js files
         * - minifies svg files
         * - compiles TypeScript files
         */
-       grunt.registerTask('build', ['update', 'scripts', 'copy', 'css', 'uglify', 'svgmin']);
+       grunt.registerTask('build', ['update', 'scripts', 'copy', 'format', 'css', 'uglify', 'svgmin']);
 };
diff --git a/Build/Resources/Public/Less/Component/autocomplete.less b/Build/Resources/Public/Less/Component/autocomplete.less
deleted file mode 100644 (file)
index 82063fb..0000000
+++ /dev/null
@@ -1,54 +0,0 @@
-//
-// Autocomplete
-// ============
-//
-
-
-//
-// Variables
-//
-@autocomplete-border:                   #ddd;
-@autocomplete-border-radius:            2px;
-@autocomplete-results-bg:               #fff;
-@autocomplete-zindex:                   @zindex-dropdown;
-@autocomplete-suggestion-link-hover-bg: #fafafa;
-
-
-//
-// Component
-//
-.autocomplete {
-       position: relative;
-}
-.autocomplete-results {
-       z-index: @autocomplete-zindex;
-       position: absolute;
-       margin: 5px 0;
-       top: 100%;
-       left: 0;
-       border: 1px solid @autocomplete-border;
-       border-radius: @autocomplete-border-radius;
-       background-color: @autocomplete-results-bg;
-       overflow: hidden;
-       box-shadow: 0 1px 0 0 rgba(0,0,0,0.25);
-}
-
-.autocomplete-suggestion {
-       border-top: 1px solid @autocomplete-border;
-       &:first-child {
-               border-top: none;
-       }
-}
-.autocomplete-suggestion-link {
-       padding: 5px 13px 5px 28px;
-       display: block;
-       text-decoration: none;
-       .autocomplete-selected &,
-       &:hover {
-               background-color: @autocomplete-suggestion-link-hover-bg;
-               text-decoration: none;
-       }
-}
-.autocomplete-info {
-       padding: 5px 15px;
-}
diff --git a/Build/Resources/Public/Less/Component/avatar.less b/Build/Resources/Public/Less/Component/avatar.less
deleted file mode 100644 (file)
index 82254c0..0000000
+++ /dev/null
@@ -1,87 +0,0 @@
-//
-// Avatar
-// ======
-// Display user profile images
-//
-//
-// Empty Usage - Fallback image provided
-// -------------------------------------
-//
-// <span class="avatar">
-//   <span class="avatar-image"></span>
-// </span>
-//
-//
-// Normal Usage
-// ------------
-//
-// <span class="avatar">
-//   <span class="avatar-image">
-//     <img src="">
-//   </span>
-// </span>
-//
-//
-// Avatar with RecordIcon
-// ------------
-//
-// <span class="avatar">
-//   <span class="avatar-image">
-//     <img src="">
-//   </span>
-//   <span class="avatar-icon">
-//     <span class="t3-icon t3-icon-status t3-icon-status-user t3-icon-user-admin"></span>
-//   </span>
-// </span>
-//
-//
-
-
-//
-// Variables
-//
-@avatar-size:                32px;
-@avatar-border-radius:       50%;
-@avatar-dropdown-size:       28px;
-@avatar-dropdown-correction: ((@avatar-dropdown-size - @line-height-computed) / 2);
-
-
-//
-// Component
-//
-.avatar {
-       position: relative;
-       display: inline-block;
-       height: @avatar-size;
-       width: @avatar-size;
-       vertical-align: middle;
-}
-.avatar-image {
-       display: block;
-       height: @avatar-size;
-       width: @avatar-size;
-       overflow: hidden;
-       border-radius: @avatar-border-radius;
-       &:after {
-               display: block;
-               content: '';
-               position: absolute;
-               top: 0;
-               left: 0;
-               height: 100%;
-               width: 100%;
-               border-radius: @avatar-border-radius;
-               border: 1px solid rgba(255, 255, 255, 0.1);
-       }
-       > img {
-               width: 100% !important;
-               height: auto !important;
-       }
-}
-.avatar-icon {
-       position: absolute;
-       bottom: 0;
-       right: 0;
-       height: @avatar-size / 2;
-       width: @avatar-size / 2;
-}
diff --git a/Build/Resources/Public/Less/Component/callout.less b/Build/Resources/Public/Less/Component/callout.less
deleted file mode 100644 (file)
index e697f71..0000000
+++ /dev/null
@@ -1,143 +0,0 @@
-//
-// Callout
-// =======
-// Use to display static contextual messages.
-//
-//
-// Minimal Usage
-// -------------
-//
-// <div class="callout callout-info">
-//   <h4 class="callout-title">Web&gt;Page module</h4>
-//   <div class="callout-body">
-//        <p>Please click the page title in the page tree to the left to edit page content.</p>
-//   </div>
-// </div>
-//
-//
-// Advanded Usage
-// --------------
-//
-// <div class="callout callout-info">
-//   <div class="media">
-//     <div class="media-left">
-//       <span class="fa-stack fa-lg callout-icon">
-//         <i class="fa fa-circle fa-stack-2x"></i>
-//         <i class="fa fa-info fa-stack-1x"></i>
-//       </span>
-//     </div>
-//     <div class="media-body">
-//       <h4 class="callout-title">...</h4>
-//       <div class="callout-body">
-//         <p>..</p>
-//       </div>
-//     </div>
-//   </div>
-// </div>
-//
-
-
-//
-// Variables
-//
-@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;
-
-
-//
-// Component
-//
-.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;
-       }
-}
-
-
-//
-// 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/Component/colorpicker.less b/Build/Resources/Public/Less/Component/colorpicker.less
deleted file mode 100644 (file)
index 0aca3b0..0000000
+++ /dev/null
@@ -1,257 +0,0 @@
-//
-// Minicolors
-// ============
-// Optimized version of http://labs.abeautifulsite.net/jquery-minicolors/
-// for TYPO3 CMS colorpicker used in the backend.
-//
-
-
-//
-// Variables
-//
-@minicolors-swatch-height: 20px;
-@minicolors-swatch-width: 20px;
-@minicolors-swatch-border-radius: 1px;
-@minicolors-swatch-border: @input-border;
-@minicolors-panel-bg: #fff;
-@minicolors-panel-border: @input-border;
-@minicolors-panel-border-radius: @border-radius-base;
-
-//
-// Component
-//
-.minicolors {
-       position: relative;
-}
-
-.userTS .minicolors {
-       // fix for constantmanager
-       position: absolute;
-}
-
-// Fix for panel position in constant editor
-.userTS {
-       .minicolors-panel {
-               margin-top: 31px;
-       }
-       .minicolors-swatch {
-               z-index: 100000;
-  }
-}
-
-.minicolors-sprite {
-       background-image: url("@{path-sysext}/core/Resources/Public/Images/colorpicker/jquery.minicolors.png");
-}
-
-//
-// Swatch
-//
-.minicolors-swatch {
-       position: absolute;
-       vertical-align: middle;
-       background-position: -80px 0;
-       cursor: text;
-       padding: 0;
-       margin: 0;
-       display: inline-block;
-       top: 50%;
-       left: @padding-base-horizontal;
-       z-index: 2;
-       transform: translate(0,-50%);
-       width: @minicolors-swatch-width;
-       height: @minicolors-swatch-height;
-       border-radius: @minicolors-swatch-border-radius;
-}
-.minicolors-swatch-color {
-       position: absolute;
-       top: 0;
-       left: 0;
-       right: 0;
-       bottom: 0;
-       border-radius: inherit;
-}
-
-//
-// Input
-//
-.minicolors-input {
-       float: none;
-       padding-left: (@padding-base-horizontal * 2) + @minicolors-swatch-width;
-}
-
-//
-// Panel
-//
-.minicolors-panel {
-       margin-top: 1px;
-       overflow: hidden;
-       border-radius: @minicolors-panel-border-radius;
-       position: absolute;
-       width: 173px;
-       height: 152px;
-       background: @minicolors-panel-bg;
-       border: solid 1px @minicolors-panel-border;
-       box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-       z-index: 99999;
-       box-sizing: content-box;
-       display: none;
-}
-.minicolors-panel.minicolors-with-swatches {
-       height: 182px;
-}
-.minicolors-panel.minicolors-visible {
-       display: block;
-}
-
-//
-// Position
-//
-.minicolors-position-top .minicolors-panel {
-       top: -154px;
-}
-.minicolors-position-right .minicolors-panel {
-       right: 0;
-}
-.minicolors-position-bottom .minicolors-panel {
-       top: auto;
-}
-.minicolors-position-left .minicolors-panel {
-       left: 0;
-}
-.minicolors-with-opacity .minicolors-panel {
-       width: 194px;
-}
-
-//
-// Grid
-//
-.minicolors .minicolors-grid {
-       position: absolute;
-       top: 1px;
-       left: 1px;
-       width: 150px;
-       height: 150px;
-       background-position: -120px 0;
-       cursor: crosshair;
-}
-.minicolors .minicolors-grid-inner {
-       position: absolute;
-       top: 0;
-       left: 0;
-       width: 150px;
-       height: 150px;
-}
-
-//
-// Slider
-//
-.minicolors-slider-saturation .minicolors-grid {
-       background-position: -420px 0;
-}
-.minicolors-slider-saturation .minicolors-grid-inner {
-       background-position: -270px 0;
-       background-image: inherit;
-}
-.minicolors-slider-brightness .minicolors-grid {
-       background-position: -570px 0;
-}
-.minicolors-slider-brightness .minicolors-grid-inner {
-       background-color: black;
-}
-.minicolors-slider-wheel .minicolors-grid {
-       background-position: -720px 0;
-}
-.minicolors-slider,
-.minicolors-opacity-slider {
-       position: absolute;
-       top: 1px;
-       left: 152px;
-       width: 20px;
-       height: 150px;
-       background-color: white;
-       background-position: 0 0;
-       cursor: row-resize;
-}
-.minicolors-slider-saturation .minicolors-slider {
-       background-position: -60px 0;
-}
-.minicolors-slider-brightness .minicolors-slider {
-       background-position: -20px 0;
-}
-.minicolors-slider-wheel .minicolors-slider {
-       background-position: -20px 0;
-}
-.minicolors-opacity-slider {
-       left: 173px;
-       background-position: -40px 0;
-       display: none;
-}
-.minicolors-with-opacity .minicolors-opacity-slider {
-       display: block;
-}
-
-//
-// Picker
-//
-.minicolors-grid .minicolors-picker {
-       position: absolute;
-       top: 70px;
-       left: 70px;
-       width: 12px;
-       height: 12px;
-       border: solid 1px black;
-       border-radius: 10px;
-       margin-top: -6px;
-       margin-left: -6px;
-       background: none;
-}
-.minicolors-grid .minicolors-picker > div {
-       position: absolute;
-       top: 0;
-       left: 0;
-       width: 8px;
-       height: 8px;
-       border-radius: 8px;
-       border: solid 2px white;
-       box-sizing: content-box;
-}
-.minicolors-picker {
-       position: absolute;
-       top: 0;
-       left: 0;
-       width: 18px;
-       height: 2px;
-       background: white;
-       border: solid 1px black;
-       margin-top: -2px;
-       box-sizing: content-box;
-}
-
-//
-// Swatches
-//
-.minicolors-swatches,.minicolors-swatches li {
-       margin: 0;
-       padding: 0;
-       list-style: none;
-       overflow: hidden;
-       position: absolute;
-       top: 157px;
-       left: 5px;
-}
-.minicolors-swatches .minicolors-swatch {
-       position: relative;
-       float: left;
-       cursor: pointer;
-       margin:0 4px 0 0;
-       top: 0;
-       left: 0;
-       width: 20px;
-       height: 20px;
-}
-.minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
-       margin-right:7px;
-}
-.minicolors-swatch.selected {
-       border-color:#000;
-}
diff --git a/Build/Resources/Public/Less/Component/diff.less b/Build/Resources/Public/Less/Component/diff.less
deleted file mode 100644 (file)
index 4384be7..0000000
+++ /dev/null
@@ -1,79 +0,0 @@
-//
-// Diff
-// ====
-// Used for comparision of records
-//
-//
-// Example Usage
-// -------------
-//
-// <div class="diff">
-//   <div class="div-item">
-//     <div class="diff-title">
-//       ...
-//     </div>
-//     <div class="diff-result">
-//       ...
-//     </div>
-//   </div>
-// </div>
-//
-
-
-//
-// Variables
-//
-@diff-bgcolor:         #fff;
-@diff-border:          #ccc;
-@diff-color-remove:    #c80c05;
-@diff-color-add:       #44a512;
-@diff-padding:         10px;
-@diff-title-bgcolor:   #fafafa;
-
-
-//
-// Component
-//
-.diff {
-       background-color: @diff-bgcolor;
-       border: 1px solid @diff-border;
-       display: table;
-}
-.diff-item {
-       display: table-row;
-       + .diff-item {
-               border-top: 1px solid @diff-border;
-       }
-}
-.diff-item-title,
-.diff-item-result {
-       padding: @diff-padding;
-       display: table-cell;
-}
-.diff-item-title {
-       background-color: @diff-title-bgcolor;
-       padding-right: 10px;
-       font-style: italic;
-       white-space: nowrap;
-}
-.diff-item-result {
-       font-family: @font-family-monospace;
-       width: 100%;
-       white-space: pre;
-       word-break: break-all;
-       word-wrap: break-word;
-       del {
-               color: @diff-color-remove;
-               background-color: lighten(@diff-color-remove, 58%);
-               text-decoration: none;
-       }
-       ins {
-               color: @diff-color-add;
-               background-color: lighten(@diff-color-add, 58%);
-               text-decoration: none;
-       }
-
-       &.diff-item-result-inline {
-               white-space: normal;
-       }
-}
diff --git a/Build/Resources/Public/Less/Component/dropdown.less b/Build/Resources/Public/Less/Component/dropdown.less
deleted file mode 100644 (file)
index 843c4a4..0000000
+++ /dev/null
@@ -1,129 +0,0 @@
-//
-// Dropdowns
-//
-.dropdown-menu {
-       line-height: 1.45em;
-       border: 0;
-       margin: 0;
-       border-radius: 0;
-       color: @dropdown-color;
-       a {
-               color: inherit;
-               display: block;
-               &:focus,
-               &:hover {
-                       color: inherit;
-                       text-decoration: none;
-               }
-       }
-       hr {
-               border-top: 1px solid rgba(0,0,0,0.25);
-               margin: 1.25em -15px;
-       }
-       > *:last-child {
-               margin-bottom: 0;
-       }
-       .form-group {
-               margin-bottom: 0.75em;
-       }
-       .form-control {
-               border-color: #aaaaaa;
-               color: inherit;
-               border-radius: 0;
-               background-color: #333333;
-               &:focus {
-                       box-shadow: none;
-                       border-color: #bbbbbb;
-               }
-       }
-       .btn  {
-               border: none;
-               border-radius: 0;
-               padding: 6px 10px;
-       }
-}
-.dropdown-headline {
-       font-size: 1.15em;
-       margin-top: 0;
-       margin-bottom: 0.5em;
-}
-.dropdown-text {
-       a {
-               display: inline-block;
-       }
-}
-div.dropdown-menu {
-       padding: 1.5em;
-}
-.dropdown-list {
-       .list-unstyled();
-       > li {
-               &:extend(.clearfix all);
-               position: relative;
-       }
-       > li + li {
-               margin-top: 0.5em;
-       }
-}
-.dropdown-list-link {
-       display: block;
-       text-decoration: none;
-       &:hover,
-       &:focus {
-               text-decoration: none;
-       }
-}
-
-//
-// Dropdown Table
-//
-.dropdown-table {
-       display: table;
-       width: 100%;
-}
-.dropdown-table-row {
-       display: table-row;
-}
-.dropdown-table-column {
-       display: table-cell;
-       padding-top: 0.25em;
-       padding-bottom: 0.25em;
-       vertical-align: middle;
-}
-.dropdown-table-column-top {
-       vertical-align: top;
-}
-.dropdown-table-icon {
-       width: 16px;
-       padding-right: 0.5em;
-}
-.dropdown-table-title {
-       white-space: nowrap;
-       padding-right: 1.5em;
-}
-.dropdown-table-title-ellipsis {
-       max-width: 230px;
-       overflow: hidden;
-       display: block;
-       white-space: nowrap;
-       text-overflow: ellipsis;
-}
-.dropdown-table-actions {
-       white-space: nowrap;
-       text-align: right;
-}
-.dropdown-table-actions-btn {
-       text-align: center;
-       display: inline-block!important;
-       margin-top: -4px;
-       margin-bottom: -4px;
-       padding: 4px;
-       vertical-align: middle;
-}
-.dropdown-table-actions-btn-close:hover,
-.dropdown-table-actions-btn-edit:hover {
-       background-color: @brand-notice;
-}
-.dropdown-table-actions-btn-delete:hover {
-       background-color: @brand-danger;
-}
diff --git a/Build/Resources/Public/Less/Component/icon.less b/Build/Resources/Public/Less/Component/icon.less
deleted file mode 100644 (file)
index dab6163..0000000
+++ /dev/null
@@ -1,171 +0,0 @@
-//
-// Icon
-// ====
-// General CSS for Icons
-//
-//
-// Example Usage
-// -------------
-//
-// <span class="icon icon-size-large icon-provider-svg">
-//   <span class="icon-markup">
-//     <img src="#" width="16" height="16">
-//   </span>
-//   <span class="icon-overlay">
-//     <img src="#" width="8" height="8">
-//   </span>
-// </span>
-//
-
-
-//
-// Variables
-//
-@icon-size-small:        16px;
-@icon-size-default:      32px;
-@icon-size-large:        48px;
-@icon-unify-modifier:    0.86;
-@icon-opacity-disabled:  0.5;
-
-//
-// Component
-//
-.icon {
-       position: relative;
-       display: inline-block;
-       overflow: hidden;
-       white-space: nowrap;
-       vertical-align: -22%;
-       svg,
-       img {
-               display: block;
-               height: 100%;
-               width: 100%;
-               .translate3d(0,0,0);
-       }
-       * {
-               display: block;
-               line-height: inherit;
-       }
-}
-.icon-markup {
-       position: absolute;
-       display: block;
-       text-align: center;
-       top: 0;
-       left: 0;
-       right: 0;
-       bottom: 0;
-}
-.icon-overlay {
-       position: absolute;
-       bottom: 0;
-       right: 0;
-       height: 68.75%;
-       width: 68.75%;
-       text-align: center;
-}
-.icon-color {
-       fill: currentColor;
-}
-
-//
-// Icon Animation
-//
-.icon-spin {
-       .icon-markup {
-               -webkit-animation: icon-spin 2s infinite linear;
-               animation: icon-spin 2s infinite linear;
-       }
-}
-@-webkit-keyframes icon-spin {
-       0% {
-               -webkit-transform: rotate(0deg);
-               transform: rotate(0deg);
-       }
-       100% {
-               -webkit-transform: rotate(359deg);
-               transform: rotate(359deg);
-       }
-}
-@keyframes icon-spin {
-       0% {
-               -webkit-transform: rotate(0deg);
-               transform: rotate(0deg);
-       }
-       100% {
-               -webkit-transform: rotate(359deg);
-               transform: rotate(359deg);
-       }
-}
-
-//
-// States
-//
-.icon-state-disabled {
-       .icon-markup {
-               opacity: @icon-opacity-disabled;
-       }
-}
-
-//
-// Variants
-//
-.icon-size(@identifier; @size) {
-       .icon-size-@{identifier} {
-               height: @size;
-               width: @size;
-               line-height: @size;
-               .icon-unify {
-                       line-height: @size;
-                       font-size: ceil(@size * @icon-unify-modifier);
-               }
-               .icon-overlay {
-                       .icon-unify {
-                               line-height: ceil(@size / 1.6);
-                               font-size: ceil(ceil(@size / 1.6) * @icon-unify-modifier);
-                       }
-               }
-       }
-}
-.icon-size(small; @icon-size-small);
-.icon-size(default; @icon-size-default);
-.icon-size(large; @icon-size-large);
-
-//
-// Special icons
-//
-.icon-actions-edit-copy-release,
-.icon-actions-edit-cut-release,
-.icon-status-status-current,
-.icon-status-dialog-error,
-.icon-status-status-permission-denied {
-       color: @brand-danger;
-}
-
-.icon-status-status-sorting-light-asc,
-.icon-status-status-sorting-light-desc {
-       color: #fff;
-}
-
-.icon-status-status-sorting-asc,
-.icon-status-status-sorting-desc {
-       color: @gray;
-}
-
-.icon-status-dialog-information {
-       color: @brand-info;
-}
-
-.icon-status-dialog-ok,
-.icon-status-status-permission-granted {
-       color: @brand-success;
-}
-
-.icon-status-dialog-notification {
-       color: @brand-notice;
-}
-
-.icon-status-dialog-warning {
-       color: @brand-warning;
-}
diff --git a/Build/Resources/Public/Less/Component/module.less b/Build/Resources/Public/Less/Component/module.less
deleted file mode 100644 (file)
index fc9b1f0..0000000
+++ /dev/null
@@ -1,161 +0,0 @@
-//
-// ModuleTemplate
-// ======
-// General component for backend modules.
-//
-
-
-//
-// Variables
-//
-@module-bg: #fff;
-
-@module-docheader-bg: #eee;
-@module-docheader-border: #c3c3c3;
-@module-docheader-zindex: 300;
-@module-docheader-height: 65px;
-@module-docheader-padding-vertical: 0;
-@module-docheader-padding-horizontal: 24px;
-@module-docheader-padding: @module-docheader-padding-vertical @module-docheader-padding-horizontal;
-
-@module-docheader-bar-height: 26px;
-@module-docheader-bar-margin-vertical: 4px;
-@module-docheader-bar-margin-horizontal: 0;
-@module-docheader-bar-margin: @module-docheader-bar-margin-vertical @module-docheader-bar-margin-horizontal;
-
-@module-body-padding-vertical: 24px;
-@module-body-padding-horizontal: 24px;
-@module-body-padding: @module-body-padding-vertical @module-body-padding-horizontal;
-
-
-//
-// Template
-//
-.module {
-       height: 100%;
-       width: 100%;
-       background-color: @module-bg;
-}
-
-//
-// Loading indicator
-//
-.module-loading-indicator {
-       min-height: 5px;
-       width: 100%;
-       z-index: 999999;
-
-       &.nprogress-custom-parent {
-               position: fixed;
-               top: 0;
-       }
-}
-
-//
-// Docheader
-//
-.module-docheader {
-       &:extend(.clearfix all);
-       position: fixed;
-       width: 100%;
-       top: 0;
-       left: 0;
-       min-height: @module-docheader-height;
-       z-index: @module-docheader-zindex;
-       background-color: @module-docheader-bg;
-       border-bottom: 1px solid @module-docheader-border;
-       padding: @module-docheader-padding;
-       .transition(margin-top 0.3s ease-in-out);
-       .module-docheader-bar {
-               &:extend(.clearfix all);
-               min-height: @module-docheader-bar-height;
-               margin: @module-docheader-bar-margin;
-               line-height: @module-docheader-bar-height;
-
-               &.row {
-                       margin-left: -15px;
-                       margin-right: -15px;
-               }
-
-               label {
-                       margin-top: 0;
-                       margin-bottom: 0;
-               }
-               .form-group {
-                       vertical-align: top;
-                       margin: 0;
-                       display: inline-block;
-                       .form-control {
-                               vertical-align: top;
-                       }
-               }
-               .form-inline-spaced {
-                       margin: 0;
-               }
-               .panel {
-                       background-color: transparent;
-                       margin: 0;
-                       border-left: none;
-                       border-right: none;
-                       border-bottom: none;
-                       border-radius: 0;
-                       margin-left: -@module-docheader-padding-horizontal;
-                       margin-right: -@module-docheader-padding-horizontal;
-                       background-color: #fafafa;
-                       box-shadow: none;
-                       .panel-body {
-                               padding: ceil(@module-docheader-padding-horizontal / 3) @module-docheader-padding-horizontal;
-                       }
-               }
-
-               @media (max-width: @screen-sm) {
-                       .text-right {
-                               text-align: left;
-                       }
-               }
-       }
-       .module-docheader-bar-search  {
-               margin-bottom: 0;
-       }
-       .module-docheader-bar-column-left {
-               float: left;
-       }
-       .module-docheader-bar-column-right {
-               float: right;
-       }
-}
-
-.module-docheader-bar-navigation {
-       .module-docheader-bar-column-left {
-               white-space: nowrap;
-
-               @media (max-width: @screen-sm) {
-                       white-space: normal;
-               }
-       }
-       .form-group select {
-               width: 100%;
-       }
-}
-
-
-//
-// Body
-//
-.module-body {
-       padding: @module-body-padding;
-       > .callout:first-child {
-               margin-top: 0;
-       }
-       > .container {
-               padding-left: 0;
-               padding-right: 0;
-       }
-       .container-small {
-               max-width: 768px;
-               margin: 0 auto;
-       }
-}
-.module-docheader + .module-body {
-       padding-top: @module-docheader-height + @module-body-padding-vertical;
-}
diff --git a/Build/Resources/Public/Less/Component/panel.less b/Build/Resources/Public/Less/Component/panel.less
deleted file mode 100644 (file)
index 3e4f340..0000000
+++ /dev/null
@@ -1,123 +0,0 @@
-//
-// Panel
-// ======
-// Additions and enhancements of the bootstrap panel component. This file
-// needs to be included directly after the bootstrap panel definitions.
-//
-//
-// Normal Usage
-// ------------
-//
-// <div class="panel panel-default">
-//   <div class="panel-heading">
-//     <div class="panel-heading-right">
-//       <a href="#panelContentId" class="panel-heading-collapse" role="button" data-toggle="collapse" aria-expanded="true">
-//         <span class="t3js-icon icon icon-size-small icon-state-default icon-actions-view-list-collapse" data-identifier="actions-view-list-collapse">
-//           ... IconAPI ...
-//         </span>
-//       </a>
-//     </div>
-//     <div class="panel-heading-left">
-//       <a href="#" class="panel-title">
-//         ... Title ...
-//       </a>
-//     </div>
-//   </div>
-//   <div id="panelContentId" class="panel-collapse collapse in" aria-expanded="true">
-//     <div class="panel-body">
-//       ... Content ...
-//     </div>
-//   </div>
-// </div>
-//
-//
-
-
-//
-// Variables
-//
-@panel-active-text:          #fff;
-@panel-active-border:        #444;
-@panel-active-heading-bg:    #666;
-
-//
-// Panel
-//
-.panel {
-       display: block;
-       &:hover,
-       &:focus {
-               text-decoration: none;
-       }
-}
-
-//
-// Heading
-//
-.panel-heading {
-       &:extend(.clearfix all);
-       a,
-       a:hover,
-       a:focus
-       a:active {
-               text-decoration: none;
-               color: inherit;
-       }
-}
-.panel-heading-left {
-       float: left;
-}
-.panel-heading-right {
-       float: right;
-}
-
-//
-// Title
-//
-.panel-title {
-       font-size: @font-size-base;
-}
-.panel-title-icon,
-.panel-title-name {
-       display: inline-block;
-       vertical-align: middle;
-}
-
-//
-// Body
-//
-.panel-body {
-       > *:first-child {
-               margin-top: 0;
-       }
-       > *:last-child {
-               margin-bottom: 0;
-       }
-}
-// @TODO workaround to make links visible
-.panel-body-highlightlinks {
-       > p > a {
-               text-decoration: underline;
-       }
-}
-
-//
-// Table
-//
-.panel-table {
-       th:first-child,
-       td:first-child {
-               padding-left: @panel-body-padding;
-       }
-       th:last-child,
-       td:last-child {
-               padding-right: @panel-body-padding;
-       }
-}
-
-//
-// Additional Variations
-//
-.panel-active {
-       .panel-variant(@panel-active-border; @panel-active-text; @panel-active-heading-bg; @panel-active-border);
-}
diff --git a/Build/Resources/Public/Less/Component/svgTree.less b/Build/Resources/Public/Less/Component/svgTree.less
deleted file mode 100644 (file)
index 774efa7..0000000
+++ /dev/null
@@ -1,16 +0,0 @@
-.svg-tree-wrapper {
-  overflow-y: scroll;
-
-  path.link {
-    fill: none;
-    shape-rendering: crispEdges;
-    stroke: #ddd;
-    stroke-width: 1;
-  }
-
-  .node {
-    .chevron, text, .tree-check {
-      cursor: pointer;
-    }
-  }
-}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/Configuration/Variables/_colors.less b/Build/Resources/Public/Less/Configuration/Variables/_colors.less
deleted file mode 100644 (file)
index 9a1d2e3..0000000
+++ /dev/null
@@ -1,45 +0,0 @@
-//
-// LESS Variables for Colors
-// -------------------------
-// Description: Styles for t3editor text area.
-// Requires:    -
-// Usage:       Include this file in your standalone LESS file like:
-//              [ @import '../Less/Configuration/Variables/_colors.less'; ]
-//
-
-
-// TYPO3 corporate design
-@color-t3-primary:                  #FF8700;
-@color-t3-gray-superlight:          #f4f4f4;
-@color-t3-gray-light:               #b9b9b9;
-@color-t3-gray:                     #8c8c8c;
-@color-t3-gray-dark:                #515151;
-@color-t3-green:                    #5abc55;
-@color-t3-yellow:                   #ffc800;
-@color-t3-red:                      #dd123d;
-@color-t3-blue:                     #0080ff;
-
-
-// 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:                      #333333;
-
-
-// Fonts
-@text-color:                        #000000;
-
-
-// Custom
-@color-white:                       #ffffff;
-@color-yellow-light:                #ffc857;
-@color-green-dark:                  darkgreen;
-@color-red-dark:                    maroon;
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/Mixins/clearfix.less b/Build/Resources/Public/Less/Mixins/clearfix.less
deleted file mode 100644 (file)
index 24ba10d..0000000
+++ /dev/null
@@ -1,10 +0,0 @@
-//
-// Clearfix
-//
-.clearfix() {
-       &:after {
-               content: "";
-               display: table;
-               clear: both;
-       }
-}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/Scaffold/_modulemenu.less b/Build/Resources/Public/Less/Scaffold/_modulemenu.less
deleted file mode 100644 (file)
index 3953cee..0000000
+++ /dev/null
@@ -1,103 +0,0 @@
-//
-// Module menu
-//
-
-// Module links
-@modulemenu-item-padding-vertical: 2px;
-@modulemenu-item-padding-horizontal: 4px;
-
-// Module menu wrapper
-.module-wrapper {
-       position: relative;
-       iframe {
-               border: none;
-       }
-}
-
-// Module menu styling
-.modulemenu {
-
-       /// Module menu group
-       .modulemenu-group-container {
-               clear: both;
-               &:extend(.list-unstyled all);
-       }
-       .modulemenu-group {
-               position: relative;
-               padding: 5px 0;
-               border-bottom: 1px solid rgba(0,0,0,0.2);
-       }
-       .modulemenu-group-header,
-       .modulemenu-item-link {
-               &:extend(.clearfix all);
-               position: relative;
-               display: block;
-               cursor: pointer;
-               padding: @modulemenu-item-padding-vertical @modulemenu-item-padding-horizontal;
-               text-decoration: none;
-       }
-       .modulemenu-group-header {
-               user-select: none;
-               text-transform: uppercase;
-       }
-       .modulemenu-item-link {
-               &:focus,
-               &:hover {
-                       outline: none;
-                       background-color: rgba(0,0,0,0.1);
-               }
-       }
-       .modulemenu-item.active {
-               .modulemenu-item-link {
-                       background-color: rgba(0,0,0,0.15);
-               }
-       }
-
-       // Module menu icons
-       .modulemenu-icon {
-               float: left;
-               margin-right: @modulemenu-item-padding-horizontal;
-               .fa {
-                       font-size: 0.5em;
-               }
-       }
-
-       // Module menu group and item titles
-       .modulemenu-group-title,
-       .modulemenu-item-title {
-               white-space: nowrap;
-               text-overflow: ellipsis;
-               padding-top: 7px;
-               padding-left: @modulemenu-item-padding-horizontal;
-               display: none;
-               overflow: hidden;
-               *zoom: 1;
-       }
-       .modulemenu-group-title {
-               padding-right: 20px;
-               .caret {
-                       .rotate(90deg);
-                       position: absolute;
-                       top: 17px;
-                       right: 18px;
-               }
-       }
-
-       // Module Group Expanded
-       .expanded {
-               .modulemenu-group-title {
-                       .caret {
-                               .rotate(0deg);
-                       }
-               }
-       }
-}
-
-
-// Module menu snapped
-.scaffold-modulemenu-expanded {
-       .modulemenu-group-title,
-       .modulemenu-item-title {
-               display: block;
-       }
-}
diff --git a/Build/Resources/Public/Less/Scaffold/_toolbar.less b/Build/Resources/Public/Less/Scaffold/_toolbar.less
deleted file mode 100644 (file)
index 66e510e..0000000
+++ /dev/null
@@ -1,236 +0,0 @@
-//
-// Toolbar
-//
-@toolbar-item-padding-vertical: 9px;
-@toolbar-item-padding-horizontal: 10px;
-
-@toolbar-color: #ddd;
-@toolbar-height: 45px;
-@toolbar-zindex: @zindex-navbar;
-@toolbar-bg: @navbar-inverse-bg;
-
-@toolbar-navigation-color: @toolbar-color;
-@toolbar-navigation-bg: #2f2f2f;
-@toolbar-navigation-border-color: #111;
-
-@toolbar-dropdown-padding: 16px;
-@toolbar-dropdown-color: @toolbar-navigation-color;
-@toolbar-dropdown-bg: @toolbar-navigation-bg;
-
-@toolbar-dropdown-link-bg: @toolbar-navigation-bg;
-@toolbar-dropdown-link-color: #ddd;
-@toolbar-dropdown-link-hover-bg: #333;
-@toolbar-dropdown-link-hover-color: #fff;
-@toolbar-dropdown-link-active-bg: lighten(@toolbar-dropdown-bg, 15%);
-@toolbar-dropdown-link-active-color: #fff;
-
-@toolbar-navigation-search-bg: @toolbar-navigation-bg;
-@toolbar-navigation-search-hover-bg: @toolbar-dropdown-link-hover-bg;
-@toolbar-navigation-search-focus-bg: @toolbar-dropdown-link-active-bg;
-
-
-.toolbar {
-       padding: 8px;
-       @media (min-width: @scaffold-breakpoint) {
-               padding: 0;
-               background-color: @scaffold-topbar-bg;
-       }
-       &:after {
-               clear: both;
-               display: table;
-               content: '';
-       }
-}
-
-.toolbar-list {
-       list-style: none;
-       padding: 0;
-       margin: 0;
-       &:after {
-               clear: both;
-               display: table;
-               content: '';
-       }
-
-       li:last-child {
-               @media (min-width: @scaffold-breakpoint) {
-                       width: 300px;
-               }
-
-       }
-}
-
-// Toolbar Item
-.toolbar-item {
-       padding: 4px;
-       position: relative;
-       display: block;
-       float: left;
-       width: 100%;
-       @media (min-width: 600px) {
-               width: 50%;
-       }
-       @media (min-width: 750px) {
-               width: 33.33%;
-       }
-       @media (min-width: @scaffold-breakpoint) {
-               padding: 0;
-               width: auto;
-               margin-left: 1px;
-       }
-}
-
-// Dropdown Menu
-.toolbar-item {
-       .dropdown-menu {
-               width: 350px;
-
-               .text-muted {
-                       color: lighten(@text-muted, 10%);
-               }
-               a:hover,
-               a:focus {
-                       .text-muted {
-                               color: lighten(@text-muted, 20%);
-                       }
-               }
-       }
-       @media (max-width: @scaffold-breakpoint-max) {
-               .dropdown-menu {
-                       overflow: auto;
-                       padding: @grid-gutter-width / 2;
-                       position: fixed;
-                       max-height: 90%;
-                       max-width: 90%;
-                       top: 50%;
-                       left: 50%;
-                       transform: translate(-50%, -50%);
-               }
-               .dropdown-backdrop {
-                       background: rgba(0,0,0,0.65);
-               }
-       }
-
-}
-
-// Toolbar Item
-.toolbar-item-avatar {
-       width: 32px;
-       display: inline-block;
-       .avatar {
-               position: absolute;
-               top: 50%;
-               left: 10px;
-               transform: translate(0,-50%);
-       }
-}
-.toolbar-item-badge {
-       position: absolute;
-       bottom: 4px;
-       right: 4px;
-       padding: 3px 4px;
-       border-radius: 0;
-       font-size: 10px;
-       font-weight: normal;
-       min-width: 16px;
-
-}
-
-// Toolbar Item Link
-.toolbar-item-link {
-       white-space: nowrap;
-       overflow: hidden;
-       text-overflow: ellipsis;
-       border: 1px solid rgba(0,0,0,0.5);
-       position: relative;
-       display: block;
-       text-decoration: none;
-       padding: @toolbar-item-padding-vertical @toolbar-item-padding-horizontal;
-       height: @toolbar-height;
-       line-height: @toolbar-height - (@toolbar-item-padding-vertical * 2);
-       &:hover,
-       &:focus {
-               text-decoration: none;
-       }
-       @media (min-width: @scaffold-breakpoint) {
-               border: none;
-       }
-}
-.open {
-       .toolbar-item-link {
-               background-color: #424242;
-       }
-}
-@media (min-width: @scaffold-breakpoint) {
-       .toolbar-item-title {
-               display: none;
-       }
-}
-
-// Search
-.toolbar-item-search {
-       form {
-               padding: 0;
-               margin: 0;
-       }
-       .toolbar-item-link {
-               padding: 0;
-               margin: 0;
-               height: 0;
-       }
-       .form-group {
-               margin: 0;
-       }
-       .close {
-               color: #ffffff;
-               text-shadow: none;
-               opacity: 1;
-       }
-       .dropdown-menu {
-               @media (max-width: @scaffold-breakpoint-max) {
-                       top: 114px;
-                       left: 14px;
-                       right: 14px;
-                       width: auto;
-                       max-width: none;
-                       max-height: none;
-                       transform: none;
-                       bottom: 14px;
-               }
-               @media (min-width: @scaffold-breakpoint) {
-                       left: auto;
-                       right: 0;
-               }
-       }
-       .autocomplete-suggestions {
-               position: static!important;
-       }
-       .autocomplete-suggestion {
-               border: none;
-       }
-       &.open {
-               .toolbar-item-search-form {
-                       position: relative;
-                       z-index: 991;
-               }
-       }
-}
-.toolbar-item-search-field {
-       color: inherit;
-       background-color: @toolbar-navigation-search-bg;
-       margin: 0;
-       border-radius: 0;
-       border: 1px solid rgba(0,0,0,0.5);
-       @media (min-width: @scaffold-breakpoint) {
-               border: none;
-       }
-       height: @toolbar-height;
-       box-shadow: none;
-       &:hover {
-               background-color: @toolbar-navigation-search-hover-bg;
-       }
-       &:focus {
-               box-shadow: none;
-               background-color: @toolbar-navigation-search-focus-bg;
-       }
-}
diff --git a/Build/Resources/Public/Less/Scaffold/_topbar.less b/Build/Resources/Public/Less/Scaffold/_topbar.less
deleted file mode 100644 (file)
index 4f8cfb3..0000000
+++ /dev/null
@@ -1,186 +0,0 @@
-//
-// Topbar
-// ======
-//
-
-//
-// Variables
-//
-@topbar-bg: @scaffold-topbar-bg;
-@topbar-color: @scaffold-topbar-color;
-@topbar-height: @scaffold-topbar-height;
-@topbar-zindex: @scaffold-topbar-zindex;
-
-@topbar-workspace-bg: #6d860d;
-
-@topbar-toolbar-bg: @scaffold-topbar-toolbar-bg;
-@topbar-toolbar-color: @scaffold-topbar-toolbar-color;
-
-@topbar-button-bg: @topbar-toolbar-bg;
-@topbar-button-hover-bg: lighten(@topbar-button-bg, 3%);
-@topbar-button-active-bg: @scaffold-modulemenu-bg;
-@topbar-button-width: 40px;
-
-@toolbar-item-padding-vertical: 9px;
-@toolbar-item-padding-horizontal: 15px;
-
-
-//
-// Component
-//
-.topbar {
-       background-color: inherit;
-       position: relative;
-       height: @topbar-height;
-       a {
-               color: inherit;
-               text-decoration: none;
-       }
-}
-
-
-//
-// Buttons
-//
-.topbar-button {
-       position: absolute;
-       top: 0;
-       display: inline-block;
-       border: 0;
-       background-color: @topbar-button-bg;
-       height: @topbar-height;
-       width: @topbar-button-width;
-       &:hover {
-               background-color: @topbar-button-hover-bg;
-       }
-       &.topbar-button-modulemenu {
-               left: 0;
-               @media (min-width: @scaffold-breakpoint) {
-                       background-color: @topbar-button-active-bg;
-               }
-       }
-       &.topbar-button-navigationcomponent {
-               left: @topbar-button-width;
-       }
-       &.topbar-button-toolbar {
-               right: @topbar-button-width;
-       }
-       &.topbar-button-search {
-               right: 0;
-       }
-}
-.scaffold-modulemenu-expanded {
-       .topbar-button.topbar-button-modulemenu {
-               background-color: @topbar-button-active-bg;
-       }
-}
-.scaffold-content-navigation-expanded {
-       .topbar-button-navigationcomponent {
-               background-color: @topbar-button-active-bg;
-       }
-}
-.scaffold-toolbar-expanded {
-       @media (max-width: @scaffold-breakpoint-max) {
-               .toolbar-item-search {
-                       display: none;
-               }
-       }
-       .topbar-button-toolbar {
-               background-color: @topbar-button-active-bg;
-       }
-}
-.scaffold-search-expanded {
-       @media (max-width: @scaffold-breakpoint-max) {
-               .toolbar-item {
-                       display: none;
-               }
-               .toolbar-item-search {
-                       display: block;
-                       width: 100%;
-               }
-       }
-       .topbar-button-search {
-               background-color: @topbar-button-active-bg;
-       }
-}
-
-
-.topbar-button-toolbar,
-.topbar-button-search {
-       display: block;
-}
-@media (min-width: @scaffold-breakpoint) {
-       .topbar-button-toolbar,
-       .topbar-button-search {
-               display: none;
-       }
-}
-
-
-
-//
-// Header
-//
-.topbar-header {
-       padding-left: @topbar-button-width * 2;
-       @media (max-width: @scaffold-breakpoint-max) {
-               padding-right: (@topbar-button-width * 2)!important;
-       }
-}
-.topbar-header-site {
-       overflow: hidden;
-       position: relative;
-       max-width: 100%;
-       height: @topbar-height;
-       line-height: @topbar-height;
-       padding-left: 1em;
-       padding-right: 1em;
-       white-space: nowrap;
-       &:before,
-       &:after {
-               display: block;
-               content: '';
-               position: absolute;
-               top: 0;
-               bottom: 0;
-               width: 1em;
-       }
-       &:before {
-               right: 0;
-               background: @topbar-bg;
-       }
-       &:after {
-               right: 1em;
-               background: linear-gradient(to right, fade(@topbar-bg, 0%) 0%, fade(@topbar-bg, 100%) 100%);
-       }
-}
-.typo3-in-workspace {
-       .topbar-header-site {
-               background-color: @topbar-workspace-bg;
-               &:before {
-                       background: @topbar-workspace-bg;
-               }
-               &:after {
-                       background: linear-gradient(to right, fade(@topbar-workspace-bg, 0%) 0%, fade(@topbar-workspace-bg, 100%) 100%);
-               }
-       }
-}
-.topbar-header-site-logo {
-       height: @topbar-height;
-       display: none;
-       padding-right: 0.5em;
-       @media (min-width: 320px) {
-               display: inline-block;
-       }
-}
-.topbar-header-site-title {
-       line-height: 1.2em;
-       display: inline-block;
-       vertical-align: middle;
-}
-.topbar-header-site-name {
-       display: block;
-}
-.topbar-header-site-version {
-       opacity: 0.5;
-}
diff --git a/Build/Resources/Public/Less/Scaffold/scaffold.less b/Build/Resources/Public/Less/Scaffold/scaffold.less
deleted file mode 100644 (file)
index 529b7cf..0000000
+++ /dev/null
@@ -1,278 +0,0 @@
-//
-// Scaffold
-// ========
-//
-
-
-//
-// Variables
-//
-@scaffold-breakpoint-max: (@screen-md - 1);
-@scaffold-breakpoint: @screen-md;
-
-@scaffold-overlay-bg: rgba(0,0,0,0.65);
-@scaffold-overlay-zindex: @zindex-modal-background;
-
-@scaffold-bg: #f5f5f5;
-@scaffold-color: #333333;
-@scaffold-secondary-bg: #1f1f1e;
-@scaffold-secondary-color: #f5f5f5;
-
-@scaffold-topbar-bg: @scaffold-secondary-bg;
-@scaffold-topbar-color: @scaffold-secondary-color;
-@scaffold-topbar-height: 45px;
-@scaffold-topbar-zindex: @zindex-navbar;
-
-@scaffold-topbar-toolbar-bg: @scaffold-secondary-bg;
-@scaffold-topbar-toolbar-color: @scaffold-secondary-color;
-
-@scaffold-modulemenu-bg: lighten(@scaffold-secondary-bg,5);
-@scaffold-modulemenu-color: @scaffold-secondary-color;
-@scaffold-modulemenu-snapped-width: 40px;
-@scaffold-modulemenu-expanded-width: 230px;
-@scaffold-modulemenu-zindex: @zindex-navbar;
-
-@scaffold-toolbar-bg: lighten(@scaffold-secondary-bg,5);
-@scaffold-toolbar-color: @scaffold-secondary-color;
-@scaffold-toolbar-zindex: @zindex-navbar;
-
-@scaffold-content-navigation-width: 300px;
-
-@scaffold-content-toggle-bg: lighten(@scaffold-secondary-bg,10);
-@scaffold-content-toggle-color: @scaffold-secondary-color;
-
-
-//
-// Prevent Browser Rebounce
-//
-html {
-       height: 100%;
-       overflow: hidden;
-}
-body {
-       height: 100%;
-       overflow: auto;
-}
-
-
-//
-// Component
-//
-.scaffold {
-       background-color: @scaffold-bg;
-       color: @scaffold-color;
-       position: relative;
-       padding-top: @scaffold-topbar-height;
-       height: 100vh;
-}
-
-
-//
-// Topbar
-//
-.scaffold-topbar {
-       background-color: @scaffold-topbar-bg;
-       color: @scaffold-topbar-color;
-       height: @scaffold-topbar-height;
-       position: absolute;
-       top: 0;
-       right: 0;
-       left: 0;
-}
-
-
-//
-// ModuleMenu
-//
-.scaffold-modulemenu {
-       background-color: @scaffold-modulemenu-bg;
-       color: @scaffold-modulemenu-color;
-       position: fixed;
-       top: @scaffold-topbar-height;
-       left: 0;
-       bottom: 0;
-       width: @scaffold-modulemenu-snapped-width;
-       max-width: 100%;
-       z-index: @scaffold-modulemenu-zindex;
-       overflow: hidden;
-       a {
-               color: fade(@scaffold-modulemenu-color, 70%);
-               &:hover {
-                       color: @scaffold-modulemenu-color;
-               }
-       }
-       .active > a {
-               color: @scaffold-modulemenu-color;
-       }
-}
-
-
-//
-// Toolbar
-//
-.scaffold-toolbar {
-       overflow: auto;
-       background-color: @scaffold-toolbar-bg;
-       color: @scaffold-toolbar-color;
-       z-index: @scaffold-toolbar-zindex;
-       position: fixed;
-       top: @scaffold-topbar-height;
-       left: 0;
-       right: 0;
-       bottom: 0;
-       display: none;
-       .dropdown-menu a,
-       a {
-               color: fade(@scaffold-toolbar-color, 70%);
-               &:focus,
-               &:hover {
-                       color: @scaffold-toolbar-color;
-               }
-       }
-       .active > a {
-               color: @scaffold-toolbar-color;
-       }
-       @media (min-width: @scaffold-breakpoint) {
-               overflow: visible;
-               background-color: transparent;
-               height: @scaffold-topbar-height;
-               top: 0;
-               left: auto;
-               bottom: auto;
-               display: block;
-       }
-}
-.scaffold-toolbar-expanded,
-.scaffold-search-expanded {
-        .scaffold-toolbar {
-               @media (max-width: @scaffold-breakpoint-max) {
-                       display: block;
-               }
-        }
-}
-
-
-//
-// Content
-//
-.scaffold-content {
-       position: fixed!important;
-       top: @scaffold-topbar-height;
-       left: 0;
-       right: 0;
-       bottom: 0;
-       @media (max-width: @scaffold-breakpoint-max) {
-               left: 0!important;
-       }
-}
-.scaffold-content-navigation-iframe,
-.scaffold-content-module-iframe {
-       display: block;
-       border: none;
-       height: 100%;
-       width: 100%;
-}
-.scaffold-content-navigation {
-       display: none;
-       position: absolute!important;
-       left: 0;
-       top: 0;
-       bottom: 0;
-       width: @scaffold-content-navigation-width;
-}
-.scaffold-content-navigation-component {
-       position: absolute;
-       top: 0;
-       bottom: 0;
-       left: 0;
-       right: 0;
-       // EXTJS PAGETREE FIXES START
-       #typo3-pagetree-treeContainer > div > .x-panel-body {
-               overflow: auto;
-       }
-       // EXTJS PAGETREE FIXES END
-}
-.scaffold-content-module {
-       @media (max-width: @screen-xs-max) {
-               width: 100%;
-       }
-       position: absolute!important;
-       top: 0;
-       left: 0;
-       bottom: 0;
-       right: 0;
-}
-
-
-//
-// Content Overlay
-//
-.scaffold-content-overlay {
-       display: none;
-       position: absolute;
-       z-index: @scaffold-overlay-zindex;
-       top: 0;
-       left: 0;
-       right: 0;
-       bottom: 0;
-       background-color: @scaffold-overlay-bg;
-}
-.scaffold-modulemenu-expanded {
-       .scaffold-content-overlay {
-               display: block;
-               @media (min-width: @scaffold-breakpoint) {
-                       display: none;
-               }
-       }
-}
-
-
-//
-// Medium Screen
-//
-.scaffold {
-       @media (min-width: @scaffold-breakpoint) {
-               padding-left: @scaffold-modulemenu-snapped-width;
-       }
-       .scaffold-modulemenu {
-               width: @scaffold-modulemenu-snapped-width;
-               @media (max-width: @scaffold-breakpoint-max) {
-                       display: none;
-               }
-       }
-}
-.scaffold-modulemenu-expanded {
-       display: block;
-       padding-left: @scaffold-modulemenu-expanded-width;
-       .scaffold-modulemenu {
-               width: @scaffold-modulemenu-expanded-width;
-               @media (max-width: @scaffold-breakpoint-max){
-                       display: block;
-               }
-       }
-       .scaffold-content {
-               transform: translate(@scaffold-modulemenu-expanded-width, 0);
-       }
-}
-.scaffold-content-navigation-expanded {
-       .scaffold-content-navigation {
-               display: block;
-       }
-       .scaffold-content-module {
-               left: @scaffold-content-navigation-width;
-       }
-}
-
-@media (min-width: @scaffold-breakpoint){
-       .scaffold {
-               .scaffold-content {
-                       left: @scaffold-modulemenu-snapped-width;
-               }
-       }
-       .scaffold-modulemenu-expanded {
-               .scaffold-content {
-                       left: @scaffold-modulemenu-expanded-width;
-                       transform: none;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_debugconsole.less b/Build/Resources/Public/Less/TYPO3/_debugconsole.less
deleted file mode 100644 (file)
index 7037941..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 {
-               &:extend(.clearfix all);
-               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
deleted file mode 100644 (file)
index a6d966f..0000000
+++ /dev/null
@@ -1,33 +0,0 @@
-//
-// 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
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/Build/Resources/Public/Less/TYPO3/_element_badges.less b/Build/Resources/Public/Less/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/Build/Resources/Public/Less/TYPO3/_element_buttons.less b/Build/Resources/Public/Less/TYPO3/_element_buttons.less
deleted file mode 100644 (file)
index ae9cab9..0000000
+++ /dev/null
@@ -1,41 +0,0 @@
-//
-// Button
-//
-.btn-sm {
-       height: floor(2px + (@padding-small-vertical * 2) + (@font-size-small * @line-height-small));
-}
-
-//
-// Button Group
-//
-.btn-group {
-       font-size: 0;
-       .collapse + .btn.collapsed:last-child {
-               border-radius: @border-radius-base;
-       }
-       .btn-default.disabled {
-               color: #999;
-       }
-}
-
-//
-// 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_contextmenu.less b/Build/Resources/Public/Less/TYPO3/_element_contextmenu.less
deleted file mode 100644 (file)
index 5d75112..0000000
+++ /dev/null
@@ -1,43 +0,0 @@
-div#contentMenu0 {
-       position: absolute;
-       z-index: 300;
-}
-
-div#contentMenu1 {
-       position: absolute;
-       z-index: 310;
-}
-
-.context-menu {
-       .list-group {
-               margin-bottom: 0;
-               background-color: #fff;
-               min-width: 150px;
-
-               &-item {
-                       cursor: pointer;
-                       padding: 5px;
-                       border-bottom-color: transparent;
-                       border-top-color: transparent;
-                       &:first-child {
-                               border-top-color: @gray-light;
-                       }
-                       &:last-child {
-                               border-bottom-color: @gray-light;
-                       }
-
-                       &-divider {
-                               display: block;
-                               padding: 0 0 1px 0;
-                               margin: 0 0 1px 0;
-                               width: 100%;
-                               border-bottom-color: @gray-light;
-                       }
-               }
-
-               &-item-icon {
-                       width: (18em / 14);
-                       text-align: center;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_cropper.less b/Build/Resources/Public/Less/TYPO3/_element_cropper.less
deleted file mode 100644 (file)
index 5d945eb..0000000
+++ /dev/null
@@ -1,435 +0,0 @@
-.cropper {
-       .cropper-line {
-               background-color: transparent;
-       }
-
-       .cropper-dashed {
-               border: 1px dashed @color-orange;
-       }
-
-       .cropper-point {
-               background-color: @color-orange;
-
-               &.point-nw {
-                       left: 0; /* 3 */
-                       top: 0; /* 3 */
-               }
-
-               &.point-w {
-                       left: 0; /* 3 */
-               }
-
-               &.point-sw {
-                       left: 0; /* 3 */
-                       bottom: 0; /* 3 */
-               }
-
-               &.point-ne {
-                       right: 0; /* 3 */
-                       top: 0; /* 3 */
-               }
-
-               &.point-e {
-                       right: 0; /* 3 */
-               }
-
-               &.point-se {
-                       right: 0; /* 3 */
-                       bottom: 0; /* 3 */
-
-                       &:before {
-                               background-color: @color-white;
-                       }
-               }
-
-               &.point-n {
-                       top: 0; /* 3 */
-               }
-
-               &.point-s {
-                       bottom: 0; /* 3 */
-               }
-       }
-
-       .cropper-view-box {
-               outline: 1px dashed @color-orange;
-       }
-
-       .cropper-modal {
-               background-color: transparent;
-       }
-
-       .cropper-bg {
-               background-image: data-uri("../Images/cropper-background.png");
-       }
-
-       .cropper-image-container {
-               height: 100% !important;
-               width: 100% !important;
-               max-width: 1000px !important;
-       }
-
-       // Custom styles for cropper radio buttons
-       .ratio-buttons {
-               margin-bottom: 10px;
-
-               .btn {
-                       &.btn-default {
-                               margin-bottom: 5px;
-                       }
-                       &:not(.active) .fa {
-                               display: none;
-                       }
-               }
-       }
-
-       // Cropper style tweaks for Bootstrap .panel
-       .panel-group {
-               [aria-expanded=true] {
-                       border-left: 2px solid @color-orange;
-                       position: relative;
-                       &[data-toggle=collapse] {
-                               background-color: #333;
-                       }
-               }
-
-               [aria-expanded=false] {
-                       border-left: 2px solid #444;
-                       position: relative;
-               }
-
-               table, label {
-                       color: @color-white;
-               }
-
-               position: relative;
-               margin: -15px;
-       }
-
-       .panel-collapse.collapse {
-               background-color: #2c2c2c !important;
-               border-left: 2px solid @color-orange;
-       }
-
-       .panel-heading {
-               padding: 0;
-
-               .panel-title {
-                       > [data-crop-variant] {
-                               display: flex;
-                               padding: 10px 15px;
-                               justify-content: space-between;
-                       }
-
-                       > a {
-                               text-decoration: none !important;
-                               user-select: none;
-                               font-size: 13px;
-                       }
-               }
-       }
-
-       .panel-default > .panel-heading + .panel-collapse > .panel-body {
-               border-top-color: #333;
-       }
-
-       .panel-group,
-       .panel-default .panel-heading,
-       .panel {
-               background: #222222;
-               border: none;
-               color: @color-white;
-       }
-
-       .btn-secondary {
-               color: @color-white;
-               background-color: #777;
-               border-color: #555;
-
-               &:hover,
-               &:focus,
-               &:active,
-               &.active {
-                       color: @color-white;
-                       background-color: #888;
-                       border-color: #444;
-               }
-       }
-
-       .open .dropdown-toggle.btn-secondary {
-               &:extend(.cropper .btn-secondary);
-       }
-
-       /**
-        * Style overrides for CropperJS CSS and additional styles to make cropper look like expected
-        *
-        * 1. Fixes hidden drag/resize handles for cropper
-        * 2. Fixes containment on the jQuery UI resizeable
-        * 3. Offset cropper lines and handles to inside of container
-        */
-       .cropper-container.cropper-bg {
-               overflow: visible; /* 1 */
-       }
-
-       .cropper-crop-box {
-               overflow: hidden; /* 2 */
-
-               &:after {
-                       background-color: @color-orange;
-                       content: "Cropped area";
-                       position: absolute;
-                       left: 0;
-                       top: 0;
-                       font-size: 10px;
-                       color: black;
-                       height: 16px;
-                       width: 100%;
-                       max-width: 80px;
-                       text-overflow: ellipsis;
-                       white-space: nowrap;
-                       padding: 0 4px;
-                       pointer-events: none;
-                       overflow: hidden;
-               }
-       }
-
-
-       .cropper-line {
-               &.line-w {
-                       left: 0; /* 3 */
-               }
-
-               &.line-e {
-                       right: 0; /* 3 */
-               }
-
-               &.line-n {
-                       top: 0; /* 3 */
-               }
-
-               &.line-s {
-                       bottom: 0; /* 3 */
-               }
-       }
-
-       // Style overrides for jQueryUI
-       .ui-resizable-handle {
-               &.ui-resizable-n,
-               &.ui-resizable-s,
-               &.ui-resizable-e,
-               &.ui-resizable-w {
-                       border-color: transparent;
-                       transform: none;
-               }
-
-               &.ui-resizable-e,
-               &.ui-resizable-w {
-                       width: 6px;
-               }
-
-               &.ui-resizable-n,
-               &.ui-resizable-s {
-                       height: 6px;
-               }
-
-               &.ui-resizable-e {
-                       right: 0;
-               }
-
-               &.ui-resizable-w {
-                       left: 0;
-               }
-
-               &.ui-resizable-n {
-                       top: 0;
-               }
-
-               &.ui-resizable-s {
-                       bottom: 0;
-               }
-
-               &.ui-resizable-sw,
-               &.ui-resizable-se,
-               &.ui-resizable-ne,
-               &.ui-resizable-nw {
-                       transform: none;
-                       background-color: #ccc;
-                       height: 6px;
-                       width: 6px;
-               }
-
-               &.ui-resizable-nw {
-                       top: 0;
-                       left: 0;
-               }
-
-               &.ui-resizable-ne {
-                       top: 0;
-                       right: 0;
-               }
-
-               &.ui-resizable-se {
-                       bottom: 0;
-                       right: 0;
-               }
-
-               &.ui-resizable-sw {
-                       bottom: 0;
-                       left: 0;
-               }
-       }
-
-       // Cropper UI-specific styles
-       .cropper-focus-area {
-               cursor: move;
-               height: 200px;
-               width: 200px;
-               background-color: rgba(215, 187, 0, .5);
-               position: absolute;
-               z-index: 999999;
-               opacity: 1;
-               overflow: hidden;
-               transition: background-color 300ms;
-
-               &.has-nodrop,
-               &.has-nodrop:hover {
-                       background-color: rgba(211, 35, 46, .6) !important;
-                       transition: background-color 300ms;
-               }
-
-               &:hover,
-               &:focus {
-                       background-color: rgba(215, 187, 0, .7);
-               }
-
-               &:after {
-                       background-color: rgba(255, 255, 255, .95);
-                       content: "Focus";
-                       position: absolute;
-                       left: 0;
-                       top: 0;
-                       font-size: 10px;
-                       color: black;
-                       height: 16px;
-                       width: 100%;
-                       max-width: 44px;
-                       text-overflow: ellipsis;
-                       white-space: nowrap;
-                       padding: 0 4px 0 8px; /* Additional 4px on left due to resize handle on focus area */
-                       pointer-events: none;
-                       overflow: hidden;
-               }
-       }
-
-       .cropper-cover-area {
-               background: url("../Images/cropper-background-cover-area.svg");
-               pointer-events: none;
-               cursor: not-allowed;
-               position: absolute;
-               opacity: 1;
-               z-index: 99999;
-
-               &:after {
-                       background-color: rgba(255, 255, 255, .95);
-                       content: "Cover area";
-                       position: absolute;
-                       left: 0;
-                       top: 0;
-                       font-size: 10px;
-                       color: black;
-                       height: 16px;
-                       width: 100%;
-                       max-width: 80px;
-                       text-overflow: ellipsis;
-                       white-space: nowrap;
-                       padding: 0 4px;
-                       pointer-events: none;
-                       overflow: hidden;
-               }
-       }
-
-       .cropper-preview-thumbnail {
-               -webkit-user-select: none;
-               -moz-user-select: none;
-               -ms-user-select: none;
-               user-select: none;
-               position: relative;
-               max-width: 100px;
-               max-height: 100px;
-               overflow: hidden;
-
-               &:after {
-                       background-color: rgba(0, 0, 0, .5);
-                       content: " ";
-                       top: 0;
-                       left: 0;
-                       bottom: 0;
-                       right: 0;
-                       position: absolute;
-                       z-index: 9;
-               }
-
-               &.wide {
-                       width: 100px;
-                       height: auto;
-               }
-
-               &.tall {
-                       width: auto;
-                       height: 80px;
-               }
-       }
-
-       .cropper-preview-thumbnail-image {
-               left: 0;
-               top: 0;
-       }
-
-       .wide .cropper-preview-thumbnail-image {
-               width: 100%;
-               height: auto;
-       }
-
-       .tall .cropper-preview-thumbnail-image {
-               width: auto;
-               height: 100%;
-       }
-
-       .cropper-preview-thumbnail-crop-area {
-               border: 1px solid @color-orange;
-               position: absolute;
-               z-index: 10;
-               overflow: hidden;
-       }
-
-       .cropper-preview-thumbnail-focus-area {
-               background-color: rgba(215, 187, 0, .7);
-               position: absolute;
-               z-index: 11;
-       }
-}
-
-:root .cropper-preview-thumbnail-crop-image {
-       image-orientation: 0deg;
-       display: block;
-       height: 100%;
-       width: 100%;
-       min-width: 0;
-       max-width: none;
-       min-height: 0;
-       max-height: none;
-}
-
-.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;
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_csh.less b/Build/Resources/Public/Less/TYPO3/_element_csh.less
deleted file mode 100644 (file)
index ba54e73..0000000
+++ /dev/null
@@ -1,281 +0,0 @@
-//
-// Context sensitive help
-//
-.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 {
-       display: block;
-}
-
-a.typo3-csh-link:hover .typo3-csh-inline {
-       display: block;
-}
-
-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 {
-       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;
-}
-
-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_docheader.less b/Build/Resources/Public/Less/TYPO3/_element_docheader.less
deleted file mode 100644 (file)
index 4e8154a..0000000
+++ /dev/null
@@ -1,96 +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;
-                       padding: 0;
-               }
-               input.c-inputButton {
-                       text-indent: -1000px;
-               }
-       }
-
-       select {
-               margin-right: 12px;
-       }
-
-       a {
-               color: @docheader-text;
-
-               &:hover {
-                       color: #000;
-               }
-
-           &.active {
-                   color: @docheader-border;
-               }
-
-           &.active {
-                   span {
-                           cursor: default;
-                       }
-               }
-       }
-
-       .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;
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_draguploader.less b/Build/Resources/Public/Less/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/Build/Resources/Public/Less/TYPO3/_element_fieldselectbox.less b/Build/Resources/Public/Less/TYPO3/_element_fieldselectbox.less
deleted file mode 100644 (file)
index 04338d6..0000000
+++ /dev/null
@@ -1,18 +0,0 @@
-//
-// Database Recordlist fieldSelectBox
-//
-.fieldSelectBox {
-       .table-scrollable {
-               overflow: auto;
-               max-height: 6 * ((@line-height-base * @font-size-base) + 4px + (2 * @padding-base-horizontal) + 1px);
-       }
-       table {
-               .col-title {
-                       padding: 0 @padding-base-vertical;
-               }
-               .label-block {
-                       line-height: 32px;
-                       height: 32px;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_label.less b/Build/Resources/Public/Less/TYPO3/_element_label.less
deleted file mode 100644 (file)
index 60b4260..0000000
+++ /dev/null
@@ -1,28 +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-info){};
-.label-test:extend(.label-default){};
-.label-deprecated:extend(.label-danger){};
-.label-excludeFromUpdates:extend(.label-default){}
-
-.label-inline,
-.label-block {
-       margin: 0;
-       font-weight: normal;
-}
-.label-block {
-       display: block;
-}
-
-.label-space-left {
-       margin-left: 1em;
-}
-.label-space-right {
-       margin-right: 1em;
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_message.less b/Build/Resources/Public/Less/TYPO3/_element_message.less
deleted file mode 100644 (file)
index 7478b83..0000000
+++ /dev/null
@@ -1,78 +0,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);
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_modal.less b/Build/Resources/Public/Less/TYPO3/_element_modal.less
deleted file mode 100644 (file)
index f5ba154..0000000
+++ /dev/null
@@ -1,198 +0,0 @@
-//
-// 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;
-
-       .loadmessage {
-               text-align: center;
-               color: @gray-darker;
-       }
-}
-
-.modal-resize {
-       &.fade .modal-dialog {
-               .transition-property(~"height, width");
-               .transition-duration(.35s);
-               .transition-timing-function(ease);
-       }
-}
-
-/**
- * Cropper modal component styles
- */
-.modal-image-manipulation {
-       width: 90vw;
-       height: 90vh;
-       .modal-panel {
-               display: flex;
-               height: 80vh;
-               overflow: visible;
-       }
-       .modal-panel-body {
-               background-image: data-uri("../Images/cropper-background.png");
-               display: flex;
-               align-items: center;
-               justify-content: center;
-       }
-       .modal-panel .modal-panel-body {
-               height: 100%;
-               width: 78% ;
-               float: none;
-               overflow: hidden
-       }
-
-       .modal-panel .modal-panel-sidebar {
-               width: 22%;
-               max-height: 100%;
-               overflow: auto;
-               -webkit-overflow-scrolling: touch;
-       }
-
-       .modal-panel .modal-panel-sidebar-right {
-               background-color: #212424;
-               float: none;
-               position: relative;
-       }
-
-       .modal-panel .modal-footer {
-               position: absolute;
-               bottom: 0;
-               right: 0;
-               width: 100%;
-       }
-       .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 {
-               overflow: hidden;
-               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: 1px solid #000000;
-       }
-}
-
-// 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%;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_pagetree.less b/Build/Resources/Public/Less/TYPO3/_element_pagetree.less
deleted file mode 100644 (file)
index 5a76d24..0000000
+++ /dev/null
@@ -1,374 +0,0 @@
-//
-// Pagetree
-//
-#typo3-pagetree-topPanelItems {
-       background-color: #eee;
-}
-
-#typo3-pagetree {
-       height: 100%;
-
-       .x-panel-bwrap,
-       .x-panel-body {
-               height: 100%;
-       }
-
-       ul {
-               padding-left: 0;
-               list-style: none;
-       }
-       .x-toolbar {
-               padding: 0;
-               border: none;
-       }
-
-       ul.x-tree-root-ct {
-               padding-top: 24px;
-               margin-bottom: 50px;
-       }
-
-
-       .x-panel-body {
-               background: none;
-       }
-
-       .x-tree-node {
-               .x-tree-node-el {
-                       line-height: 18px;
-                       height: 20px;
-                       margin-right: 3px;
-                       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-right: 1px solid #d7d7d7;
-               }
-               .x-tree-node-over {
-                       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(../../../../backend/Resources/Public/Images/pagetree-drag-place-denied.png);
-}
-
-.x-tree-drop-ok-append.typo3-pagetree-copy .x-dd-drop-icon {
-       background-image: url(../../../../backend/Resources/Public/Images/pagetree-drag-new-inside.png);
-}
-
-.x-tree-drop-ok-below.typo3-pagetree-copy .x-dd-drop-icon {
-       background-image: url(../../../../backend/Resources/Public/Images/pagetree-drag-copy-below.png);
-}
-
-.x-tree-drop-ok-above.typo3-pagetree-copy .x-dd-drop-icon {
-       background-image: url(../../../../backend/Resources/Public/Images/pagetree-drag-copy-above.png);
-}
-
-.x-tree-drop-ok-between.typo3-pagetree-copy .x-dd-drop-icon {
-       background-image: url(../../../../backend/Resources/Public/Images/pagetree-drag-new-between.png);
-}
-
-.x-tree-drop-ok-append .x-dd-drop-icon {
-       background-image: url(../../../../backend/Resources/Public/Images/pagetree-drag-move-into.png);
-}
-
-.x-tree-drop-ok-between .x-dd-drop-icon {
-       background-image: url(../../../../backend/Resources/Public/Images/pagetree-drag-move-between.png);
-}
-
-.x-tree-drop-ok-below .x-dd-drop-icon {
-       background-image: url(../../../../backend/Resources/Public/Images/pagetree-drag-move-below.png);
-}
-
-.x-tree-drop-ok-above .x-dd-drop-icon {
-       background-image: url(../../../../backend/Resources/Public/Images/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 {
-       .btn {
-               line-height: 16px;
-       }
-       padding: 0 10px;
-       border-bottom: 1px solid #c3c3c3;
-       .x-toolbar {
-               padding: 0;
-               border: 0!important;
-       }
-       .x-toolbar-left-row {
-               .btn {
-                       margin-right: 4px;
-               }
-       }
-       .x-toolbar-right-row {
-               .btn {
-                       margin-left: 4px;
-               }
-       }
-       .x-panel-body,
-       .x-panel-tbar {
-               margin: 4px 0;
-               min-height: 26px;
-               height: auto!important;
-       }
-       .x-panel-bwrap {
-               height: auto!important;
-               overflow: visible;
-       }
-       .x-btn button {
-               padding: 0;
-               font-size: inherit;
-       }
-}
-.typo3-pagetree-toppanel-filter {
-       width: 100%!important;
-       height: 26px!important;
-       padding-right: 25px;
-       padding-left: 8px;
-       box-sizing: inherit;
-}
-.typo3-pagetree-toppanel-filter-clear {
-       position: absolute;
-       right: 5px;
-       top: 50%;
-       transform: translate(0,-50%);
-}
-.typo3-pagetree-toppanel-item {
-       .x-form-field-wrap {
-               width: 100%!important;
-       }
-       .x-panel-body {
-               margin: 0;
-       }
-}
-.typo3-pagetree-toppanel-drag-node {
-       cursor: move;
-       padding: 5px;
-       border: none;
-       background: none;
-       font-size: 11px;
-       line-height: 16px;
-}
-
-
-//
-// 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-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: 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;
-}
-
-#typo3-pagetree .typo3-pagetree-deletionDropZone-activateProxyOver {
-       background-color: #644d2d;
-}
-
-//
-// Tree Highlighting
-//
-.x-tree-node-readableRootline {
-       font-style: italic;
-}
-
-//
-// Indicator Bar
-//
-[id=typo3-pagetree-indicatorBar] {
-       .alert {
-               margin: 10px 10px 0;
-       }
-}
-
-//
-// CONTEXT MENU
-//
-
-// pagetree-context-menu shadow
-.x-shadow {
-  z-index: 40 !important;                       // problem with EXTJS - needs to be removed
-}
-
-[id=typo3-pagetree-indicatorBar-temporaryMountPoint] {
-       .media-right {
-               position: absolute;
-               right: 16px;
-               transform: translateY(-100%);
-               background-color: @alert-info-bg;
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_pagination.less b/Build/Resources/Public/Less/TYPO3/_element_pagination.less
deleted file mode 100644 (file)
index 41e3648..0000000
+++ /dev/null
@@ -1,17 +0,0 @@
-//
-// 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
deleted file mode 100644 (file)
index b42b6e1..0000000
+++ /dev/null
@@ -1,154 +0,0 @@
-//
-// 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;
-       }
-}
-
-
-//
-// Panel carousel
-//
-.panel-carousel {
-       padding: @panel-body-padding;
-}
-
-
-//
-// Panel heading
-//
-.panel-heading {
-       position: relative;
-
-       &[data-toggle="formengine-flex"],
-       &[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;
-               }
-       }
-       > .table,
-       > .table-fit {
-               border: 0;
-               margin: 0;
-       }
-}
-.recordlist {
-       .table-fit {
-               margin-bottom: 0;
-       }
-}
-
-//
-// 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;
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_popover.less b/Build/Resources/Public/Less/TYPO3/_element_popover.less
deleted file mode 100644 (file)
index 886015c..0000000
+++ /dev/null
@@ -1,46 +0,0 @@
-//
-// Popover
-//
-
-.popover {
-       padding: 0;
-
-       &-title {
-               font-size: 15px;
-               border-bottom: 0;
-               padding: 12px 14px;
-       }
-
-       &-content {
-               p {
-                       margin: 0;
-               }
-
-               .list-group {
-                       margin: -9px -14px;
-
-                       .list-group-item {
-                               border-radius: 0;
-                               border-left: 0;
-                               border-right: 0;
-
-                               &:last-child {
-                                       border-bottom: 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
deleted file mode 100644 (file)
index 8e9f0a6..0000000
+++ /dev/null
@@ -1,128 +0,0 @@
-//
-// 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;
-       #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;
-}
-
-//
-// Element Browser / RTE link selection
-//
-
-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;
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_slider.less b/Build/Resources/Public/Less/TYPO3/_element_slider.less
deleted file mode 100644 (file)
index a691276..0000000
+++ /dev/null
@@ -1,264 +0,0 @@
-//
-// Bootstrap 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;
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_spinner.less b/Build/Resources/Public/Less/TYPO3/_element_spinner.less
deleted file mode 100644 (file)
index e4e4534..0000000
+++ /dev/null
@@ -1,10 +0,0 @@
-//
-// Animated spinner icon
-//
-
-// 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
deleted file mode 100644 (file)
index e3c1a65..0000000
+++ /dev/null
@@ -1,92 +0,0 @@
-//
-// 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 {
-                       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;
-               width: 0;
-               overflow: hidden;
-               &.active {
-                       height: auto;
-                       width: auto;
-                       overflow: visible;
-               }
-       }
-}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_element_table.less b/Build/Resources/Public/Less/TYPO3/_element_table.less
deleted file mode 100644 (file)
index b3e8640..0000000
+++ /dev/null
@@ -1,331 +0,0 @@
-//
-// 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;
-       font-size: inherit;
-       line-height: inherit;
-}
-
-//
-// Default table styling
-//
-.table {
-       .table {
-               + .table {
-                       margin-top: 6px;
-               }
-               margin: 0;
-       }
-       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.col-checkbox {
-                        + th.col-title {
-                                label {
-                                        margin-bottom: 0px;
-                                }
-                        }
-                }
-               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;
-               }
-       }
-       .col-icon,
-       .col-checkbox {
-               padding-right: 0;
-       }
-       .col-title {
-               width: 99%;
-       }
-       .col-nowrap,
-       .col-control,
-       .col-clipboard {
-               white-space: nowrap!important;
-       }
-       .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;
-       }
-       // Column contents are cut off with an ellipsis if they get too large.
-       .col-responsive {
-               max-width: 200px;
-               overflow: hidden;
-               text-overflow: ellipsis;
-               white-space: nowrap;
-       }
-}
-
-.table-fixed {
-       word-wrap: break-word;
-       word-break: break-all;
-       table-layout: fixed;
-}
-
-//
-// 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;
-       > .dataTables_wrapper > .table,
-       > .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;
-}
-
-.taskGroup {
-       cursor: pointer;
-}
-
-.taskGroup--close {
-       .icon-actions-view-list-collapse {
-               transform: rotate(180deg);
-       }
-
-       td {
-               padding: 0 !important;
-               border: 0 !important;
-       }
-       .t-span {
-               height: 0;
-               overflow: hidden;
-               padding: 0;
-               line-height: 0;
-               display: block;
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_tceforms.less b/Build/Resources/Public/Less/TYPO3/_element_tceforms.less
deleted file mode 100644 (file)
index a92718e..0000000
+++ /dev/null
@@ -1,294 +0,0 @@
-//
-// TCEforms
-//
-
-.typo3-TCEforms {
-       width: 100%;
-}
-
-.t3-form-field-container {
-       display: block;
-}
-.typo3-TCEforms .typo3-csh-link {
-       margin-left: 5px;
-}
-
-//
-// TCEforms Flexforms
-//
-.t3-form-field-container-inline-placeHolder .t3-form-field-header-inline > span {
-       display:none;
-}
-.sortableHandle {
-       cursor: move;
-}
-
-//
-// TCEforms Sections
-//
-.t3-flex-section {
-       clear: both;
-       margin: 5px 0;
-}
-
-.t3-form-field-header-flexsection {
-       width: 100%;
-       height: 16px;
-}
-
-.t3-form-field-add-flexsection {
-       border-top: 1px solid #cdcdcd;
-       padding: 10px 5px 5px 0;
-}
-
-.t3-form-flex,
-.t3-form-field-container-flexsections {
-       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;
-       }
-}
-
-.form-field-inputlink-explanation {
-       background: #eee;
-}
-
-
-// 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;
-}
-
-.t3-form-original-language .icon {
-       margin-right: 5px;
-}
-
-// 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-tceforms-widget-null-wrapper + .t3-form-field-item {
-       display: inline-block;
-}
-
-.t3-form-field-disable {
-       display: none;
-}
-.formengine-field-item.disabled {
-       position: relative;
-       .t3-form-field-disable {
-               z-index: 100;
-               background: #fafafa;
-               display: block;
-               position: absolute;
-               width: 100%;
-               height: 100%;
-
-               opacity: 0.5;
-               filter: alpha(opacity=50);
-       }
-}
-// z-index must be higher as .t3-form-field-disable z-index
-// this is required for the eval=null field checkbox
-.t3-form-field-eval-null-checkbox {
-       z-index: 150;
-}
-.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;
-}
-
-.icon-list {
-       background: #fff;
-       margin-top: 9px;
-       border: 1px solid @table-border-color;
-
-       .row {
-               margin:0;
-       }
-
-       .item {
-               &:extend(.pull-left);
-               padding:6px;
-               max-width: 128px;
-               img {
-                       max-width: 128px;
-                       max-height: 128px;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_element_tooltip.less b/Build/Resources/Public/Less/TYPO3/_element_tooltip.less
deleted file mode 100644 (file)
index f3f560f..0000000
+++ /dev/null
@@ -1,6 +0,0 @@
-//
-// 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
deleted file mode 100644 (file)
index 42e9f06..0000000
+++ /dev/null
@@ -1,338 +0,0 @@
-//
-// Variables
-//
-@navigation-text: #000;
-@navigation-bg: rgb(245, 245, 245);
-@navigation-border: rgb(195, 195, 195);
-
-
-//
-// Trees Variables
-//
-@tree-indentation: 16px;
-@tree-intendation-space: 6px;
-@tree-line-height: 21px;
-@tree-border: #666666;
-@tree-bg: white;
-@tree-control-size: 20px;
-@tree-control-icon-size: 12px;
-
-
-//
-// Tree
-//
-.list-tree,
-.list-tree ul {
-       margin-left: ceil((@tree-indentation / 2));
-       padding: 0;
-       list-style: none;
-       position: relative;
-       &:before {
-               content: "";
-               display: block;
-               width: 0;
-               position: absolute;
-               top: 0;
-               bottom: ceil(@tree-line-height / 2);
-               left: 0;
-               margin-bottom: -2px;
-               border-left: 1px dotted @tree-border;
-       }
-}
-.list-tree {
-       li {
-               &.active {
-                       > .list-tree-group {
-                               &:before {
-                                       content: '';
-                                       position: absolute;
-                                       right: -@tree-intendation-space;
-                                       left: -@tree-intendation-space;
-                                       top: -1px;
-                                       bottom: -1px;
-                                       display: block;
-                                       border: 1px solid rgba(0,0,0,0.25);
-                                       background-color: rgba(255,255,255,0.75);
-                                       border-radius: 2px;
-                               }
-                       }
-               }
-               &:before {
-                       content: '';
-                       display: block;
-                       width: ceil(@tree-indentation - @tree-intendation-space - 1px);
-                       height: 0;
-                       border-top: 1px dotted @tree-border;
-                       margin-top: -2px;
-                       position: absolute;
-                       top: ceil(@tree-line-height / 2) + 1;
-                       left: 2px;
-               }
-               &:last-child:before {
-                       background: @tree-bg;
-                       height: auto;
-                       left: 0;
-                       width: ceil(@tree-indentation - @tree-intendation-space) + 1;
-                       bottom: 0;
-               }
-               margin: 0;
-               padding-left: @tree-indentation;
-               line-height: @tree-line-height;
-               position: relative;
-
-               .icon {
-                       margin-right: 2px;
-               }
-       }
-}
-.list-tree-group {
-       position: relative;
-       display: block;
-       white-space: nowrap;
-       > span {
-               position: relative;
-       }
-}
-.list-tree-value {
-       font-weight: bold;
-}
-.list-tree-icon {
-       top: -2px;
-}
-.list-tree-show {
-       float: right;
-       margin-left: @tree-intendation-space;
-}
-.list-tree-control {
-       .user-select(none);
-       position: relative;
-       display: block;
-       float: left;
-       margin-top: ceil(@tree-line-height / 2) - ceil(@tree-control-size / 2);
-       margin-left: -(@tree-indentation + ceil(@tree-control-size / 2));
-       text-align: center;
-       line-height: @tree-control-size;
-       width: @tree-control-size;
-       height: @tree-control-size;
-       &:before {
-               content: '';
-               position: absolute;
-               top: 50%;
-               left: 50%;
-               margin-top: ceil(-(@tree-control-icon-size / 2));
-               margin-left: ceil(-(@tree-control-icon-size / 2));
-               width: @tree-control-icon-size;
-               height: @tree-control-icon-size;
-       }
-       &:active,
-       &:focus,
-       &:hover {
-               outline: none;
-               text-decoration: none;
-       }
-       > .fa {
-               display: inline-block;
-               text-align: center;
-               cursor: pointer;
-               &:before {
-                       width: @tree-control-icon-size;
-                       height: @tree-control-icon-size;
-                       background-color: @tree-bg;
-                       display: block;
-               }
-       }
-       &.list-tree-control-open > .fa:before {
-               content: "\f0d7";
-       }
-       &.list-tree-control-closed > .fa:before {
-               content: "\f0da";
-       }
-}
-.list-tree-root {
-       margin-left: 0;
-       &:before {
-               display: none;
-       }
-       > li {
-               padding-left: @tree-control-size;
-               &:before {
-                       display: none;
-               }
-               &.list-tree-path {
-                       margin-left: -@tree-control-size;
-               }
-               > .list-tree-group {
-                       > .list-tree-control {
-                               margin-left: -@tree-control-size;
-                               &:before {
-                                       background-color: transparent;
-                               }
-                       }
-               }
-       }
-}
-.list-tree-root-clean {
-       > li {
-               padding-left: 0;
-       }
-}
-
-
-//
-// Tree Variations
-//
-[id=imp-exp-mod] {
-       .list-tree li:last-child:before,
-       .list-tree-control > .fa:before {
-               background-color: #f1f1f1;
-       }
-}
-[id=typo3-browse-links-php] {
-       .list-tree li:last-child:before,
-       .list-tree-control > .fa:before {
-               background-color: #ececec;
-       }
-}
-[id=ext-backend-Modules-FileSystemNavigationFrame-index-php] {
-       .list-tree li:last-child:before,
-       .list-tree-control > .fa:before {
-               background-color: #f5f5f5;
-       }
-       .module-body {
-               padding-left: 10px;
-               padding-right: 10px;
-       }
-}
-[id=ext-lowlevel-Modules-Configuration-index-php] {
-       .active {
-               > .list-tree-group {
-                       display: inline-block;
-                       color: @brand-danger;
-               }
-       }
-}
-
-
-//
-// Treeline Icons
-//
-.treeline-icon {
-       position: relative;
-       display: block;
-       float: left;
-       margin-top: -6px;
-       margin-bottom: -6px;
-       margin-right: 2px;
-       padding: 0;
-       height: 31px;
-       width: 16px;
-       white-space: nowrap;
-       overflow: hidden;
-       &:after,
-       &:before {
-               position: absolute;
-               content: '';
-               left: 50%;
-       }
-       &:before {
-               top: 0;
-               height: 100%;
-               width: 2px;
-               margin-left: -1px;
-               border-left: 1px dotted @tree-border;
-       }
-       &:after {
-               border-top: 1px dotted @tree-border;
-               height: 2px;
-               width: 100%;
-               top: 50%;
-               margin-top: -1px;
-       }
-}
-.treeline-icon-jointop:before {
-       top: 50%;
-}
-.treeline-icon-joinbottom:before {
-       top: -50%;
-}
-.treeline-icon-line:after {
-       display: none;
-}
-.treeline-icon-blank {
-       display: none;
-}
-.treeline-icon-clear {
-       &:before,
-       &:after {
-               display: none;
-       }
-}
-
-#typo3-pagetree #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%;
-}
-
-
-//
-// AJAX Page Tree
-//
-
-body#typo3-pagetree {
-       margin: 0;
-       padding: 0;
-}
-
-#typo3-pagetree #typo3-inner-docbody {
-       padding: 10px 0;
-}
-
-span.dragIcon {
-       display: inline-block;
-       height: 16px;
-}
-
-#dragIcon {
-       position: absolute;
-       visibility: hidden;
-       z-index: 20;
-       filter: alpha(opacity=50);
-       opacity: 0.5;
-       white-space: nowrap;
-}
-
-//
-// Tree
-//
-#typo3-pagetree-deletionDropZone .x-panel-body {
-       background-position: right;
-       background-repeat: repeat-y;
-}
-[id=ext-backend-Modules-FileSystemNavigationFrame-index-php],
-[id=ext-backend-Modules-FileSystemNavigationFrame-index-php] .module-body,
-[id=typo3-pagetree-treeContainer] {
-       background-color: @navigation-bg;
-       height: 100%;
-}
-[id=typo3-pagetree-tree] {
-       height: 100%;
-       .x-panel-body {
-               height: 100% !important;
-       }
-}
-[id=ext-backend-Modules-FileSystemNavigationFrame-index-php] .module-docheader {
-       padding-left: 10px;
-       padding-right: 10px;
-}
-
-.x-layout-split {
-       width: 1px;
-       background-color: @navigation-border;
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_icons.less b/Build/Resources/Public/Less/TYPO3/_icons.less
deleted file mode 100644 (file)
index 6caad3b..0000000
+++ /dev/null
@@ -1,36 +0,0 @@
-//
-// Icons
-//
-.t3-icon {
-       display: inline-block;
-       position: relative;
-       vertical-align: middle;
-       background-image: url('../../../../backend/Resources/Public/Icons/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;
-               display: inline-block;
-       }
-}
-.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
deleted file mode 100644 (file)
index e501aea..0000000
+++ /dev/null
@@ -1,224 +0,0 @@
-//
-// 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;
-       &:active,
-       &:active:focus,
-       &:active:hover,
-       &:focus,
-       &:hover,
-       &:visited {
-               background-color: @login-btn-bg;
-       }
-       &:active:focus,
-       &:focus {
-               outline: none;
-       }
-       &:hover {
-               box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.125);
-       }
-       &:active:focus,
-       &:active:hover {
-               box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-       }
-       &:focus {
-               .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 {
-       &:extend(.clearfix all);
-       > 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_backend_layout_wizard.less b/Build/Resources/Public/Less/TYPO3/_main_backend_layout_wizard.less
deleted file mode 100644 (file)
index 1516f78..0000000
+++ /dev/null
@@ -1,123 +0,0 @@
-
-.grideditor {
-       td {
-               vertical-align: middle;
-               &.editor_cell {
-                       height: 100%;
-               }
-       }
-
-       table.editor {
-               border: 0;
-               border-left: 1px @gray-light solid;
-               border-top: 1px @gray-light solid;
-
-               td {
-                       vertical-align: middle;
-                       border: 0;
-                       border-bottom: 1px @gray-light solid;
-                       border-right: 1px @gray-light solid;
-                       text-align: center;
-                       background-color: white;
-                       min-height: 100px;
-               }
-       }
-
-       div#editor {
-               height: 100%;
-       }
-
-       div.cell_container {
-               width: 80px;
-               height: 80px;
-               position: relative;
-               left: 50%;
-               margin-top: 30px;
-               margin-left: -30px;
-               opacity: 0.3;
-       }
-
-       div.cell_container:hover {
-               opacity: 0.5;
-       }
-
-       .grideditor-preview {
-               margin-top: 5px;
-       }
-
-       .link {
-               display: block;
-               position: absolute;
-               width: 20px;
-               height: 40px;
-               overflow: hidden;
-               opacity: 0.5;
-               &:hover {
-                       text-decoration: none;
-                       opacity: 1;
-               }
-
-               &_expand_down,
-               &_shrink_up {
-                       width: 40px;
-                       height: 20px;
-               }
-
-               &_expand_right {
-                       left: 52px;
-                       top: 0;
-                       &:before {
-                               font-family: FontAwesome;
-                               content: "@{fa-var-caret-right}";
-                               font-size: 42px;
-                               line-height: 42px;
-                       }
-               }
-
-               &_shrink_left {
-                       left: -8px;
-                       top: 0;
-                       &:before {
-                               font-family: FontAwesome;
-                               content: "@{fa-var-caret-left}";
-                               font-size: 42px;
-                               line-height: 42px;
-                       }
-               }
-
-               &_expand_down {
-                       left: 12px;
-                       top: 40px;
-                       &:before {
-                               font-family: FontAwesome;
-                               content: "@{fa-var-caret-down}";
-                               font-size: 42px;
-                               line-height: 19px;
-                       }
-               }
-
-               &_shrink_up {
-                       left: 12px;
-                       top: -20px;
-                       &:before {
-                               font-family: FontAwesome;
-                               content: "@{fa-var-caret-up}";
-                               font-size: 42px;
-                               line-height: 20px;
-                       }
-               }
-
-               &_editor {
-                       width: 40px;
-                       height: 40px;
-                       left: 12px;
-                       top: 0;
-                       &:before {
-                               font-family: FontAwesome;
-                               content: "@{fa-var-pencil-square}";
-                               font-size: 42px;
-                               line-height: 42px;
-                       }
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_body.less b/Build/Resources/Public/Less/TYPO3/_main_body.less
deleted file mode 100644 (file)
index e826cea..0000000
+++ /dev/null
@@ -1,46 +0,0 @@
-//
-// 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;
-}
-
-[id=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;
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_content.less b/Build/Resources/Public/Less/TYPO3/_main_content.less
deleted file mode 100644 (file)
index af9647d..0000000
+++ /dev/null
@@ -1,272 +0,0 @@
-//
-// Content
-//
-
-// Menu icons
-@app-icon-border-radius: @border-radius-small;
-@app-icon-height: 32px;
-@app-icon-width: 32px;
-@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;
-       transform: translate3d(0,0,0);
-       > 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;
-}
-
-.media-gallery__list {
-       .media-gallery__item {
-               display: inline-block;
-               float: none;
-               margin-bottom: 15px;
-               margin-right: -4px;
-               vertical-align: top;
-
-               .media-object {
-                       max-height: 158px;
-                       overflow: hidden;
-               }
-
-               img.thumbnail {
-                       height: auto;
-                       margin-bottom: 0;
-                       max-height: 150px;
-                       max-width: 100%;
-               }
-
-               span.thumbnail {
-                       display: inline-block;
-                       margin-bottom: 0;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_elementbrowser.less b/Build/Resources/Public/Less/TYPO3/_main_elementbrowser.less
deleted file mode 100644 (file)
index e375292..0000000
+++ /dev/null
@@ -1,16 +0,0 @@
-//
-// Element Browser
-//
-
-.element-browser {
-       &-section {
-               border-bottom: 1px solid @gray-light;
-               padding-bottom: 30px;
-               margin: 0 15px 30px 15px;
-
-               &:last-child {
-                       padding-bottom: 0;
-                       border: none;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_form.less b/Build/Resources/Public/Less/TYPO3/_main_form.less
deleted file mode 100644 (file)
index f518615..0000000
+++ /dev/null
@@ -1,449 +0,0 @@
-//
-// 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: 100%;
-               max-height: 18px;
-       }
-}
-.input-group-addon {
-       min-width: 2.5em;
-}
-
-
-//
-// IE: ensure DatePicker is opened on button click
-//
-label {
-       .icon {
-               img {
-                       pointer-events: none;
-               }
-       }
-}
-
-
-//
-// 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-control[disabled],
-.form-control[readonly],
-fieldset[disabled] .form-control {
-       color: @input-color-disabled;
-}
-
-
-//
-// Form control icon
-//
-.form-control-icon {
-       position: absolute;
-       top: 50%;
-       left: 15px;
-       transform: translate(0, -50%);
-       z-index: 1;
-       + .form-control,
-       + .form-control-clearable .form-control {
-               padding-left: 3.25em;
-       }
-}
-
-
-//
-// Form group validation states
-//
-.form-group.has-error {
-       label:before {
-               font-family: FontAwesome;
-               font-size: 12px;
-               text-align: center;
-               content: @fa-var-exclamation-circle;
-               color: @brand-danger;
-               display: inline-block;
-       }
-
-       .btn-toolbar {
-               label:before {
-                       font-family: inherit;
-                       font-size: inherit;
-                       margin-right: inherit;
-                       text-align: inherit;
-                       content: '';
-                       color: inherit;
-                       display: 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;
-               }
-               &[size="1"],
-               &:not([size]) {
-                       appearance: none;
-
-                       &::-ms-expand {
-                               display: none;
-                       }
-
-                       &:not(.form-select-no-siblings) {
-                               background-image: url('@{path-sysext}/core/Resources/Public/Icons/T3Icons/actions/actions-view-list-expand.svg');
-                               background-position: right 4px center;
-                               background-repeat: no-repeat;
-                               background-size: 16px 16px;
-                               padding-right: 24px;
-                       }
-
-                       &.input-sm,
-                       .form-group-sm & {
-                               line-height: 16px;
-                       }
-               }
-               > 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 {
-       display: table;
-       width: 100%;
-       > .form-wizards-element {
-               display: table-cell;
-               width: 100%;
-       }
-       > .form-wizards-items-top {
-               display: table-row;
-       }
-       > .form-wizards-items-aside {
-               display: table-cell;
-               vertical-align: top;
-               padding-left: 5px;
-               white-space: nowrap;
-       }
-       > .form-wizards-items-bottom {
-               display: table-row;
-       }
-       > .form-wizards-items-bottom:first-child {
-               margin-top: 4px;
-       }
-}
-
-//
-// 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;
-       white-space: 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 {
-       &.formengine-textarea {
-               resize: none;
-       }
-}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_main_linkbrowser.less b/Build/Resources/Public/Less/TYPO3/_main_linkbrowser.less
deleted file mode 100644 (file)
index 1043d13..0000000
+++ /dev/null
@@ -1,26 +0,0 @@
-//
-// Link Browser
-//
-
-.link-browser {
-       &-section {
-               border-bottom: 1px solid @gray-light;
-               margin: 0 15px 15px 15px;
-
-               &.link-browser-current-link, &.link-browser-tabs {
-                       padding-bottom: 0;
-                       border-bottom: none;
-               }
-
-               &.link-browser-pagetree, &.link-browser-filetree {
-                       h3 {
-                               margin-top: 0;
-                       }
-               }
-
-               &:last-child {
-                       padding-bottom: 0;
-                       border: none;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_new_content_element_wizard.less b/Build/Resources/Public/Less/TYPO3/_main_new_content_element_wizard.less
deleted file mode 100644 (file)
index 068e5a7..0000000
+++ /dev/null
@@ -1,7 +0,0 @@
-.media-new-content-element-wizard {
-       .media-left {
-               input {
-                       margin-left: 2px;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_main_type.less b/Build/Resources/Public/Less/TYPO3/_main_type.less
deleted file mode 100644 (file)
index cf5d905..0000000
+++ /dev/null
@@ -1,40 +0,0 @@
-//
-// Text variations
-//
-.text-monospace {
-       font-family: @font-family-monospace;
-}
-.text-normal {
-       font-weight: normal;
-}
-.text-pre-wrap {
-       white-space: pre-wrap;
-}
-
-//
-// 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
deleted file mode 100644 (file)
index da753d3..0000000
+++ /dev/null
@@ -1,64 +0,0 @@
-//
-// 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;
-       }
-}
-
-//
-// Icons
-//
-.col-icon img {
-       max-width: 28px;
-       max-height: 28px;
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_cshmanual.less b/Build/Resources/Public/Less/TYPO3/_module_cshmanual.less
deleted file mode 100644 (file)
index 4e0d45e..0000000
+++ /dev/null
@@ -1,15 +0,0 @@
-
-//
-// CSH manual module
-//
-.tx_cshmanual {
-       .t3-copyright-notice {
-               font-size: @font-size-small;
-               color: @gray-darker;
-               border-top: 1px solid @gray-light;
-               padding-top: @padding-base-vertical * 4;
-               > :last-child {
-                       margin-bottom: 0;
-               }
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_database.less b/Build/Resources/Public/Less/TYPO3/_module_database.less
deleted file mode 100644 (file)
index 01c00d0..0000000
+++ /dev/null
@@ -1,36 +0,0 @@
-//
-// 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
deleted file mode 100644 (file)
index b469a8f..0000000
+++ /dev/null
@@ -1,326 +0,0 @@
-//
-// 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 {
-       &:extend(.clearfix all);
-       margin-top: 1em;
-       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;
-       }
-}
-
-.distribution-detail {
-       &:extend(.clearfix all);
-       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;
-               max-width: 16px;
-       }
-
-       tr.installed td {
-               background-color: #c8ffaa;
-       }
-
-       tr.available td {
-               background-color: #E1E1aa;
-       }
-
-       .inactive {
-               color: rgb(170, 170, 170);
-       }
-
-       .insecure {
-               color: #ff2262;
-               a {
-                       color: inherit;
-               }
-       }
-
-       .outdated {
-               color: #0c08ff;
-               a {
-                       color: inherit;
-               }
-       }
-
-       // Hide author for now
-       .author {
-               display: none;
-       }
-}
-
-#extensionUploadForm {
-       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;
-       margin-top: 1em;
-       .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
deleted file mode 100644 (file)
index 2749710..0000000
+++ /dev/null
@@ -1,161 +0,0 @@
-//
-// 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,
-                                       &.removeLanguageLink,
-                                       &.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 {
-                               &.removeLanguageLink,
-                               &.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_recycler.less b/Build/Resources/Public/Less/TYPO3/_module_recycler.less
deleted file mode 100644 (file)
index 264205f..0000000
+++ /dev/null
@@ -1,12 +0,0 @@
-
-//
-// Recycler module
-//
-.tx_recycler_recycler {
-       tr.collapse {
-               display: none;
-       }
-       tr.collapse.in {
-               display: table-row;
-       }
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_scheduler.less b/Build/Resources/Public/Less/TYPO3/_module_scheduler.less
deleted file mode 100644 (file)
index cf6d68e..0000000
+++ /dev/null
@@ -1,19 +0,0 @@
-
-//
-// 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_tstemplate.less b/Build/Resources/Public/Less/TYPO3/_module_tstemplate.less
deleted file mode 100644 (file)
index 31d36a9..0000000
+++ /dev/null
@@ -1,12 +0,0 @@
-//
-// TS Template
-//
-.tstemplate-constanteditor {
-       .input-group.userTS {
-               .input-group-addon.colorbox {
-                       display: inline-block;
-                       height: 100%;
-                       position: absolute;
-               }
-       }
-}
\ No newline at end of file
diff --git a/Build/Resources/Public/Less/TYPO3/_module_viewpage.less b/Build/Resources/Public/Less/TYPO3/_module_viewpage.less
deleted file mode 100644 (file)
index 3651fec..0000000
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * Style definitions for the whole viewpage module
- */
-#typo3-inner-docbody  {
-       display: block;
-       position: absolute;
-       height: auto;
-       bottom: 0;
-       top: 0;
-       left: 0;
-       right: 0;
-       padding: 30px;
-}
-#resizeable {
-       height: 100%;
-}
-#tx_viewpage_iframe {
-       -webkit-box-shadow: 0px 0px 15px 0px #888888;
-       -moz-box-shadow: 0px 0px  15px 0px #888888;
-       box-shadow:0px 0px 15px 0px #888888;
-}
-
-/**
- * adjust jquery-ui resize handles
- */
-.ui-resizable-handle {
-       border: solid #dadada;
-       position: absolute;
-       font-size: 0.1px;
-       display: block;
-       -ms-touch-action: none;
-       touch-action: none;
-       -webkit-transform: translateX(50%);
-       -moz-transform: translateX(50%);
-       -ms-transform: translateX(50%);
-       -o-transform: translateX(50%);
-       transform: translateX(50%);
-}
-.ui-resizable-handle:hover {
-       border-color: #585858;
-}
-
-.ui-resizable-s {
-       cursor: row-resize;
-       height: 2px;
-       width: 40%;
-       bottom: -15px;
-       left: 30%;
-       border-width: 2px 0;
-}
-.ui-resizable-e {
-       cursor: e-resize;
-       width: 25px;
-       right: -5px;
-       top: 0;
-       height: 100%;
-       border-width: 0 2px;
-}
-.ui-resizable-se {
-       cursor: nwse-resize;
-       width: 12px;
-       height: 12px;
-       right: -15px;
-       bottom: -15px;
-       background-position: -80px -224px;
-       border-width: 0;
-}
diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_list_sysnote.less b/Build/Resources/Public/Less/TYPO3/_module_web_list_sysnote.less
deleted file mode 100644 (file)
index dcb8476..0000000
+++ /dev/null
@@ -1,56 +0,0 @@
-//
-// Sys notes
-//
-
-@sysnote-instruction-bg:      @state-info-bg;
-@sysnote-instruction-color:   #333;
-
-@sysnote-template-bg:         @state-warning-bg;
-@sysnote-template-color:      #333;
-
-@sysnote-notice-bg:           @state-notice-bg;
-@sysnote-notice-color:        #333;
-
-@sysnote-todo-bg:             @state-success-bg;
-@sysnote-todo-color:          #333;
-
-.typo3-dblist-sysnotes {
-       margin-top: 15px;
-       .panel-sysnote {
-               border: 0;
-               .panel-heading {
-                       padding: 5px;
-                       .typeicon {
-                               padding: 4px 4px 12px 4px;
-                               .icon {
-                                       margin-top: 5px;
-                               }
-                       }
-               }
-               .panel-body {
-                       h4 {
-                               margin-top: 0;
-                               span {
-                                       font-style: italic;
-                               }
-                       }
-               }
-       }
-       .panel-sysnote-category-1 {
-               background-color: @sysnote-instruction-bg;
-               color: @sysnote-instruction-color;
-       }
-       .panel-sysnote-category-2 {
-               background-color: @sysnote-template-bg;
-               color: @sysnote-template-color;
-       }
-       .panel-sysnote-category-3 {
-               background-color: @sysnote-notice-bg;
-               color: @sysnote-notice-color;
-       }
-       .panel-sysnote-category-4 {
-               background-color: @sysnote-todo-bg;
-               color: @sysnote-todo-color;
-       }
-}
-
diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_page.less b/Build/Resources/Public/Less/TYPO3/_module_web_page.less
deleted file mode 100644 (file)
index e60702e..0000000
+++ /dev/null
@@ -1,266 +0,0 @@
-//
-// 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-header-bg-danger: @brand-danger;
-@page-ce-header-hover-bg-danger: darken(@brand-danger, 10%);
-@page-ce-header-border-danger: @page-ce-header-bg-danger;
-@page-ce-header-hover-border-danger: @page-ce-header-hover-bg-danger;
-
-@page-ce-dropzone-bg: @state-success-bg;
-@page-ce-dropzone-border: @state-success-border;
-@page-ce-dropzone-border-radius: @page-ce-border-radius;
-@page-ce-dropzone-possible-bg: @state-warning-bg;
-@page-ce-dropzone-possible-border: @state-warning-border;
-
-//
-// Grid
-//
-.t3-grid-table {
-       border-collapse: separate;
-       border-spacing: @page-grid-spacing 0;
-       min-width: 100%;
-       table-layout: fixed;
-}
-.t3-grid-container {
-       margin: 0px (@page-grid-spacing * -1) @line-height-computed;
-}
-.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('../../../../backend/Resources/Public/Images/Backgrounds/layout-not-assigned.png') repeat;
-}
-
-
-//
-// Columns
-//
-.t3-page-columns {
-       min-width: 100%;
-}
-.t3-page-column {
-       min-width: 150px;
-       max-width: 300px;
-       > h2 {
-               margin-top: 0;
-       }
-}
-.t3-page-column-header-icons {
-       .transition(opacity .15s ease-in);
-       opacity: 0.3;
-       position: absolute;
-       right: @page-grid-spacing;
-       bottom: @page-grid-spacing / 2;
-}
-.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 {
-                       opacity: 1;
-               }
-       }
-}
-.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 {
-     &