diff --git a/typo3/contrib/normalize/normalize.css b/typo3/contrib/normalize/normalize.css deleted file mode 100644 index 196d223f12c3619e8b9f8cf393b7b5ac12c4bae4..0000000000000000000000000000000000000000 --- a/typo3/contrib/normalize/normalize.css +++ /dev/null @@ -1,423 +0,0 @@ -/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined in IE 8/9. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - -audio, -canvas, -progress, -video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9. - * Hide the `template` element in IE, Safari, and Firefox < 22. - */ - -[hidden], -template { - display: none; -} - -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background: transparent; -} - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Address styling not present in IE 8/9, Safari 5, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari 5 and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari 5, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9. - */ - -img { - border: 0; -} - -/** - * Correct overflow displayed oddly in IE 9. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari 5. - */ - -figure { - margin: 1em 40px; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -/* Forms - ========================================================================== */ - -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ - -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - */ - -button, -input, -optgroup, -select, -textarea { - color: inherit; /* 1 */ - font: inherit; /* 2 */ - margin: 0; /* 3 */ -} - -/** - * Address `overflow` set to `hidden` in IE 8/9/10. - */ - -button { - overflow: visible; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8+, and Opera - * Correct `select` style inheritance in Firefox. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Remove default vertical scrollbar in IE 8/9. - */ - -textarea { - overflow: auto; -} - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ - -optgroup { - font-weight: bold; -} - -/* Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} diff --git a/typo3/sysext/backend/Classes/Controller/BackendController.php b/typo3/sysext/backend/Classes/Controller/BackendController.php index a7d30248c9642d8aa50d0d1a80b9b331724eba85..65b5b528bb94fa5bdd1e2afd3b03230ab6493d35 100644 --- a/typo3/sysext/backend/Classes/Controller/BackendController.php +++ b/typo3/sysext/backend/Classes/Controller/BackendController.php @@ -130,8 +130,6 @@ class BackendController { if (!$this->debug) { $this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/LoginRefresh'); } - // Add default BE css - $this->pageRenderer->addCssLibrary('contrib/normalize/normalize.css', 'stylesheet', 'all', '', TRUE, TRUE); // load FlashMessages functionality $this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/FlashMessages'); @@ -139,12 +137,15 @@ class BackendController { // load Modals $this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/Modal'); + // load Legacy CSS Support + $this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/LegacyCssClasses'); + // load the storage API and fill the UC into the PersistentStorage, so no additional AJAX call is needed $this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/Storage', 'function(Storage) { Storage.Persistent.load(' . json_encode($GLOBALS['BE_USER']->uc) . '); }'); $this->css = ''; - + $this->initializeToolbarItems(); if (isset($GLOBALS['TBE_STYLES']['dims']['leftMenuFrameW'])) { $this->menuWidth = (int)$GLOBALS['TBE_STYLES']['dims']['leftMenuFrameW']; @@ -804,4 +805,4 @@ class BackendController { return $view; } -} \ No newline at end of file +} diff --git a/typo3/sysext/backend/Classes/Controller/ContentElement/ElementInformationController.php b/typo3/sysext/backend/Classes/Controller/ContentElement/ElementInformationController.php index a5e6b39036aafeb98c737ed45e74e89acb127f6c..964ba087af9ae8c584a0e8e8c0783fa72678f010 100644 --- a/typo3/sysext/backend/Classes/Controller/ContentElement/ElementInformationController.php +++ b/typo3/sysext/backend/Classes/Controller/ContentElement/ElementInformationController.php @@ -288,7 +288,7 @@ class ElementInformationController { // Download if ($url) { - $downloadLink .= '<a href="' . htmlspecialchars($url) . '" target="_blank" class="t3-button">' . + $downloadLink .= '<a class="btn btn-primary" href="' . htmlspecialchars($url) . '" target="_blank">' . IconUtility::getSpriteIcon('actions-edit-download') . ' ' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_common.xlf:download', TRUE) . '</a>'; @@ -370,7 +370,7 @@ class ElementInformationController { </tr>'; } - return '<table class="t3-table">' . implode('', $tableRows) . '</table>'; + return '<table class="table table-striped table-hover">' . implode('', $tableRows) . '</table>'; } /** @@ -441,7 +441,7 @@ class ElementInformationController { return ''; } - return '<table id="typo3-showitem" class="t3-table-info">' . + return '<table id="typo3-showitem" class="table table-striped table-hover">' . implode('', $tableRows) . '</table>'; } @@ -558,7 +558,7 @@ class ElementInformationController { } $referenceLine = ''; if (count($infoData)) { - $referenceLine = '<table class="t3-table">' . + $referenceLine = '<table class="table table-striped table-hover">' . '<thead>' . $infoDataHeader . '</thead>' . '<tbody>' . implode('', $infoData) . @@ -613,7 +613,7 @@ class ElementInformationController { return; } - return '<table class="t3-table">' . + return '<table class="table table-striped table-hover">' . '<thead>' . $infoDataHeader . '</thead>' . '<tbody>' . implode('', $infoData) . diff --git a/typo3/sysext/backend/Classes/Controller/File/FileUploadController.php b/typo3/sysext/backend/Classes/Controller/File/FileUploadController.php index 6362ff45705e2e1303c060564c338979491d5f22..098a15e2470ac367dbe52c76357a5f58184d688a 100644 --- a/typo3/sysext/backend/Classes/Controller/File/FileUploadController.php +++ b/typo3/sysext/backend/Classes/Controller/File/FileUploadController.php @@ -175,7 +175,7 @@ class FileUploadController { <div id="c-submit"> <input type="hidden" name="redirect" value="' . $this->returnUrl . '" /><br /> ' . \TYPO3\CMS\Backend\Form\FormEngine::getHiddenTokenField('tceAction') . ' - <input type="submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" /> + <input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" /> </div> '; return $content; diff --git a/typo3/sysext/backend/Classes/Controller/Wizard/ColorpickerController.php b/typo3/sysext/backend/Classes/Controller/Wizard/ColorpickerController.php index 4c4f0d230ecdadaed0bf1665e5282b560d634992..708c5f7840406a79bc417944277865e12d8e4522 100644 --- a/typo3/sysext/backend/Classes/Controller/Wizard/ColorpickerController.php +++ b/typo3/sysext/backend/Classes/Controller/Wizard/ColorpickerController.php @@ -213,9 +213,15 @@ class ColorpickerController extends AbstractWizardController { <p class="c-head">' . $this->getLanguageService()->getLL('colorpicker_colorValue', TRUE) . '</p> <table border="0" cellpadding="0" cellspacing="3"> <tr> - <td><input type="text" ' . $this->doc->formWidth(7) . ' maxlength="10" name="colorValue" value="' . htmlspecialchars($this->colorValue) . '" /></td> - <td style="background-color:' . htmlspecialchars($this->colorValue) . '; border: 1px solid black;"> <span style="color: black;">' . $this->getLanguageService()->getLL('colorpicker_black', TRUE) . '</span> <span style="color: white;">' . $this->getLanguageService()->getLL('colorpicker_white', TRUE) . '</span> </td> - <td><input type="submit" name="save_close" value="' . $this->getLanguageService()->getLL('colorpicker_setClose', TRUE) . '" /></td> + <td> + <input type="text" ' . $this->doc->formWidth(7) . ' maxlength="10" name="colorValue" value="' . htmlspecialchars($this->colorValue) . '" /> + </td> + <td style="background-color:' . htmlspecialchars($this->colorValue) . '; border: 1px solid black;"> + <span style="color: black;">' . $this->getLanguageService()->getLL('colorpicker_black', TRUE) . '</span> <span style="color: white;">' . $this->getLanguageService()->getLL('colorpicker_white', TRUE) . '</span> + </td> + <td> + <input class="btn btn-default" type="submit" name="save_close" value="' . $this->getLanguageService()->getLL('colorpicker_setClose', TRUE) . '" /> + </td> </tr> </table> diff --git a/typo3/sysext/backend/Classes/Form/Element/InlineElement.php b/typo3/sysext/backend/Classes/Form/Element/InlineElement.php index 5338dd1e68d624a6dc63a031323f42eefe551046..c54a53d19dd6334fcfee42674eec360744557a6b 100644 --- a/typo3/sysext/backend/Classes/Form/Element/InlineElement.php +++ b/typo3/sysext/backend/Classes/Form/Element/InlineElement.php @@ -858,7 +858,7 @@ class InlineElement { } else { $createNewRelationText = $this->getLanguageService()->sL('LLL:EXT:lang/locallang_core.xlf:cm.createNewRelation', TRUE); } - $item .= ' <a href="#" class="t3-button" onclick="' . htmlspecialchars($onChange) . '" align="abstop">' . IconUtility::getSpriteIcon('actions-document-new', array('title' => $createNewRelationText)) . $createNewRelationText . '</a>'; + $item .= ' <a href="#" class="btn btn-default" onclick="' . htmlspecialchars($onChange) . '" align="abstop">' . IconUtility::getSpriteIcon('actions-document-new', array('title' => $createNewRelationText)) . $createNewRelationText . '</a>'; $item = '<div class="t3-form-field-group">' . $item . '</div>'; } return $item; @@ -902,7 +902,7 @@ class InlineElement { $browserParams = '|||' . $allowed . '|' . $objectPrefix . '|inline.checkUniqueElement||inline.importElement'; $onClick = 'setFormValueOpenBrowser(\'' . $mode . '\', \'' . $browserParams . '\'); return false;'; - $item = '<a href="#" class="t3-button" onclick="' . htmlspecialchars($onClick) . '">'; + $item = '<a href="#" class="btn btn-default" onclick="' . htmlspecialchars($onClick) . '">'; $item .= IconUtility::getSpriteIcon('actions-insert-record', array('title' => $createNewRelationText)); $item .= $createNewRelationText . '</a>'; @@ -913,7 +913,7 @@ class InlineElement { && $folder->checkActionPermission('add') ) { $maxFileSize = GeneralUtility::getMaxUploadFileSize() * 1024; - $item .= ' <a href="#" class="t3-button t3-drag-uploader" + $item .= ' <a href="#" class="btn btn-default t3-drag-uploader" style="display:none" data-dropzone-target="#' . htmlspecialchars($this->inlineNames['object']) . '" data-insert-dropzone-before="1" @@ -965,7 +965,7 @@ class InlineElement { $title = $languageService->sL('LLL:EXT:lang/locallang_core.xlf:cm.createnew', TRUE); $icon = 'actions-document-new'; $className = 'typo3-newRecordLink'; - $attributes['class'] = 't3-button inlineNewButton ' . $this->inlineData['config'][$nameObject]['md5']; + $attributes['class'] = 'btn btn-default inlineNewButton ' . $this->inlineData['config'][$nameObject]['md5']; $attributes['onclick'] = 'return inline.createNewRecord(\'' . $objectPrefix . '\')'; if (!empty($conf['inline']['inlineNewButtonStyle'])) { $attributes['style'] = $conf['inline']['inlineNewButtonStyle']; @@ -983,14 +983,14 @@ class InlineElement { $title = $languageService->sL('LLL:EXT:lang/locallang_misc.xlf:localizeAllRecords', 1); $icon = 'actions-document-localize'; $className = 'typo3-localizationLink'; - $attributes['class'] = 't3-button'; + $attributes['class'] = 'btn btn-default'; $attributes['onclick'] = 'return inline.synchronizeLocalizeRecords(\'' . $objectPrefix . '\', \'localize\')'; break; case 'synchronize': $title = $languageService->sL('LLL:EXT:lang/locallang_misc.xlf:synchronizeWithOriginalLanguage', TRUE); $icon = 'actions-document-synchronize'; $className = 'typo3-synchronizationLink'; - $attributes['class'] = 't3-button inlineNewButton ' . $this->inlineData['config'][$nameObject]['md5']; + $attributes['class'] = 'btn btn-default inlineNewButton ' . $this->inlineData['config'][$nameObject]['md5']; $attributes['onclick'] = 'return inline.synchronizeLocalizeRecords(\'' . $objectPrefix . '\', \'synchronize\')'; break; default: diff --git a/typo3/sysext/backend/Classes/History/RecordHistory.php b/typo3/sysext/backend/Classes/History/RecordHistory.php index 48b3af0450a704b58334e79958f4f827f4e883c3..cfd2cdf88e5257879d945a73700591ce7469e1ad 100644 --- a/typo3/sysext/backend/Classes/History/RecordHistory.php +++ b/typo3/sysext/backend/Classes/History/RecordHistory.php @@ -449,7 +449,7 @@ class RecordHistory { <!-- History (list): --> - <table class="t3-table" id="typo3-history"> + <table class="table table-striped table-hover" id="typo3-history"> ' . implode('', $lines) . ' </table>'; if ($this->lastSyslogId) { diff --git a/typo3/sysext/backend/Classes/Module/ModuleSettings.php b/typo3/sysext/backend/Classes/Module/ModuleSettings.php index f2244de173648df711a451eda1d0004ebc222f50..78e6f6d49d286a9a30ca685199cf6f0710e0564e 100644 --- a/typo3/sysext/backend/Classes/Module/ModuleSettings.php +++ b/typo3/sysext/backend/Classes/Module/ModuleSettings.php @@ -379,12 +379,12 @@ class ModuleSettings { // Load button if (in_array('load', $showElements)) { $code .= ' - <input type="submit" name="storeControl[LOAD]" value="Load" /> '; + <input class="btn btn-default" type="submit" name="storeControl[LOAD]" value="Load" /> '; } // Remove button if (in_array('remove', $showElements)) { $code .= ' - <input type="submit" name="storeControl[REMOVE]" value="Remove" /> '; + <input class="btn btn-default" type="submit" name="storeControl[REMOVE]" value="Remove" /> '; } $codeTD[] = '<td width="1%">Preset:</td>'; $codeTD[] = '<td nowrap="nowrap">' . $code . ' </td>'; @@ -393,7 +393,7 @@ class ModuleSettings { if (in_array('save', $showElements)) { $onClick = !$storedEntries ? '' : 'if (document.forms[\'' . $this->formName . '\'][\'storeControl[STORE]\'].options[document.forms[\'' . $this->formName . '\'][\'storeControl[STORE]\'].selectedIndex].value<0) return confirm(\'Are you sure you want to overwrite the existing entry?\');'; $code = '<input name="storeControl[title]" value="" type="text" max="80" width="25"> '; - $code .= '<input type="submit" name="storeControl[SAVE]" value="Save" onClick="' . htmlspecialchars($onClick) . '" />'; + $code .= '<input class="btn btn-default" type="submit" name="storeControl[SAVE]" value="Save" onClick="' . htmlspecialchars($onClick) . '" />'; $codeTD[] = '<td nowrap="nowrap">' . $code . '</td>'; } $codeTD = implode(' diff --git a/typo3/sysext/backend/Classes/Template/DocumentTemplate.php b/typo3/sysext/backend/Classes/Template/DocumentTemplate.php index 9062a36d560afec8c7191fcc6ac6b22011e39f1c..b316edf98d13b00476f94106e5c596ffa85f615f 100644 --- a/typo3/sysext/backend/Classes/Template/DocumentTemplate.php +++ b/typo3/sysext/backend/Classes/Template/DocumentTemplate.php @@ -389,6 +389,10 @@ function jumpToUrl(URL) { public function __construct() { // Initializes the page rendering object: $this->getPageRenderer(); + + // load Legacy CSS Support + $this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/LegacyCssClasses'); + // Setting default scriptID: if (($temp_M = (string)GeneralUtility::_GET('M')) && $GLOBALS['TBE_MODULES']['_PATHS'][$temp_M]) { $this->scriptID = preg_replace('/^.*\\/(sysext|ext)\\//', 'ext/', $GLOBALS['TBE_MODULES']['_PATHS'][$temp_M] . 'index.php'); @@ -441,7 +445,6 @@ function jumpToUrl(URL) { if (!isset($this->pageRenderer)) { $this->pageRenderer = GeneralUtility::makeInstance(\TYPO3\CMS\Core\Page\PageRenderer::class); $this->pageRenderer->setLanguage($GLOBALS['LANG']->lang); - $this->pageRenderer->addCssLibrary($GLOBALS['BACK_PATH'] . 'contrib/normalize/normalize.css', 'stylesheet', 'all', '', TRUE, TRUE); $this->pageRenderer->enableConcatenateFiles(); $this->pageRenderer->enableCompressCss(); $this->pageRenderer->enableCompressJavascript(); @@ -1288,7 +1291,7 @@ function jumpToUrl(URL) { * @return string A <input> tag of the type "submit */ public function t3Button($onClick, $label) { - $button = '<input type="submit" onclick="' . htmlspecialchars($onClick) . '; return false;" value="' . htmlspecialchars($label) . '" />'; + $button = '<input class="btn btn-default" type="submit" onclick="' . htmlspecialchars($onClick) . '; return false;" value="' . htmlspecialchars($label) . '" />'; return $button; } diff --git a/typo3/sysext/backend/Classes/Utility/BackendUtility.php b/typo3/sysext/backend/Classes/Utility/BackendUtility.php index a53e1bbd07d52bad3db1d0f7216481b96aaaa9da..c16b78e8df4b29c4223324a94f4c37278023066e 100644 --- a/typo3/sysext/backend/Classes/Utility/BackendUtility.php +++ b/typo3/sysext/backend/Classes/Utility/BackendUtility.php @@ -2473,7 +2473,7 @@ class BackendUtility { } } $out = implode('', $lines); - $out .= '<input type="submit" name="submit" value="Update configuration" />'; + $out .= '<input class="btn btn-default" type="submit" name="submit" value="Update configuration" />'; return $out; } diff --git a/typo3/sysext/backend/Classes/View/ModuleMenuView.php b/typo3/sysext/backend/Classes/View/ModuleMenuView.php index 40364d483c1802fcefc6000537ea6518b0ac5911..b1fc442e56d9478f96b38a7603209705782e71a4 100644 --- a/typo3/sysext/backend/Classes/View/ModuleMenuView.php +++ b/typo3/sysext/backend/Classes/View/ModuleMenuView.php @@ -358,7 +358,7 @@ class ModuleMenuView { $buttonLabel = $GLOBALS['BE_USER']->user['ses_backuserid'] ? 'LLL:EXT:lang/locallang_core.xlf:buttons.exit' : 'LLL:EXT:lang/locallang_core.xlf:buttons.logout'; $buttonForm = ' <form action="logout.php" target="_top"> - <input type="submit" id="logout-submit-button" value="' . $GLOBALS['LANG']->sL($buttonLabel, TRUE) . '" /> + <input class="btn btn-default" type="submit" id="logout-submit-button" value="' . $GLOBALS['LANG']->sL($buttonLabel, TRUE) . '" /> </form>'; return $buttonForm; } diff --git a/typo3/sysext/backend/Classes/View/PageLayoutView.php b/typo3/sysext/backend/Classes/View/PageLayoutView.php index 632a0cf09136da6f2ed0840497e66d88ff192596..c6eb658b350429145e2742293b19b5e23f8c3845 100644 --- a/typo3/sysext/backend/Classes/View/PageLayoutView.php +++ b/typo3/sysext/backend/Classes/View/PageLayoutView.php @@ -373,7 +373,7 @@ class PageLayoutView extends \TYPO3\CMS\Recordlist\RecordList\AbstractDatabaseRe // CSH: $out = BackendUtility::cshItem($this->descrTable, ('func_' . $pKey)) . ' <div class="table-fit"> - <table class="t3-table typo3-page-pages">' . + <table class="table table-striped table-hover typo3-page-pages">' . '<thead>' . $this->addelement(1, '', $theData) . '</thead>' . diff --git a/typo3/sysext/backend/Resources/Private/Templates/login.html b/typo3/sysext/backend/Resources/Private/Templates/login.html index 698fd626d6f19dd80a389299931d9adde4d9134f..f8d1a4e13550f6c9a9f60e6db043505df92666a8 100644 --- a/typo3/sysext/backend/Resources/Private/Templates/login.html +++ b/typo3/sysext/backend/Resources/Private/Templates/login.html @@ -93,8 +93,7 @@ </div> <div class="form-group"> - <input type="submit" name="commandLI" value="###VALUE_SUBMIT###" id="t3-login-submit" class="form-control" /> - + <input class="btn btn-block" type="submit" name="commandLI" value="###VALUE_SUBMIT###" id="t3-login-submit" /> <div id="t3-login-process" style="display: none;"> <i class="fa fa-spin fa-spinner"></i> ###LOGIN_PROCESS### @@ -125,7 +124,7 @@ <!-- ###INTERFACE_SELECTOR### end --> <input type="hidden" name="p_field" value="" /> - <input type="submit" name="commandLO" value="###VALUE_SUBMIT###" id="t3-login-submit" class="form-control" /> + <input class="btn btn-block" type="submit" name="commandLO" value="###VALUE_SUBMIT###" id="t3-login-submit" /> </div> </div> <!-- ###LOGOUT_FORM### end --> diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js b/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js index 7586a49babbd2413169135d718d8b11bd86bb6a8..98e5c67c5bc26bec39b64d786a08c33cd2e4a2f8 100644 --- a/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js +++ b/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js @@ -139,7 +139,7 @@ define('TYPO3/CMS/Backend/DragUploader', ['jquery'], function($) { // no filelist then create own progress table if (me.$fileList.length === 0) { - me.$fileList = $('<table />').attr('id', 'typo3-filelist').addClass('t3-table t3-upload-queue').html('<tbody></tbody>').hide(); + me.$fileList = $('<table />').attr('id', 'typo3-filelist').addClass('table table-striped table-hover t3-upload-queue').html('<tbody></tbody>').hide(); if (me.dropZoneInsertBefore) { me.$fileList.insertAfter(me.$dropzone); } else { diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/LegacyCssClasses.js b/typo3/sysext/backend/Resources/Public/JavaScript/LegacyCssClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..f34686c8daab961b37b05bfd7ebff4b7fc295d9c --- /dev/null +++ b/typo3/sysext/backend/Resources/Public/JavaScript/LegacyCssClasses.js @@ -0,0 +1,57 @@ +/* + * This file is part of the TYPO3 CMS project. + * + * It is free software; you can redistribute it and/or modify it under + * the terms of the GNU General Public License, either version 2 + * of the License, or any later version. + * + * For the full copyright and license information, please read the + * LICENSE.txt file that was distributed with this source code. + * + * The TYPO3 project - inspiring people to share! + */ + +/** + * JavaScript replacement for Legacy CSS Classes + */ +define('TYPO3/CMS/Backend/LegacyCssClasses', ['jquery'], function($) { + var LegacyCssClasses = { + replacements: [ + { + selector: '.t3-table', + remove: ['t3-table'], + add: ['table', 'table-striped', 'table-hover'] + } + ] + }; + + LegacyCssClasses.initialize = function() { + $.each(LegacyCssClasses.replacements, function(key, replacement) { + $items = $(replacement.selector); + if ($items.length > 0) { + $items.each(function() { + $item = $(this); + if (replacement.remove.length > 0) { + $.each(replacement.remove, function(oldClassId, oldClassName) { + $item.removeClass(oldClassName); + }); + } + if (replacement.add.length > 0) { + $.each(replacement.add, function(newClassId, newClassName) { + $item.addClass(newClassName); + }); + } + }); + } + }); + }; + + /** + * initialize function + */ + return function() { + LegacyCssClasses.initialize(); + return LegacyCssClasses; + }(); + +}); \ No newline at end of file diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/LoginRefresh.js b/typo3/sysext/backend/Resources/Public/JavaScript/LoginRefresh.js index 8b917edf1a580e0809e549ea6f0771fdf9b82558..bfc2c68cc3b08fc11f9753a8fb788e6631a8bd84 100644 --- a/typo3/sysext/backend/Resources/Public/JavaScript/LoginRefresh.js +++ b/typo3/sysext/backend/Resources/Public/JavaScript/LoginRefresh.js @@ -94,7 +94,7 @@ define('TYPO3/CMS/Backend/LoginRefresh', ['jquery'], function($) { ) ); LoginRefresh.$timeoutModal.find('.modal-footer').append( - $('<button />', {class: 't3-button', 'data-action': 'refreshSession'}).text(TYPO3.LLL.core.refresh_login_refresh_button).on('click', function() { + $('<button />', {class: 'btn btn-default', 'data-action': 'refreshSession'}).text(TYPO3.LLL.core.refresh_login_refresh_button).on('click', function() { $.ajax({ url: TYPO3.settings.ajaxUrls['BackendLogin::isTimedOut'], method: 'GET', @@ -103,7 +103,7 @@ define('TYPO3/CMS/Backend/LoginRefresh', ['jquery'], function($) { } }); }), - $('<button />', {class: 't3-button', 'data-action': 'logout'}).text(TYPO3.LLL.core.refresh_direct_logout_button).on('click', function() { + $('<button />', {class: 'btn btn-default', 'data-action': 'logout'}).text(TYPO3.LLL.core.refresh_direct_logout_button).on('click', function() { top.location.href = TYPO3.configuration.siteUrl + TYPO3.configuration.TYPO3_mainDir + 'logout.php'; }) ); @@ -193,8 +193,8 @@ define('TYPO3/CMS/Backend/LoginRefresh', ['jquery'], function($) { ) ); LoginRefresh.$loginForm.find('.modal-footer').append( - $('<button />', {type: 'submit', form: 'beLoginRefresh', class: 't3-button', 'data-action': 'refreshSession'}).text(TYPO3.LLL.core.refresh_login_button), - $('<button />', {class: 't3-button', 'data-action': 'logout'}).text(TYPO3.LLL.core.refresh_direct_logout_button).on('click', function() { + $('<button />', {type: 'submit', form: 'beLoginRefresh', class: 'btn btn-default', 'data-action': 'refreshSession'}).text(TYPO3.LLL.core.refresh_login_button), + $('<button />', {class: 'btn btn-default', 'data-action': 'logout'}).text(TYPO3.LLL.core.refresh_direct_logout_button).on('click', function() { top.location.href = TYPO3.configuration.siteUrl + TYPO3.configuration.TYPO3_mainDir + 'logout.php'; }) ); diff --git a/typo3/sysext/belog/Resources/Private/Partials/Content/LogEntries.html b/typo3/sysext/belog/Resources/Private/Partials/Content/LogEntries.html index 590a7e0976cd2d0c5eec24563f1c361c9f8d4a01..0d03c4af9460a1f8ee16320176130c6daaed0ccf 100644 --- a/typo3/sysext/belog/Resources/Private/Partials/Content/LogEntries.html +++ b/typo3/sysext/belog/Resources/Private/Partials/Content/LogEntries.html @@ -99,7 +99,7 @@ <f:format.date format="{settings.dateFormat}">@{dayTimestamp}</f:format.date> </h3> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th valign="top"> diff --git a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Compare.html b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Compare.html index 4810607e4b4f341e0c48482cd2fb3a0c638260c4..2225e38c077318045c47432dadb41d6beb0c7d09 100644 --- a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Compare.html +++ b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Compare.html @@ -11,7 +11,7 @@ </f:section> <f:section name="content"> - <table border="0" cellpadding="0" cellspacing="0" id="tx_beuser_compare" class="t3-table"> + <table border="0" cellpadding="0" cellspacing="0" id="tx_beuser_compare" class="table table-striped table-hover"> <thead> <tr class="t3-row-header"> <th> </th> diff --git a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Index.html b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Index.html index 7b5ec08ca08cd22c0e045771f465ef3f762872c8..ffce70cbee54baafc8fd913059d4f440cd6100af 100644 --- a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Index.html +++ b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Index.html @@ -52,7 +52,7 @@ <f:be.widget.paginate objects="{backendUsers}" as="paginatedBackendUsers" configuration="{itemsPerPage: 50, insertAbove: 1, insertBelow: 1}"> <div class="table-fit"> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th class="col-icon"></th> diff --git a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Online.html b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Online.html index 7a6c3a8d057f1a9e6451e99ca21e3f7fe719811c..5d75ee04365718b1ae9cd790ce59f713cb84eb7a 100644 --- a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Online.html +++ b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Online.html @@ -10,7 +10,7 @@ </f:section> <f:section name="content"> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th><f:translate key="userName" /> / <f:translate key="realName" /></th> diff --git a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Edit.html b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Edit.html index a54f78079c9e6d70a2fc815b8f070f829f84ca57..b15fc60bf2e99ebe29241938de3208b56eece86b 100644 --- a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Edit.html +++ b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Edit.html @@ -34,7 +34,7 @@ </f:if> - <table class="t3-table" id="typo3-permissionMatrix"> + <table class="table table-striped table-hover" id="typo3-permissionMatrix"> <thead> <tr> <th></th> diff --git a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html index 07243278451ea5608dbd6da9c6efdda43fa29e65..5370bcf661d7383d61f9453423a158260b28d066 100644 --- a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html +++ b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html @@ -17,7 +17,7 @@ </div> <div class="table-fit"> - <table class="t3-table" id="typo3-permissionList"> + <table class="table table-striped table-hover" id="typo3-permissionList"> <thead> <tr> <th colspan="2"> </th> diff --git a/typo3/sysext/core/Classes/Database/QueryView.php b/typo3/sysext/core/Classes/Database/QueryView.php index 74b6bd5de2f10e7c5c7bb157f4dc15e6277b2682..a83c721c6c7f58b3e68be6474a68754e29cf4504 100644 --- a/typo3/sysext/core/Classes/Database/QueryView.php +++ b/typo3/sysext/core/Classes/Database/QueryView.php @@ -71,7 +71,8 @@ class QueryView { public function form() { $out = ' Search Word:<BR> - <input type="search" name="SET[sword]" value="' . htmlspecialchars($GLOBALS['SOBE']->MOD_SETTINGS['sword']) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . '><input type="submit" name="submit" value="Search All Records"> + <input type="search" name="SET[sword]" value="' . htmlspecialchars($GLOBALS['SOBE']->MOD_SETTINGS['sword']) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . '> + <input class="btn btn-default" type="submit" name="submit" value="Search All Records"> '; return $out; } @@ -103,8 +104,19 @@ class QueryView { $TDparams = ' nowrap="nowrap" class="bgColor4"'; $tmpCode = ' <table border="0" cellpadding="3" cellspacing="1"> - <tr' . $TDparams . '><td><select name="storeControl[STORE]" onChange="document.forms[0][\'storeControl[title]\'].value= this.options[this.selectedIndex].value!=0 ? this.options[this.selectedIndex].text : \'\';">' . implode(LF, $opt) . '</select><input type="submit" name="storeControl[LOAD]" value="Load"></td></tr> - <tr' . $TDparams . '><td nowrap><input name="storeControl[title]" value="" type="text" max="80"' . $GLOBALS['SOBE']->doc->formWidth() . '><input type="submit" name="storeControl[SAVE]" value="Save" onClick="if (document.forms[0][\'storeControl[STORE]\'].options[document.forms[0][\'storeControl[STORE]\'].selectedIndex].value<0) return confirm(\'Are you sure you want to overwrite the existing query in this action?\');"><input type="submit" name="storeControl[REMOVE]" value="Remove"></td></tr> + <tr' . $TDparams . '> + <td> + <select name="storeControl[STORE]" onChange="document.forms[0][\'storeControl[title]\'].value= this.options[this.selectedIndex].value!=0 ? this.options[this.selectedIndex].text : \'\';">' . implode(LF, $opt) . '</select> + <input class="btn btn-default" type="submit" name="storeControl[LOAD]" value="Load"> + </td> + </tr> + <tr' . $TDparams . '> + <td nowrap> + <input name="storeControl[title]" value="" type="text" max="80"' . $GLOBALS['SOBE']->doc->formWidth() . '> + <input class="btn btn-default" type="submit" name="storeControl[SAVE]" value="Save" onClick="if (document.forms[0][\'storeControl[STORE]\'].options[document.forms[0][\'storeControl[STORE]\'].selectedIndex].value<0) return confirm(\'Are you sure you want to overwrite the existing query in this action?\');"> + <input class="btn btn-default" type="submit" name="storeControl[REMOVE]" value="Remove"> + </td> + </tr> </table> '; return $tmpCode; @@ -406,7 +418,7 @@ class QueryView { if (count($rowArr)) { $out .= '<textarea name="whatever" rows="20" wrap="off"' . $GLOBALS['SOBE']->doc->formWidthText($this->formW, '', 'off') . ' class="fixed-font">' . GeneralUtility::formatForTextarea(implode(LF, $rowArr)) . '</textarea>'; if (!$this->noDownloadB) { - $out .= '<BR><input type="submit" name="download_file" value="Click to download file" onClick="window.location.href=\'' . $this->downloadScript . '\';">'; + $out .= '<br><input class="btn btn-default" type="submit" name="download_file" value="Click to download file" onClick="window.location.href=\'' . $this->downloadScript . '\';">'; } // Downloads file: if (GeneralUtility::_GP('download_file')) { diff --git a/typo3/sysext/core/Classes/TypoScript/ConfigurationForm.php b/typo3/sysext/core/Classes/TypoScript/ConfigurationForm.php index 4ea3a5f816e05dbbf412ecc61fc7af53d2efb83e..11b5515feec737eee94f8787cc081f243040ac59 100644 --- a/typo3/sysext/core/Classes/TypoScript/ConfigurationForm.php +++ b/typo3/sysext/core/Classes/TypoScript/ConfigurationForm.php @@ -130,7 +130,7 @@ class ConfigurationForm extends \TYPO3\CMS\Core\TypoScript\ExtendedTemplateServi } $content .= $addFields; $content .= $printFields; - $content .= '<input type="submit" name="submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_tsfe.xlf:update', TRUE) . '" id="configuration-submit-' . htmlspecialchars($extKey) . '" />'; + $content .= '<input class="btn btn-default" type="submit" name="submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_tsfe.xlf:update', TRUE) . '" id="configuration-submit-' . htmlspecialchars($extKey) . '" />'; $example = $this->ext_displayExample(); $content .= $example ? '<hr/>' . $example : ''; return $content; diff --git a/typo3/sysext/core/Documentation/Changelog/master/Breaking-64102-MoveT3TableAndT3ButtonToBootstrap.rst b/typo3/sysext/core/Documentation/Changelog/master/Breaking-64102-MoveT3TableAndT3ButtonToBootstrap.rst new file mode 100644 index 0000000000000000000000000000000000000000..16e4672353214b45b6293c727576dbee512f3734 --- /dev/null +++ b/typo3/sysext/core/Documentation/Changelog/master/Breaking-64102-MoveT3TableAndT3ButtonToBootstrap.rst @@ -0,0 +1,30 @@ +=========================================================== +Breaking: #64102 - Move t3-table and t3-button to bootstrap +=========================================================== + +Description +=========== + +In transition to full boostrap coverage and streamlining the backend, we are dropping the support for the css classes +.t3-table and .t3-button. We are replacing them with the corresponding bootstrap css classes for tables and buttons. +See http://getbootstrap.com/css/#tables and http://getbootstrap.com/css/#buttons for more details. + + +Impact +====== + +Custom implementations of tables and and buttons in backendmodules will lose the TYPO3 default styling. + + +Affected installations +====================== + +Extensions that provide custom backend modules that are using the css classes .t3-table / .t3-button + + +Migration +========= + +For tables we recommend the usage of the css class combination "table table-striped table-hover" instead of "t3-table". + +For buttons we recommend the usage of the css class combination "btn btn-default" instead of "t3-button". diff --git a/typo3/sysext/dbal/Classes/Controller/ModuleController.php b/typo3/sysext/dbal/Classes/Controller/ModuleController.php index a9a88a796bc6bc44a7f12df008d4e08d29fa3f0f..a50f7cec6ee82b319066541f88c8dcab296016c1 100644 --- a/typo3/sysext/dbal/Classes/Controller/ModuleController.php +++ b/typo3/sysext/dbal/Classes/Controller/ModuleController.php @@ -179,7 +179,12 @@ function updateQryForm(s) { <tr id="tx-dbal-qrygroup"><th>GROUP BY</th><td><input name="tx_dbal[GROUP]" value="' . $input['GROUP'] . '" type="text" size="30" maxsize="100" /></td></tr> <tr id="tx-dbal-qryorder"><th>ORDER BY</th><td><input name="tx_dbal[ORDER]" value="' . $input['ORDER'] . '" type="text" size="30" maxsize="100" /></td></tr> <tr id="tx-dbal-qrylimit"><th>LIMIT</th><td><input name="tx_dbal[LIMIT]" value="' . $input['LIMIT'] . '" type="text" size="30" maxsize="100" /></td></tr> - <tr><td></td><td style="text-align:right;"><input type="submit" value="CHECK" /></td></tr> + <tr> + <td></td> + <td style="text-align:right;"> + <input class="btn btn-default" type="submit" value="CHECK" /> + </td> + </tr> <script type="text/javascript"> /*<![CDATA[*/ updateQryForm(\'' . $input['QUERY'] . '\'); @@ -203,8 +208,16 @@ updateQryForm(\'' . $input['QUERY'] . '\'); } $out .= '<pre>' . htmlspecialchars($qry) . '</pre></td></tr>'; $out .= ' - <tr class="tableheader bgColor5"><th colspan="2">RAW SQL check</th></tr> - <tr><td colspan="2" style="text-align:right;"><textarea name="tx_dbal[RAWSQL]" cols="60" rows="5">' . $input['RAWSQL'] . '</textarea><br /><input type="submit" value="CHECK" /></td></tr>'; + <tr class="tableheader bgColor5"> + <th colspan="2">RAW SQL check</th> + </tr> + <tr> + <td colspan="2" style="text-align:right;"> + <textarea name="tx_dbal[RAWSQL]" cols="60" rows="5">' . $input['RAWSQL'] . '</textarea> + <br /> + <input class="btn btn-default" type="submit" value="CHECK" /> + </td> + </tr>'; if (!empty($input['RAWSQL'])) { $out .= '<tr class="bgColor4">'; $parseResult = $GLOBALS['TYPO3_DB']->SQLparser->parseSQL($input['RAWSQL']); diff --git a/typo3/sysext/documentation/Resources/Private/Templates/Document/Download.html b/typo3/sysext/documentation/Resources/Private/Templates/Document/Download.html index 3153fdbe91870c82c6f88cfacd8c23d483689428..33e25d75551502422bea16ba83b34bc60ebca879 100644 --- a/typo3/sysext/documentation/Resources/Private/Templates/Document/Download.html +++ b/typo3/sysext/documentation/Resources/Private/Templates/Document/Download.html @@ -16,7 +16,7 @@ <div class="typo3-documentation-headerRowRight"> </div> </div> - <table id="typo3-documentation-download" class="t3-table typo3-documentation-list"> + <table id="typo3-documentation-download" class="table table-striped table-hover typo3-documentation-list"> <thead> <tr> <th><f:translate key="documentation.title" /></th> diff --git a/typo3/sysext/documentation/Resources/Private/Templates/Document/List.html b/typo3/sysext/documentation/Resources/Private/Templates/Document/List.html index 8d624b1905565a29f2ccf5f35521a1d2015a4db2..8da13db974d08820ba20798451aad2ff5c7ccdbd 100644 --- a/typo3/sysext/documentation/Resources/Private/Templates/Document/List.html +++ b/typo3/sysext/documentation/Resources/Private/Templates/Document/List.html @@ -19,7 +19,7 @@ </div> </div> - <table id="typo3-documentation-list" class="t3-table typo3-documentation-list"> + <table id="typo3-documentation-list" class="table table-striped table-hover typo3-documentation-list"> <thead> <tr> <th><f:translate key="tx_documentation_domain_model_document.title" /></th> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Layouts/Main.html b/typo3/sysext/extensionmanager/Resources/Private/Layouts/Main.html index a8e884efafad5928c6dd6d34ed500912d36e5bc7..d3a3c7bb0b63d88bebbbca6c94901585268cdd3a 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Layouts/Main.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Layouts/Main.html @@ -4,8 +4,7 @@ includeCssFiles="{ 0:'{f:uri.resource(path:\'Contrib/jQueryUI/jquery-ui-1.10.3.custom.min.css\')}', - 1:'{f:uri.resource(path:\'Contrib/LoadMask/jquery.loadmask.css\')}', - 2:'{f:uri.resource(path:\'Css/main.css\')}' + 1:'{f:uri.resource(path:\'Contrib/LoadMask/jquery.loadmask.css\')}' }" includeJsFiles="{ 1:'{f:uri.resource(path:\'Contrib/jQueryUI/jquery-ui-1.10.3.min.js\')}', diff --git a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/Distribution.html b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/Distribution.html index 11820948a87953f9f64a88ca4d1097eaa4093f11..94ea42cc84104a9293aa71b9d5f6b90d406a7802 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/Distribution.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/Distribution.html @@ -9,7 +9,7 @@ /> <div class="distribution-hover"> <div class="distribution-hover-inner"> - <dl class="description-horizontal"> + <dl class="dl-horizontal"> <dt><f:translate key="extensionList.distribution.title" /></dt> <dd>{distribution.title}</dd> <dt><f:translate key="extensionList.distribution.key" /></dt> @@ -30,7 +30,7 @@ </f:link.action> </h2> <div class="distribution-install"> - <f:link.action action="installDistribution" controller="Download" arguments="{extension:distribution}" class="t3-button t3-button-action-installdistribution"> + <f:link.action action="installDistribution" controller="Download" arguments="{extension:distribution}" class="btn btn-default t3-button-action-installdistribution"> <span class="fa fa-cloud-download"> </span><f:translate key="extensionList.installDistribution">Install</f:translate> </f:link.action> <f:if condition="{official}"> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerPaginator.html b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerPaginator.html index 1800ad300418ceb82d0e0c5881c2c33a7ff5441e..218bb228b83d27b674d8519f8cc64beae16c892e 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerPaginator.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerPaginator.html @@ -1,5 +1,5 @@ <f:be.widget.paginate objects="{extensions}" as="paginatedExtensions" configuration="{itemsPerPage: 10, maximumNumberOfLinks: 2}"> - <table id="terTable" class="t3-table typo3-extension-list"> + <table id="terTable" class="table table-striped table-hover typo3-extension-list"> <f:if condition="{showVersionList}"> <f:then> <f:render partial="List/TerShowVersionsTable.html" arguments="{paginatedExtensions:paginatedExtensions}" /> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerSingleLine.html b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerSingleLine.html index 57c1309c7dee01770aaad1894a0f32bf8dc363e5..8388a9eedc5064cac32a1c9dc10cc97fd32b991b 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerSingleLine.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerSingleLine.html @@ -31,6 +31,6 @@ <div class="author-email">{extension.authorEmail}</div> </div> </td> -<td class="state {extension.stateString}"> - {extension.stateString} +<td> + <span class="label label-{extension.stateString}">{extension.stateString}</span> </td> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/UpdateFromTer.html b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/UpdateFromTer.html index 3cd6e0314b6ec1faa5ef67864267772532699329..d85cbdbf3e2929521a15c3f91572e51525669fe4 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/UpdateFromTer.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/UpdateFromTer.html @@ -9,6 +9,7 @@ {f:translate(key: 'extensionList.updateFromTer.lastUpdate.noInfo')} </span> <input + class="btn btn-default" type="submit" value="{f:translate(key: 'extensionList.updateFromTer.buttonLabel')}" /> </f:form> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/helpers/_mixins.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/helpers/_mixins.scss deleted file mode 100644 index 0cce7ffe20229253dfb6123c1b9a1a74544b75aa..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Private/Scss/helpers/_mixins.scss +++ /dev/null @@ -1,99 +0,0 @@ -// SASS MIXINS -$useIEFilters: 0; - -// clearfix -@mixin clearfix { - &:before, - &:after { - content: " "; // 1 - display: table; // 2 - } - &:after { - clear: both; - } -} - -// border-radius -@mixin border-radius ($values) { - -webkit-border-radius: $values; - -moz-border-radius: $values; - border-radius: $values; -} - -// box-shadow -@mixin box-shadow ($values) { - -webkit-box-shadow: $values; - box-shadow: $values; -} - -// linear-gradient -@mixin linear-gradient($preset, $from, $to, $ie: $useIEFilters) { - background-color: $preset; - background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to)); - background-image: -webkit-linear-gradient(top, $from, $to); - background-image: -moz-linear-gradient(top, $from, $to); - background-image: -ms-linear-gradient(top, $from, $to); - background-image: -o-linear-gradient(top, $from, $to); - background-image: linear-gradient(to bottom, $from, $to); - - @if $ie == 1 { - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}'); - } -} - -// rotate -@mixin rotate ($deg) { - -webkit-transform: rotate(#{$deg}deg); - -moz-transform: rotate(#{$deg}deg); - -o-transform: rotate(#{$deg}deg); - -ms-transform: rotate(#{$deg}deg); - transform: rotate(#{$deg}deg); -} - -// scale -@mixin scale ($size) { - -webkit-transform: scale(#{$size}); - -moz-transform: scale(#{$size}); - -o-transform: scale(#{$size}); - -ms-transform: scale(#{$size}); - transform: scale(#{$size}); -} - -// transform -@mixin transform ($values) { - -webkit-transform: #{$values}; - -moz-transform: #{$values}; - -o-transform: #{$values}; - -ms-transform: #{$values}; - transform: #{$values}; -} - -// transition -@mixin transition ($value) { - -webkit-transition: $value; - -moz-transition: $value; - -o-transition: $value; - -ms-transition: $value; - transition: $value; -} - -// box-sizing -@mixin box-sizing ($type: border-box) { - -webkit-box-sizing: $type; - -moz-box-sizing: $type; - box-sizing: $type; -} - -// Hardware Xalleration -@mixin xallerate ($values: '') { - @include transform(translate3d(0,0,0) #{$values}); -} - -// colors -@mixin alpha { color: #f14400; } -@mixin beta { color: #f4bd00; } -@mixin stable { color: #3db900; } -@mixin experimental { color: #000; } -@mixin test { color: #000; } -@mixin obsolete { color: #8c8c8c; } -@mixin excludeFromUpdates { color: #000; } \ No newline at end of file diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/main.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/main.scss deleted file mode 100644 index bc32b39f662d91723d8e2315313d96bcd01e368b..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Private/Scss/main.scss +++ /dev/null @@ -1,24 +0,0 @@ -/* - * Created: 2012-08-13 - * - * CSS in SASS's SCSS dialect for - * TYPO3 Extension Manager - * Questions can be submitted to info@drublic.de - * - */ - -// Import Variables -@import "var/settings"; - -// Some helpers -@import "helpers/mixins"; - -// Import Modules -@import "modules/tabs", - "modules/description"; - -// Appearance of the page -@import "page/base", - "page/manage", - "page/get", - "page/distribution"; \ No newline at end of file diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_description.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_description.scss deleted file mode 100644 index 9f5f7d38eddf5263658c2503259cd2c0a021abb5..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_description.scss +++ /dev/null @@ -1,24 +0,0 @@ -.description-horizontal { - @include clearfix(); - margin-top: 0; - dt { - font-weight: bold; - float: left; - width: 60px; - clear: left; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - dd { - margin-left: 70px; - } - &.description-horizontal-wide { - dt { - width: 100px; - } - dd { - margin-left: 110px; - } - } -} \ No newline at end of file diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_tabs.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_tabs.scss deleted file mode 100644 index 980691ee2b03f1942bcbfbd9ed31325039b8dbbb..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_tabs.scss +++ /dev/null @@ -1,53 +0,0 @@ -// Tabs -#typo3-extension-main-menu .tabs ul, -#typo3-extension-configuration-forms .tabs ul { - list-style: none; - padding: 0; - margin-bottom: -1px; - - // Clearfix - &:after { - display: table; - content: ""; - clear: both; - } - - > li { - - cursor: pointer; - - &.ui-tabs-active a, - a.current { - background: white; - color: black; - border-bottom: 0; - - padding-top: 4px; - - cursor: default; - } - - a { - @include border-radius(4px 4px 0 0); - - float: left; - height: 22px; - background: #dadada; - - padding: 4px 15px; - margin-top: -1px; - margin-right: 2px; - border: 1px solid #adadad; - - color: #606060; - - outline: none; - - &:hover { - background-color: #eee; - border-color: #adadad; - color: #606060; - } - } - } -} diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss deleted file mode 100644 index d706a40e2f0aac577086b48348dab0abdd82641a..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss +++ /dev/null @@ -1,180 +0,0 @@ - - -.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 .ui-button { - padding: 2px 6px; - margin: 0; - cursor: pointer; - color: #333 !important; -} - -.dataTables_paginate .ui-button { - margin-right: -0.1em !important; -} - -.paging_full_numbers { - float: right; -} - -.dataTables_paginate { - width: auto; -} - -#typo3-extension-configuration-forms { - min-width: 400px; - max-width: 900px; - - .category { - background-repeat: repeat-x; - background-color: #fff; - border: 1px solid #adadad; - padding: 15px; - } - - .group { - margin-bottom: 30px; - - label { - display: block; - padding-bottom: 10px; - } - - input[type=text] { - width: 300px; - } - } -} - -#typo3-extension-configuration-forms #typo3-docheader-row2 .back { - float: right; -} - - -#typo3-extension-configuration-forms input.submit { - margin-top: 10px; -} - -#typo3-extension-configuration-forms .error, -#typo3-extension-configuration-forms .invalid { - @include border-radius(0 4px 4px 0); - @include box-shadow(0 0 6px #ddd); - - /* supply height to ensure consistent positioning for every browser */ - height: 15px; - background-color: #ff2262; - border: 1px solid #e1e16d; - font-size: 11px; - color: #000; - padding: 3px 10px; - margin-left: -2px; -} - -.t3-table td.alpha { @include alpha; } -.t3-table td.beta { @include beta; } -.t3-table td.stable { @include stable; } -.t3-table td.experimental { @include experimental; } -.t3-table td.test { @include test; } -.t3-table td.obsolete { @include obsolete; } -.t3-table td.excludeFromUpdates { @include excludeFromUpdates; } - -.alpha, -.beta, -.stable, -.experimental, -.test, -.obsolete, -.excludeFromUpdates { - font-weight: bold; - color: #fff; -} - -.alpha { - color: $alpha; -} -.beta { - color: $beta; -} -.stable { - color: $stable; -} -.experimental { - color: $experimental; -} -.test { - color: $test; -} -.obsolete { - color: $obsolete; -} -.excludeFromUpdates { - color: $excludeFromUpdates; -} - -#typo3-extension-configuration-forms .info { - color: #666; - font-weight: normal; -} - -.typo3-extension-list tr.installed td { - background-color: #c8ffaa; -} - -.typo3-extension-list tr.available td { - background-color: #E1E1aa; -} - -.typo3-extension-manager .insecure { - color: #ff2262; -} - -.typo3-extension-manager .outdated { - color: #0c08ff; -} - -.typo3-extension-manager form#extensionUploadForm { - margin-bottom: 0; - - div.control-group:last-child { - margin-bottom: 0; - } -} - - -.typo3-extension-list .inactive { - color: rgb(170, 170, 170); -} - -.headerTooltip, -.tooltip { - @include box-shadow(2px 2px 11px #666); - - display: none; - width: 400px; - background-color: #ffa; - border: 1px solid #cc9; - padding: 3px; - font-size: 13px; - z-index: 1000; -} - -.headerTooltip { - width: 150px; -} - -p { padding-bottom: 20px; } diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_distribution.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_distribution.scss deleted file mode 100644 index 174d39013d0e17e3aca815da40fc8a9906704f0b..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_distribution.scss +++ /dev/null @@ -1,128 +0,0 @@ -/** - * Extension List View - **/ -.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; - } - } -} -.distribution-holder { - @include clearfix; - top: 0px; - bottom: 0px; - margin-left: -20px; -} -.distribution-image { - position: relative; - width: 300px; - height: 225px; - overflow: hidden; - img { - display: block; - height: 100%; - width: 100%; - } -} -.distribution-hover { - background-color: $gray-lighter; - position: absolute; - top: 100%; - left: 0px; - width: 300px; - height: 225px; - overflow: hidden; - opacity: 0; - @include 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; - } - .t3-button { - margin: 0; - padding-right: 8px; - } - .distribution-official { - border: 1px solid $brand-color; - background-color: $brand-color; - border-radius: 2px; - display: inline-block; - padding: 3px 8px; - vertical-align: middle; - color: #FFFFFF; - } -} - - -/** - * Extension Detail View - **/ -.distribution-detail-flashmessage { - margin-bottom: 2.5em; - p { - padding-bottom: 0; - } -} -.distribution-detail { - @include clearfix(); - min-width: 750px; -} -.distribution-detail-previewpane { - float: left; - margin-right: 30px; -} -.distribution-detail-preview { - display: block; - border: 1px solid darken($gray-lighter,15%); -} -.distribution-detail-body { - overflow: hidden; - zoom: 1; -} -.distribution-detail-header { - h1 { - margin-bottom: 0.5em; - } - p { - padding: 0px; - max-width: 500px; - margin-bottom: 1.25em; - } - margin-bottom: 2.5em; -} -.distribution-detail-summary { - margin-top: 2.5em; - margin-bottom: 2.5em; -} -.distribution-installed { - hr { - margin: 2.5em 0; - border: 0; - border-top: 1px solid darken($gray-lighter,15%); - } -} \ No newline at end of file diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_get.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_get.scss deleted file mode 100644 index ead34385ce824827d073909f961daf0abe427d1e..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_get.scss +++ /dev/null @@ -1,110 +0,0 @@ - -// Loader -#terTableWrapper { - position: relative; - - .splash-receivedata { - display: none; - - position: absolute; - top: 50px; - left: 50%; - margin: 0 0 0 -150px; - - a { - display: inline-block; - width: 200px; - vertical-align: top; - padding: 3px 20px; - } - - &.is-shown { - display: block; - } - } - - .spinner { - display: inline-block; - } - - .ui-icon { - width: 16px; - height: 16px; - background-image: url('../Images/ui-icons_222222_256x240.png'); - background-position: -64px -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; -} - - -.typo3-extension-list { - - // Import extension - .t3-icon, - .t3-icon:hover { - border: none; - background-color: transparent; - } - - // Hide author for now - .author { - 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; -} - -span.ter-ext-state-obsolete { - color: #8c8c8c; - font-weight: normal; -} - -span.ter-ext-state-stable { - color: #3db900; -} - -span.ter-ext-state-beta { - color: #f4bd00; -} - -span.ter-ext-state-alpha { - color: #f14400; -} - -#typo3-docbody form.download { - margin-bottom: 0; -} \ No newline at end of file diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss deleted file mode 100644 index f75d0b41c8d6a94e5a882c9c7e31521a30b8c020..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss +++ /dev/null @@ -1,102 +0,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; - } - } -} - -// Upload extension -.headerRow { overflow: auto; width: 100% } - -.typo3-extensionmanager-headerRowLeft { - float: left; -} - -.typo3-extensionmanager-headerRowRight { - float: right; -} - -.ui-toolbar { - margin-bottom: 5px; - - .dataTables_filter { - float: left; - } -} - - - -// Table -.typo3-extension-list { - th { - min-width: 53px; - cursor: pointer; - - .DataTables_sort_icon { - display: inline-block; - vertical-align: middle; - margin-left: 5px; - - &.ui-icon-carat-2-n-s { - background: none; - } - } - } - - .ext-icon { - max-height: 16px; - width: auto; - } -} - -// Paginator -.dataTables_info { - display: none; -} - -.dataTables_paginate { - float: left; - margin: 10px 0 0; -} - -.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; - } - } -} diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/var/_settings.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/var/_settings.scss deleted file mode 100644 index 970bc8a36e6592d6be699cde071df37905f24707..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Private/Scss/var/_settings.scss +++ /dev/null @@ -1,16 +0,0 @@ -// Colors -$gray-darker: lighten(#000000, 13.5%); // #222222 -$gray-dark: lighten(#000000, 20%); // #333333 -$gray: lighten(#000000, 33.5%); // #555555 -$gray-medium: lighten(#000000, 60%); // #999999 -$gray-light: lighten(#000000, 92%); // #EBEBEB -$gray-lighter: lighten(#000000, 98%); // #FAFAFA -$brand-color: #ff8600; - -$alpha: #f14400; -$beta: #f4bd00; -$stable: #3db900; -$experimental: #000; -$test: #000; -$obsolete: #8c8c8c; -$excludeFromUpdates: #000; \ No newline at end of file diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/Distribution/Show.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/Distribution/Show.html index fb843bcdb7926b40e8fdc78d384910eea9f64d9d..1effe6b5a7819024cfbabe3cbe0558f78668474b 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Templates/Distribution/Show.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/Distribution/Show.html @@ -26,7 +26,7 @@ <f:if condition="{distributionActive}"> <f:else> <li> - <f:link.action action="installDistribution" controller="Download" arguments="{extension:extension}" class="t3-button t3-button-action-installdistribution"> + <f:link.action action="installDistribution" controller="Download" arguments="{extension:extension}" class="btn btn-default t3-button-action-installdistribution"> <f:be.buttons.icon icon="actions-system-extension-import" /><f:translate key="extensionList.installDistribution">Install</f:translate> </f:link.action> </li> @@ -34,25 +34,25 @@ <f:then> <f:if condition="{configurationLink}"> <li> - <a href="{configurationLink}" class="distribution-openViewModule t3-button" onclick="top.goToModule('web_ViewpageView');"> + <a href="{configurationLink}" class="btn btn-default distribution-openViewModule " onclick="top.goToModule('web_ViewpageView');"> <f:be.buttons.icon icon="actions-system-extension-configure" /><f:translate key="extensionList.configure" /> </a> </li> </f:if> <li> - <button class="distribution-openViewModule t3-button" onclick="top.goToModule('web_ViewpageView');"> + <button class="btn btn-default distribution-openViewModule" onclick="top.goToModule('web_ViewpageView');"> <f:be.buttons.icon icon="actions-document-view" /><f:translate key="distribution.welcome.openViewModule" /> </button> </li> <li> - <button class="distribution-openPageModule t3-button" onclick="top.goToModule('web_page');"> + <button class="btn btn-default distribution-openPageModule" onclick="top.goToModule('web_page');"> <f:be.buttons.icon icon="actions-document-open" /><f:translate key="distribution.welcome.openPageModule" /> </button> </li> </f:then> </f:if> </ul> - <dl class="description-horizontal description-horizontal-wide distribution-detail-summary"> + <dl class="dl-horizontal dl-horizontal-wide distribution-detail-summary"> <dt><f:translate key="extensionList.distribution.title" /></dt> <dd>{extension.title}</dd> <dt><f:translate key="extensionList.distribution.key" /></dt> @@ -66,7 +66,7 @@ </dl> <f:if condition="{extension.dependencies}"> <h2><f:translate key="distribution.dependency.headline" /></h2> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr class="t3-row-header"> <td><f:translate key="distribution.dependency.identifier" /></td> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Distributions.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Distributions.html index 32e8a8a48ba6de4f6588289a438f1520d3c56a6d..15aff02a73445b7e27dbb2b1925d47aabc1d5407 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Distributions.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Distributions.html @@ -24,7 +24,7 @@ </f:then> <f:else> <p>{f:translate(key: 'extensionList.installImpexp')}</p> - <f:link.action action="toggleExtensionInstallationState" controller="Action" arguments="{extensionKey: 'impexp'}" class="t3-button t3-button-action-installdistribution"> + <f:link.action action="toggleExtensionInstallationState" controller="Action" arguments="{extensionKey: 'impexp'}" class="btn btn-default t3-button-action-installdistribution"> <span class="fa fa-cloud-download"> </span><f:translate key="distribution.installImpexp">Install impexp</f:translate> </f:link.action> </f:else> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html index c30cfaff9b34a845c03599ca60f32416e070f089..194cecc670f4861bcef5a322eb5e0a6f129cabed 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html @@ -22,7 +22,7 @@ <f:form.textfield name="Tx_Extensionmanager_extensionkey" placeholder="{f:translate(key:'extensionList.search')}" id="Tx_Extensionmanager_extensionkey" value="{search}" class="form-control" /> </div> </form> - <table id="typo3-extension-list" class="t3-table typo3-extension-list"> + <table id="typo3-extension-list" class="table table-striped table-hover typo3-extension-list"> <thead> <tr> <th title="{f:translate(key:'extensionList.header.title.update')}"><f:translate key="extensionList.header.update"/></th> @@ -96,8 +96,8 @@ </em:processAvailableActions> </div> </td> - <td class="state {extension.state}"> - {extension.state} + <td> + <span class="label label-{extension.state}">{extension.state}</span> </td> </tr> </f:for> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html index 2856193d57f9ea91d7d97e4a1a3c66665f2b22fd..b746db2e1989bdbe5b0191303a1be8cc477f8ffd 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html @@ -58,7 +58,7 @@ </table> </f:if> - <table id="terVersionTable" class="t3-table typo3-extension-list"> + <table id="terVersionTable" class="table table-striped table-hover typo3-extension-list"> <f:render partial="List/TerShowVersionsTable" arguments="{extensions: extensions}" /> </table> </f:section> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html index 50dbbf8217bf0bb05923414111260d68f339ee27..98f0ba048867d9aae01c9a437c036f7ef191fc6b 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html @@ -35,7 +35,7 @@ <div id="terTableWrapper"> <f:if condition="{search}"> <f:then> - <table id="terSearchTable" class="t3-table typo3-extension-list"> + <table id="terSearchTable" class="table table-striped table-hover typo3-extension-list"> <f:render partial="List/TerTable" arguments="{paginatedExtensions:extensions, availableAndInstalled:availableAndInstalled}" /> </table> </f:then> diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/UnresolvedDependencies.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/UnresolvedDependencies.html index e74657af0e9c374e74420f83e359b5eb1c18bc50..f96780b31482c930025ae8a356f5586545378cf1 100644 --- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/UnresolvedDependencies.html +++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/UnresolvedDependencies.html @@ -20,10 +20,10 @@ <div class="alert-body"><f:render partial="List/UnresolvedDependenciesMessage" /></div> </div> <br /> - <f:link.action action="index" class="t3-button onClickMaskExtensionManager"> + <f:link.action action="index" class="btn btn-default onClickMaskExtensionManager"> Go back </f:link.action> - <f:link.action action="installExtensionWithoutSystemDependencyCheck" controller="Action" arguments="{extensionKey: extension.extensionKey}" class="t3-button onClickMaskExtensionManager"> + <f:link.action action="installExtensionWithoutSystemDependencyCheck" controller="Action" arguments="{extensionKey: extension.extensionKey}" class="btn btn-default onClickMaskExtensionManager"> <span class="t3-icon t3-icon-actions t3-icon-dialog-error"> </span> <f:translate key="dependencyCheck.unresolvedDependencies.proceed" /> </f:link.action> </f:section> \ No newline at end of file diff --git a/typo3/sysext/extensionmanager/Resources/Public/Css/README.txt b/typo3/sysext/extensionmanager/Resources/Public/Css/README.txt deleted file mode 100644 index 14b2bf4392f35cda72bdf621cac781022a16104a..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Public/Css/README.txt +++ /dev/null @@ -1,8 +0,0 @@ -The main.css is generated from the SASS (in its dialect SCSS) files. Please do not edit the CSS-files in any case but search the correct .scss file and edit the according SCSS. If you are not familiar with SCSS you can write pure CSS which is actually valid SCSS. - -See http://wiki.typo3.org/Sass for details. - - -When you have SASS working, execute the following command to compile CSS file from within this directory: - -$ sass ../../Private/Scss/main.scss main.css \ No newline at end of file diff --git a/typo3/sysext/extensionmanager/Resources/Public/Css/main.css b/typo3/sysext/extensionmanager/Resources/Public/Css/main.css deleted file mode 100644 index 5aa6cb51e98281c9421472b9decee66736a1246b..0000000000000000000000000000000000000000 --- a/typo3/sysext/extensionmanager/Resources/Public/Css/main.css +++ /dev/null @@ -1,503 +0,0 @@ -/* - * Created: 2012-08-13 - * - * CSS in SASS's SCSS dialect for - * TYPO3 Extension Manager - * Questions can be submitted to info@drublic.de - * - */ -#typo3-extension-main-menu .tabs ul, -#typo3-extension-configuration-forms .tabs ul { - list-style: none; - padding: 0; - margin-bottom: -1px; } - #typo3-extension-main-menu .tabs ul:after, - #typo3-extension-configuration-forms .tabs ul:after { - display: table; - content: ""; - clear: both; } - #typo3-extension-main-menu .tabs ul > li, - #typo3-extension-configuration-forms .tabs ul > li { - cursor: pointer; } - #typo3-extension-main-menu .tabs ul > li.ui-tabs-active a, - #typo3-extension-main-menu .tabs ul > li a.current, - #typo3-extension-configuration-forms .tabs ul > li.ui-tabs-active a, - #typo3-extension-configuration-forms .tabs ul > li a.current { - background: white; - color: black; - border-bottom: 0; - padding-top: 4px; - cursor: default; } - #typo3-extension-main-menu .tabs ul > li a, - #typo3-extension-configuration-forms .tabs ul > li a { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; - float: left; - height: 22px; - background: #dadada; - padding: 4px 15px; - margin-top: -1px; - margin-right: 2px; - border: 1px solid #adadad; - color: #606060; - outline: none; } - #typo3-extension-main-menu .tabs ul > li a:hover, - #typo3-extension-configuration-forms .tabs ul > li a:hover { - background-color: #eee; - border-color: #adadad; - color: #606060; } - -.description-horizontal { - margin-top: 0; } - .description-horizontal:before, .description-horizontal:after { - content: " "; - display: table; } - .description-horizontal:after { - clear: both; } - .description-horizontal dt { - font-weight: bold; - float: left; - width: 60px; - clear: left; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - .description-horizontal dd { - margin-left: 70px; } - .description-horizontal.description-horizontal-wide dt { - width: 100px; } - .description-horizontal.description-horizontal-wide dd { - margin-left: 110px; } - -.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 .ui-button { - padding: 2px 6px; - margin: 0; - cursor: pointer; - color: #333 !important; } - -.dataTables_paginate .ui-button { - margin-right: -0.1em !important; } - -.paging_full_numbers { - float: right; } - -.dataTables_paginate { - width: auto; } - -#typo3-extension-configuration-forms { - min-width: 400px; - max-width: 900px; } - #typo3-extension-configuration-forms .category { - background-repeat: repeat-x; - background-color: #fff; - border: 1px solid #adadad; - padding: 15px; } - #typo3-extension-configuration-forms .group { - margin-bottom: 30px; } - #typo3-extension-configuration-forms .group label { - display: block; - padding-bottom: 10px; } - #typo3-extension-configuration-forms .group input[type=text] { - width: 300px; } - -#typo3-extension-configuration-forms #typo3-docheader-row2 .back { - float: right; } - -#typo3-extension-configuration-forms input.submit { - margin-top: 10px; } - -#typo3-extension-configuration-forms .error, -#typo3-extension-configuration-forms .invalid { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; - -webkit-box-shadow: 0 0 6px #ddd; - box-shadow: 0 0 6px #ddd; - /* supply height to ensure consistent positioning for every browser */ - height: 15px; - background-color: #ff2262; - border: 1px solid #e1e16d; - font-size: 11px; - color: #000; - padding: 3px 10px; - margin-left: -2px; } - -.t3-table td.alpha { - color: #f14400; } - -.t3-table td.beta { - color: #f4bd00; } - -.t3-table td.stable { - color: #3db900; } - -.t3-table td.experimental { - color: #000; } - -.t3-table td.test { - color: #000; } - -.t3-table td.obsolete { - color: #8c8c8c; } - -.t3-table td.excludeFromUpdates { - color: #000; } - -.alpha, -.beta, -.stable, -.experimental, -.test, -.obsolete, -.excludeFromUpdates { - font-weight: bold; - color: #fff; } - -.alpha { - color: #f14400; } - -.beta { - color: #f4bd00; } - -.stable { - color: #3db900; } - -.experimental { - color: #000; } - -.test { - color: #000; } - -.obsolete { - color: #8c8c8c; } - -.excludeFromUpdates { - color: #000; } - -#typo3-extension-configuration-forms .info { - color: #666; - font-weight: normal; } - -.typo3-extension-list tr.installed td { - background-color: #c8ffaa; } - -.typo3-extension-list tr.available td { - background-color: #E1E1aa; } - -.typo3-extension-manager .insecure { - color: #ff2262; } - -.typo3-extension-manager .outdated { - color: #0c08ff; } - -.typo3-extension-manager form#extensionUploadForm { - margin-bottom: 0; } - .typo3-extension-manager form#extensionUploadForm div.control-group:last-child { - margin-bottom: 0; } - -.typo3-extension-list .inactive { - color: #aaaaaa; } - -.headerTooltip, -.tooltip { - -webkit-box-shadow: 2px 2px 11px #666; - box-shadow: 2px 2px 11px #666; - display: none; - width: 400px; - background-color: #ffa; - border: 1px solid #cc9; - padding: 3px; - font-size: 13px; - z-index: 1000; } - -.headerTooltip { - width: 150px; } - -p { - padding-bottom: 20px; } - -.typo3-extensionmanager-headerRowLeft { - display: inline-block; } - .typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper { - display: inline-block; - position: relative; } - .typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper input { - height: 15px; } - .typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper .t3-icon-input-clear { - position: absolute; - right: 3px; - top: 4px; } - -.headerRow { - overflow: auto; - width: 100%; } - -.typo3-extensionmanager-headerRowLeft { - float: left; } - -.typo3-extensionmanager-headerRowRight { - float: right; } - -.ui-toolbar { - margin-bottom: 5px; } - .ui-toolbar .dataTables_filter { - float: left; } - -.typo3-extension-list th { - min-width: 53px; - cursor: pointer; } - .typo3-extension-list th .DataTables_sort_icon { - display: inline-block; - vertical-align: middle; - margin-left: 5px; } - .typo3-extension-list th .DataTables_sort_icon.ui-icon-carat-2-n-s { - background: none; } -.typo3-extension-list .ext-icon { - max-height: 16px; - width: auto; } - -.dataTables_info { - display: none; } - -.dataTables_paginate { - float: left; - margin: 10px 0 0; } - -.uploadForm { - background-color: #ededed; - border-top: 1px solid #cdcdcd; - border-bottom: 1px solid #cdcdcd; - padding: 12px; - margin-bottom: 24px; } - .uploadForm form .control-group { - clear: both; - margin-bottom: 5px; } - .uploadForm form label { - float: left; - height: 20px; - padding: 4px 0; - line-height: 20px; - width: 90px; } - .uploadForm form .control { - min-height: 20px; - padding: 4px 0; - margin-left: 110px; } - -#terTableWrapper { - position: relative; } - #terTableWrapper .splash-receivedata { - display: none; - position: absolute; - top: 50px; - left: 50%; - margin: 0 0 0 -150px; } - #terTableWrapper .splash-receivedata a { - display: inline-block; - width: 200px; - vertical-align: top; - padding: 3px 20px; } - #terTableWrapper .splash-receivedata.is-shown { - display: block; } - #terTableWrapper .spinner { - display: inline-block; } - #terTableWrapper .ui-icon { - width: 16px; - height: 16px; - background-image: url("../Images/ui-icons_222222_256x240.png"); - background-position: -64px -16px; } - -.time-since-last-update { - font-weight: bold; - padding-right: 0.4em; - cursor: help; } - -.is-loading { - opacity: 0; } - -.is-hidden { - display: none; } - -.typo3-extension-list .t3-icon, -.typo3-extension-list .t3-icon:hover { - border: none; - background-color: transparent; } -.typo3-extension-list .author { - display: none; } - -.versions-all { - display: inline-block; - width: 20px; - text-indent: -200px; - overflow: hidden; } - -.currentVersionInfo { - padding: 0 0 20px 0; } - .currentVersionInfo td { - padding: 4px 0; } - .currentVersionInfo 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; } - -span.ter-ext-state-obsolete { - color: #8c8c8c; - font-weight: normal; } - -span.ter-ext-state-stable { - color: #3db900; } - -span.ter-ext-state-beta { - color: #f4bd00; } - -span.ter-ext-state-alpha { - color: #f14400; } - -#typo3-docbody form.download { - margin-bottom: 0; } - -/** - * Extension List View - **/ -.distribution { - border: 1px solid #d4d4d4; - background-color: #fafafa; - margin-bottom: 20px; - margin-left: 20px; - width: 300px; - float: left; } - .distribution:hover { - background-color: #f2f2f2; } - .distribution:hover .distribution-hover { - top: 0px; - opacity: 1; } - .distribution:hover .distribution-more { - text-decoration: underline; } - -.distribution-holder { - top: 0px; - bottom: 0px; - margin-left: -20px; } - .distribution-holder:before, .distribution-holder:after { - content: " "; - display: table; } - .distribution-holder:after { - clear: both; } - -.distribution-image { - position: relative; - width: 300px; - height: 225px; - overflow: hidden; } - .distribution-image img { - display: block; - height: 100%; - width: 100%; } - -.distribution-hover { - background-color: #fafafa; - position: absolute; - top: 100%; - left: 0px; - width: 300px; - height: 225px; - overflow: hidden; - opacity: 0; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; } - -.distribution-hover-inner { - padding: 15px; } - -.distribution-meta { - border-top: 1px solid #e0e0e0; - padding: 15px; } - .distribution-meta .distribution-title { - margin: 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 14px; } - .distribution-meta .distribution-install { - margin-top: 0.5em; } - .distribution-meta .t3-button { - margin: 0; - padding-right: 8px; } - .distribution-meta .distribution-official { - border: 1px solid #ff8600; - background-color: #ff8600; - border-radius: 2px; - display: inline-block; - padding: 3px 8px; - vertical-align: middle; - color: #FFFFFF; } - -/** - * Extension Detail View - **/ -.distribution-detail-flashmessage { - margin-bottom: 2.5em; } - .distribution-detail-flashmessage p { - padding-bottom: 0; } - -.distribution-detail { - min-width: 750px; } - .distribution-detail:before, .distribution-detail:after { - content: " "; - display: table; } - .distribution-detail:after { - clear: both; } - -.distribution-detail-previewpane { - float: left; - margin-right: 30px; } - -.distribution-detail-preview { - display: block; - border: 1px solid #d4d4d4; } - -.distribution-detail-body { - overflow: hidden; - zoom: 1; } - -.distribution-detail-header { - margin-bottom: 2.5em; } - .distribution-detail-header h1 { - margin-bottom: 0.5em; } - .distribution-detail-header p { - padding: 0px; - max-width: 500px; - margin-bottom: 1.25em; } - -.distribution-detail-summary { - margin-top: 2.5em; - margin-bottom: 2.5em; } - -.distribution-installed hr { - margin: 2.5em 0; - border: 0; - border-top: 1px solid #d4d4d4; } - -/*# sourceMappingURL=main.css.map */ diff --git a/typo3/sysext/filelist/Classes/FileList.php b/typo3/sysext/filelist/Classes/FileList.php index df5afc712864644ca3cabc2ba3d61b0aa5f3ab4b..f1b0bc51ca46710c4389f99658dded7e561a6c59 100644 --- a/typo3/sysext/filelist/Classes/FileList.php +++ b/typo3/sysext/filelist/Classes/FileList.php @@ -380,7 +380,7 @@ class FileList extends \TYPO3\CMS\Backend\RecordList\AbstractRecordList { File list table: --> <div class="table-fit"> - <table class="table table-hover" id="typo3-filelist"> + <table class="table table-striped table-hover" id="typo3-filelist"> ' . $out . ' </table> </div>'; diff --git a/typo3/sysext/frontend/Classes/Controller/TranslationStatusController.php b/typo3/sysext/frontend/Classes/Controller/TranslationStatusController.php index b06200411e08d5456d02064fd648da604eb7a038..43870a4e0d67baaa8130ef07d01b86e5b21ba23a 100644 --- a/typo3/sysext/frontend/Classes/Controller/TranslationStatusController.php +++ b/typo3/sysext/frontend/Classes/Controller/TranslationStatusController.php @@ -119,7 +119,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc $data['row']['uid'], $GLOBALS['BACK_PATH'], '', '', '', '&L=###LANG_UID###') ) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:cms/web_info/locallang.xlf:lang_renderl10n_viewPage') . '">' . IconUtility::getSpriteIcon('actions-document-view') . '</a>'; - $status = $data['row']['l18n_cfg'] & 1 ? 'c-blocked' : 'c-ok'; + $status = $data['row']['l18n_cfg'] & 1 ? 'danger' : 'success'; // Create links: $info = ''; $editUid = $data['row']['uid']; @@ -138,7 +138,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc $info .= $data['row']['l18n_cfg'] & 1 ? '<span title="' . $GLOBALS['LANG']->sL('LLL:EXT:cms/locallang_tca.xlf:pages.l18n_cfg.I.1', TRUE) . '">D</span>' : ' '; $info .= \TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) ? '<span title="' . $GLOBALS['LANG']->sL('LLL:EXT:cms/locallang_tca.xlf:pages.l18n_cfg.I.2', TRUE) . '">N</span>' : ' '; // Put into cell: - $tCells[] = '<td class="' . $status . ' c-leftLine">' . $info . '</td>'; + $tCells[] = '<td class="' . $status . ' col-border-left">' . $info . '</td>'; $tCells[] = '<td class="' . $status . '" title="' . $GLOBALS['LANG']->sL( 'LLL:EXT:cms/web_info/locallang.xlf:lang_renderl10n_CEcount' ) . '" align="center">' . $this->getContentElementCount($data['row']['uid'], 0) . '</td>'; @@ -151,7 +151,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc $info = ''; if (is_array($row)) { $langRecUids[$langRow['uid']][] = $row['uid']; - $status = $row['_HIDDEN'] ? (\TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) || $data['row']['l18n_cfg'] & 1 ? 'c-blocked' : 'c-fallback') : 'c-ok'; + $status = $row['_HIDDEN'] ? (\TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) || $data['row']['l18n_cfg'] & 1 ? 'danger' : '') : 'success'; $icon = IconUtility::getSpriteIconForRecord( 'pages_language_overlay', $row, @@ -164,7 +164,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc ) . '</em>]' : '') . ($row['_COUNT'] > 1 ? '<div>' . $GLOBALS['LANG']->sL( 'LLL:EXT:cms/web_info/locallang.xlf:lang_renderl10n_badThingThereAre' ) . '</div>' : ''); - $tCells[] = '<td class="' . $status . ' c-leftLine">' . $info . '</td>'; + $tCells[] = '<td class="' . $status . ' col-border-left">' . $info . '</td>'; // Edit whole record: $info = ''; $editUid = $row['uid']; @@ -187,23 +187,23 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc } else { if (in_array($langRow['uid'], $disableLanguages)) { // Language has been disabled for this page - $status = 'c-blocked'; + $status = 'danger'; $info = ''; } else { - $status = \TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) || $data['row']['l18n_cfg'] & 1 ? 'c-blocked' : 'c-fallback'; + $status = \TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) || $data['row']['l18n_cfg'] & 1 ? 'danger' : ''; $info = '<input type="checkbox" name="newOL[' . $langRow['uid'] . '][' . $data['row']['uid'] . ']" value="1" />'; $newOL_js[$langRow['uid']] .= ' +(document.webinfoForm[\'newOL[' . $langRow['uid'] . '][' . $data['row']['uid'] . ']\'].checked ? \'&edit[pages_language_overlay][' . $data['row']['uid'] . ']=new\' : \'\') '; } - $tCells[] = '<td class="' . $status . ' c-leftLine"> </td>'; + $tCells[] = '<td class="' . $status . ' col-border-left"> </td>'; $tCells[] = '<td class="' . $status . '"> </td>'; $tCells[] = '<td class="' . $status . '">' . $info . '</td>'; } } } $output .= ' - <tr class="bgColor4"> + <tr> ' . implode(' ', $tCells) . ' </tr>'; @@ -221,13 +221,13 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc } else { $editIco = ''; } - $tCells[] = '<td class="c-leftLine" colspan="2">' . $GLOBALS['LANG']->sL( + $tCells[] = '<td class="col-border-left" colspan="2">' . $GLOBALS['LANG']->sL( 'LLL:EXT:cms/web_info/locallang.xlf:lang_renderl10n_default' ) . ':' . $editIco . '</td>'; foreach ($languages as $langRow) { if ($this->pObj->MOD_SETTINGS['lang'] == 0 || (int)$this->pObj->MOD_SETTINGS['lang'] === (int)$langRow['uid']) { // Title: - $tCells[] = '<td class="c-leftLine">' . htmlspecialchars($langRow['title']) . '</td>'; + $tCells[] = '<td class="col-border-left">' . htmlspecialchars($langRow['title']) . '</td>'; // Edit language overlay records: if (is_array($langRecUids[$langRow['uid']])) { $params = '&edit[pages_language_overlay][' . @@ -256,7 +256,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc $output = '<div class="table-fit">' . - '<table id="langTable" class="t3-table">' . + '<table class="table table-striped table-hover" id="langTable">' . '<thead>' . '<tr>' . implode('', $tCells) . diff --git a/typo3/sysext/impexp/Classes/Controller/ImportExportController.php b/typo3/sysext/impexp/Classes/Controller/ImportExportController.php index fb36bb02946db7cf137162f378f0ce696e8032aa..982f8dcbf08d2b487e18e681a6b0a92378106a77 100644 --- a/typo3/sysext/impexp/Classes/Controller/ImportExportController.php +++ b/typo3/sysext/impexp/Classes/Controller/ImportExportController.php @@ -669,7 +669,7 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass { <tr class="bgColor4"> <td> </td> <td> - <input type="submit" value="' . $this->lang->getLL('makeadvanc_update', TRUE) . '" /> + <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makeadvanc_update', TRUE) . '" /> <input type="hidden" name="tx_impexp[download_export_name]" value="' . substr($nameSuggestion, 0, 30) . '" /> </td> </tr>'; @@ -727,7 +727,7 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass { <tr class="bgColor4"> <td> </td> <td> - <input type="submit" value="' . $this->lang->getLL('makesavefo_update', TRUE) . '" /> + <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_update', TRUE) . '" /> <input type="hidden" name="tx_impexp[download_export_name]" value="" /> </td> </tr>'; @@ -765,10 +765,10 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass { ' . $this->lang->getLL('makesavefo_selectPreset', TRUE) . '<br/> ' . $this->renderSelectBox('preset[select]', '', $opt) . ' <br/> - <input type="submit" value="' . $this->lang->getLL('makesavefo_load', TRUE) . '" name="preset[load]" /> - <input type="submit" value="' . $this->lang->getLL('makesavefo_save', TRUE) . '" name="preset[save]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" /> - <input type="submit" value="' . $this->lang->getLL('makesavefo_delete', TRUE) . '" name="preset[delete]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" /> - <input type="submit" value="' . $this->lang->getLL('makesavefo_merge', TRUE) . '" name="preset[merge]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" /> + <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_load', TRUE) . '" name="preset[load]" /> + <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_save', TRUE) . '" name="preset[save]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" /> + <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_delete', TRUE) . '" name="preset[delete]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" /> + <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_merge', TRUE) . '" name="preset[merge]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" /> <br/> ' . $this->lang->getLL('makesavefo_titleOfNewPreset', TRUE) . ' <input type="text" name="tx_impexp[preset][title]" value="' @@ -833,24 +833,28 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass { . htmlspecialchars($inData['filename']) . '"' . $this->doc->formWidth(30) . ' /><br/>'; } $row[] = ' - <tr class="bgColor4"> - <td><strong>' . $this->lang->getLL('makesavefo_fileFormat', TRUE) . '</strong>' - . BackendUtility::cshItem('xMOD_tx_impexp', 'fileFormat') . '</td> - <td>' . $this->renderSelectBox('tx_impexp[filetype]', $inData['filetype'], $opt) . '<br/> + <tr> + <td> + <strong>' . $this->lang->getLL('makesavefo_fileFormat', TRUE) . '</strong>' + . BackendUtility::cshItem('xMOD_tx_impexp', 'fileFormat') . ' + </td> + <td> + ' . $this->renderSelectBox('tx_impexp[filetype]', $inData['filetype'], $opt) . '<br/> ' . $this->lang->getLL('makesavefo_maxSizeOfFiles', TRUE) . '<br/> - <input type="text" name="tx_impexp[maxFileSize]" value="' - . htmlspecialchars($inData['maxFileSize']) . '"' . $this->doc->formWidth(10) . ' /><br/> + <input type="text" name="tx_impexp[maxFileSize]" value="' . htmlspecialchars($inData['maxFileSize']) . '"' . $this->doc->formWidth(10) . ' /> + <br/> ' . $fileName . ' </td> </tr>'; // Add buttons: $row[] = ' - <tr class="bgColor4"> + <tr> <td> </td> - <td><input type="submit" value="' . $this->lang->getLL('makesavefo_update', TRUE) - . '" /> - <input type="submit" value="' . $this->lang->getLL('makesavefo_downloadExport', TRUE) - . '" name="tx_impexp[download_export]" />' . ($saveFolder ? ' - <input type="submit" value="' - . $this->lang->getLL('importdata_saveToFilename', TRUE) . '" name="tx_impexp[save_export]" />' : '') . '</td> + <td> + <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_update', TRUE) . '" /> - + <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_downloadExport', TRUE) . '" name="tx_impexp[download_export]" /> + ' . ($saveFolder ? ' - <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('importdata_saveToFilename', TRUE) . '" name="tx_impexp[save_export]" />' : '') . ' + </td> </tr>'; } @@ -900,35 +904,49 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass { foreach ($exportFiles as $file) { $selectOptions[$file->getCombinedIdentifier()] = $file->getPublicUrl(); } - $row[] = '<tr class="bgColor5"> - <td colspan="2"><strong>' . $this->lang->getLL('importdata_selectFileToImport', TRUE) . '</strong></td> + $row[] = ' + <tr> + <th colspan="2">' . $this->lang->getLL('importdata_selectFileToImport', TRUE) . '</th> </tr>'; $noCompressorAvailable = !$import->compress ? '<br /><span class="typo3-red">' . $this->lang->getLL('importdata_noteNoDecompressorAvailable', TRUE) . '</span>' : ''; - $row[] = '<tr class="bgColor4"> - <td><strong>' . $this->lang->getLL('importdata_file', TRUE) . '</strong>' - . BackendUtility::cshItem('xMOD_tx_impexp', 'importFile') . '</td> - <td>' . $this->renderSelectBox('tx_impexp[file]', $inData['file'], $selectOptions) . '<br />' - . sprintf($this->lang->getLL('importdata_fromPathS', TRUE), $path ? $path->getCombinedIdentifier() : $this->lang->getLL('importdata_no_accessible_file_mount', TRUE)) . - $noCompressorAvailable . '</td> + $row[] = ' + <tr> + <td valign="top"> + ' . $this->lang->getLL('importdata_file', TRUE) . '' + . BackendUtility::cshItem('xMOD_tx_impexp', 'importFile') . ' + </td> + <td> + ' . $this->renderSelectBox('tx_impexp[file]', $inData['file'], $selectOptions) . '<br />' + . sprintf($this->lang->getLL('importdata_fromPathS', TRUE), $path ? $path->getCombinedIdentifier() : $this->lang->getLL('importdata_no_accessible_file_mount', TRUE)) . + $noCompressorAvailable . ' + </td> </tr>'; - $row[] = '<tr class="bgColor5"> - <td colspan="2"><strong>' . $this->lang->getLL('importdata_importOptions', TRUE) . '</strong></td> + $row[] = ' + <tr> + <th colspan="2"> + ' . $this->lang->getLL('importdata_importOptions', TRUE) . ' + </th> </tr>'; - $row[] = '<tr class="bgColor4"> - <td><strong>' . $this->lang->getLL('importdata_update', TRUE) . '</strong>' - . BackendUtility::cshItem('xMOD_tx_impexp', 'update') . '</td> - <td> - <input type="checkbox" name="tx_impexp[do_update]" id="checkDo_update" value="1"' - . ($inData['do_update'] ? ' checked="checked"' : '') . ' /> - <label for="checkDo_update">' . $this->lang->getLL('importdata_updateRecords', TRUE) . '</label><br/> - <em>(' . $this->lang->getLL('importdata_thisOptionRequiresThat', TRUE) . ')</em>' . ($inData['do_update'] ? ' <hr/> - <input type="checkbox" name="tx_impexp[global_ignore_pid]" id="checkGlobal_ignore_pid" value="1"' - . ($inData['global_ignore_pid'] ? ' checked="checked"' : '') . ' /> - <label for="checkGlobal_ignore_pid">' . $this->lang->getLL('importdata_ignorePidDifferencesGlobally', TRUE) . '</label><br/> - <em>(' . $this->lang->getLL('importdata_ifYouSetThis', TRUE) . ')</em> - ' : '') . '</td> + $row[] = ' + <tr> + <td valign="top"> + ' . $this->lang->getLL('importdata_update', TRUE) + . BackendUtility::cshItem('xMOD_tx_impexp', 'update') . ' + </td> + <td> + <input type="checkbox" name="tx_impexp[do_update]" id="checkDo_update" value="1"' + . ($inData['do_update'] ? ' checked="checked"' : '') . ' /> + <label for="checkDo_update">' . $this->lang->getLL('importdata_updateRecords', TRUE) . '</label> + <br/> + <em>(' . $this->lang->getLL('importdata_thisOptionRequiresThat', TRUE) . ')</em>' . ($inData['do_update'] ? ' <hr/> + <input type="checkbox" name="tx_impexp[global_ignore_pid]" id="checkGlobal_ignore_pid" value="1"' + . ($inData['global_ignore_pid'] ? ' checked="checked"' : '') . ' /> + <label for="checkGlobal_ignore_pid">' . $this->lang->getLL('importdata_ignorePidDifferencesGlobally', TRUE) . '</label><br/> + <em>(' . $this->lang->getLL('importdata_ifYouSetThis', TRUE) . ')</em> + ' : '') . ' + </td> </tr>'; $allowPhpScripts = $beUser->isAdmin() ? ' @@ -945,36 +963,42 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass { . $this->lang->getLL('importdata_force_all_UIDS', TRUE) . '</span></label><br/> <em>(' . $this->lang->getLL('importdata_force_all_UIDS_descr', TRUE) . ')</em>' : ''; - $row[] = '<tr class="bgColor4"> - <td><strong>' . $this->lang->getLL('importdata_options', TRUE) . '</strong>' - . BackendUtility::cshItem('xMOD_tx_impexp', 'options') . '</td> - <td> - <input type="checkbox" name="tx_impexp[notShowDiff]" id="checkNotShowDiff" value="1"' - . ($inData['notShowDiff'] ? ' checked="checked"' : '') . ' /> - <label for="checkNotShowDiff">' . $this->lang->getLL('importdata_doNotShowDifferences', TRUE) . '</label><br/> - <em>(' . $this->lang->getLL('importdata_greenValuesAreFrom', TRUE) . ')</em> - <br/><br/> + $row[] = '<tr> + <td valign="top"> + ' . $this->lang->getLL('importdata_options', TRUE) . BackendUtility::cshItem('xMOD_tx_impexp', 'options') . ' + </td> + <td> + <input type="checkbox" name="tx_impexp[notShowDiff]" id="checkNotShowDiff" value="1"' + . ($inData['notShowDiff'] ? ' checked="checked"' : '') . ' /> + <label for="checkNotShowDiff">' . $this->lang->getLL('importdata_doNotShowDifferences', TRUE) . '</label><br/> + <em>(' . $this->lang->getLL('importdata_greenValuesAreFrom', TRUE) . ')</em> + <br/><br/> - ' . $allowPhpScripts . $doUpdate . ' - </td> + ' . $allowPhpScripts . $doUpdate . ' + </td> </tr>'; $newImport = !$inData['import_file'] - ? '<input type="submit" value="' . $this->lang->getLL('importdata_preview', TRUE) . '" />' . ($inData['file'] - ? ' - <input type="submit" value="' . ($inData['do_update'] + ? '<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('importdata_preview', TRUE) . '" />' . ($inData['file'] + ? ' - <input class="btn btn-default" type="submit" value="' . ($inData['do_update'] ? $this->lang->getLL('importdata_update_299e', TRUE) : $this->lang->getLL('importdata_import', TRUE)) . '" name="tx_impexp[import_file]" onclick="return confirm(\'' . $this->lang->getLL('importdata_areYouSure', TRUE) . '\');" />' : '') - : '<input type="submit" name="tx_impexp[new_import]" value="' . $this->lang->getLL('importdata_newImport', TRUE) . '" />'; - $row[] = '<tr class="bgColor4"> - <td><strong>' . $this->lang->getLL('importdata_action', TRUE) . '</strong>' - . BackendUtility::cshItem('xMOD_tx_impexp', 'action') . '</td> - <td>' . $newImport . ' - <input type="hidden" name="tx_impexp[action]" value="import" /></td> + : '<input class="btn btn-default" type="submit" name="tx_impexp[new_import]" value="' . $this->lang->getLL('importdata_newImport', TRUE) . '" />'; + $row[] = '<tr> + <td valign="top"> + ' . $this->lang->getLL('importdata_action', TRUE) . BackendUtility::cshItem('xMOD_tx_impexp', 'action') . ' + </td> + <td> + ' . $newImport . ' + <input type="hidden" name="tx_impexp[action]" value="import" /> + </td> </tr>'; - $row[] = '<tr class="bgColor4"> - <td><strong>' . $this->lang->getLL('importdata_enableLogging', TRUE) . '</strong>' - . BackendUtility::cshItem('xMOD_tx_impexp', 'enableLogging') . '</td> + $row[] = '<tr> + <td valign="top"> + ' . $this->lang->getLL('importdata_enableLogging', TRUE) + . BackendUtility::cshItem('xMOD_tx_impexp', 'enableLogging') . ' + </td> <td> <input type="checkbox" name="tx_impexp[enableLogging]" id="checkEnableLogging" value="1"' . ($inData['enableLogging'] ? ' checked="checked"' : '') . ' /> @@ -995,21 +1019,23 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass { $tempFolder = $this->getDefaultImportExportFolder(); if ($tempFolder) { $row = array(); - $row[] = '<tr class="bgColor5"> - <td colspan="2"><strong>' . $this->lang->getLL('importdata_uploadFileFromLocal', TRUE) . '</strong></td> + $row[] = ' + <tr> + <th colspan="2">' . $this->lang->getLL('importdata_uploadFileFromLocal', TRUE) . '</th> </tr>'; - $row[] = '<tr class="bgColor4"> - <td>' . $this->lang->getLL('importdata_browse', TRUE) - . BackendUtility::cshItem('xMOD_tx_impexp', 'upload') . '</td> + $row[] = ' + <tr> + <td valign="top"> + ' . $this->lang->getLL('importdata_browse', TRUE) . BackendUtility::cshItem('xMOD_tx_impexp', 'upload') . ' + </td> <td> - - <input type="file" name="upload_1"' . $this->doc->formWidth(35) . ' size="40" /> - <input type="hidden" name="file[upload][1][target]" value="' . htmlspecialchars($tempFolder->getCombinedIdentifier()) . '" /> - <input type="hidden" name="file[upload][1][data]" value="1" /><br /> - - <input type="submit" name="_upload" value="' . $this->lang->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" /> - <input type="checkbox" name="overwriteExistingFiles" id="checkOverwriteExistingFiles" value="1" checked="checked" /> <label for="checkOverwriteExistingFiles">' - . $this->lang->sL('LLL:EXT:lang/locallang_misc.xlf:overwriteExistingFiles', TRUE) . '</label> + <input type="file" name="upload_1"' . $this->doc->formWidth(35) . ' size="40" /> + <input type="hidden" name="file[upload][1][target]" value="' . htmlspecialchars($tempFolder->getCombinedIdentifier()) . '" /> + <input type="hidden" name="file[upload][1][data]" value="1" /> + <br /> + <input class="btn btn-default" type="submit" name="_upload" value="' . $this->lang->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" /> + <input type="checkbox" name="overwriteExistingFiles" id="checkOverwriteExistingFiles" value="1" checked="checked" /> + <label for="checkOverwriteExistingFiles">' . $this->lang->sL('LLL:EXT:lang/locallang_misc.xlf:overwriteExistingFiles', TRUE) . '</label> </td> </tr>'; if (GeneralUtility::_POST('_upload')) { diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/ExternalDocuments.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/ExternalDocuments.html index e26a28d8c27c5cd7b8fb80d65c4457c510b4d1a2..1780bb25a3ae04a08593976ac7ea8301dbfb5df1 100644 --- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/ExternalDocuments.html +++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/ExternalDocuments.html @@ -6,7 +6,7 @@ <h2><f:translate key="administration.external.title"/></h2> <f:if condition="{records}"> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th><f:translate key="field.fileName"/></th> diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Index.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Index.html index 2b319dde7e0e53aeffff0b1b64c2dd6f56771f18..a7192eac641a991c19764bf597d53ffe0e59dc1a 100644 --- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Index.html +++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Index.html @@ -6,7 +6,7 @@ <div class="row"> <div class="col-md-6"> <h4><f:translate key="administration.statistics.header" /></h4> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th><f:translate key="administration.statistics.name" /></th> @@ -25,7 +25,7 @@ </div> <div class="col-md-6"> <h4><f:translate key="administration.statistics.headerTypes" /></h4> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th><f:translate key="administration.statistics.name" /></th> @@ -92,7 +92,7 @@ </h4> <f:if condition="{statistic}"> <f:then> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th class="nowrap"> </th> diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Pages.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Pages.html index a75efe8f9aa7fc2a65bc00fb1f3025dc57a8d4ec..69f656745bf5806af58705d95c97e437a5d278b6 100644 --- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Pages.html +++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Pages.html @@ -5,7 +5,7 @@ <f:section name="Content"> <h2>Pages</h2> <f:if condition="{records}"> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th><f:translate key="field.id"/>/<f:translate key="field.type"/></th> diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Statistic.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Statistic.html index 917b47fb18272b5e5ed8e53213ce6d0b8698a208..6d27f179a17e5aca0af9423ff052dfb266e96e6a 100644 --- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Statistic.html +++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Statistic.html @@ -16,7 +16,7 @@ </div> </div> </f:form> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th></th> diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/StatisticDetails.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/StatisticDetails.html index d5095e228976fb7edec7239e48f3ae9affc0dbbf..d7848858fe3549a1731c6724ee78898b1a165cbd 100644 --- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/StatisticDetails.html +++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/StatisticDetails.html @@ -7,7 +7,7 @@ <f:flashMessages renderMode="div"/> <f:if condition="{phashRow}"> <f:then> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th colspan="2"><f:translate key="administration.phash.tableHeader"/></th> @@ -53,7 +53,7 @@ <h4> <f:translate key="administration.statistics.metaphone"/> </h4> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th> @@ -87,7 +87,7 @@ <f:if condition="{sections}"> <h4><f:translate key="administration.statistics.sectionRecords"/></h4> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th><f:translate key="field.pHash"/></th> @@ -133,7 +133,7 @@ <f:form method="post" action="saveStopwordsKeywords" name="stopwordskeywords" arguments="{pageHash:phash}"> <f:form.hidden name="pageHash" value="{phash}"/> <f:form.hidden name="pageId" value="{page.uid}"/> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th><f:translate key="administration.stopWords"/></th> diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/WordDetail.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/WordDetail.html index 41bbfcfb139df7d12d1d0fe09512db10848a3463..8dbd525cb7d281d53ef88a55637892d8e505b985 100644 --- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/WordDetail.html +++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/WordDetail.html @@ -6,7 +6,7 @@ </p> <f:if condition="{rows}"> <f:then> - <table class="t3-table"> + <table class="table table-striped table-hover"> <thead> <tr> <th><f:translate key="field.pHash"/></th> diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Common/SubmitButton.html b/typo3/sysext/install/Resources/Private/Partials/Action/Common/SubmitButton.html index 4d67be4c54b3020f494e52e82459f6fb026818b1..c1990a06ac210c2fa2d3a869fea0c76b5ddd50b0 100644 --- a/typo3/sysext/install/Resources/Private/Partials/Action/Common/SubmitButton.html +++ b/typo3/sysext/install/Resources/Private/Partials/Action/Common/SubmitButton.html @@ -2,7 +2,7 @@ <ol> <li> <button - class="btn {className}" + class="btn btn-default {className}" type="submit" name="install[set][{name}]" > diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/ConnectDetails.html b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/ConnectDetails.html index 1eab82477741768f9af136cf4dff855dd291eb6a..f5c44a5d9959b81d004579da240ead1018616c42 100644 --- a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/ConnectDetails.html +++ b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/ConnectDetails.html @@ -72,7 +72,7 @@ </ol> </fieldset> - <button type="submit"> + <button class="btn btn-default" type="submit"> Continue </button> </form> diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/LoadDbal.html b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/LoadDbal.html index 5bbe67824fc3f7933e125de0d0c14fca03f874c9..0017a7b37db2be243bad4d5373e6c6bf6d7ce1c6 100644 --- a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/LoadDbal.html +++ b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/LoadDbal.html @@ -9,7 +9,7 @@ <f:render partial="Action/Common/HiddenFormFields" arguments="{_all}" /> <input type="hidden" value="execute" name="install[set]" /> <input type="hidden" value="1" name="install[values][loadDbal]" /> - <button type="submit"> + <button class="btn btn-default" type="submit"> I do not use MySQL <span class="t3-install-form-button-icon-negative"> </span> </button> diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/UnloadDbal.html b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/UnloadDbal.html index b6c6c5380c13491ca0b7d316e1973d176bacbd91..664316414402f9f7fa07b1aa7011a7c8068064b6 100644 --- a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/UnloadDbal.html +++ b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/UnloadDbal.html @@ -2,7 +2,7 @@ <f:render partial="Action/Common/HiddenFormFields" arguments="{_all}" /> <input type="hidden" value="execute" name="install[set]" /> <input type="hidden" value="1" name="install[values][unloadDbal]" /> - <button type="submit"> + <button class="btn btn-default" type="submit"> I use native MySQL </button> </form> \ No newline at end of file diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Tool/Configuration/Image.html b/typo3/sysext/install/Resources/Private/Partials/Action/Tool/Configuration/Image.html index 9370b296406951f10ddc14e957ba1d16ee3e1112..fe647f849d3acfb992ccd33aac16395d7e930174 100644 --- a/typo3/sysext/install/Resources/Private/Partials/Action/Tool/Configuration/Image.html +++ b/typo3/sysext/install/Resources/Private/Partials/Action/Tool/Configuration/Image.html @@ -26,7 +26,7 @@ name="install[values][{feature.name}][additionalSearchPath]" value="{feature.additionalSearchPath}" /> - <button type="submit" name="install[set][ImageSearch]">Find executables in this directory</button> + <button class="btn btn-default" type="submit" name="install[set][ImageSearch]">Find executables in this directory</button> </p> <f:for each="{feature.presetsOrderedByPriority}" as="preset"> diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Tool/ImportantActions/CoreUpdateButton.html b/typo3/sysext/install/Resources/Private/Partials/Action/Tool/ImportantActions/CoreUpdateButton.html index 709de3bd7f78b688b7937fa928fd14bfdf8fa576..5894af822e15fb864e5645b840bf8ea2e000cf7b 100644 --- a/typo3/sysext/install/Resources/Private/Partials/Action/Tool/ImportantActions/CoreUpdateButton.html +++ b/typo3/sysext/install/Resources/Private/Partials/Action/Tool/ImportantActions/CoreUpdateButton.html @@ -24,7 +24,7 @@ <fieldset class="t3-install-form-submit"> <ol> <li> - <button class="btn" type="submit" name="coreUpdateCheckForUpdate" data-action="checkForUpdate"> + <button class="btn btn-default" type="submit" name="coreUpdateCheckForUpdate" data-action="checkForUpdate"> Check for core updates </button> </li> diff --git a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseData.html b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseData.html index 38ba85048689c98b4f47c20e5a89e13356dd434a..21407ff8b13f5444851954d4a6a1daa9b7c02314 100644 --- a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseData.html +++ b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseData.html @@ -69,7 +69,7 @@ </ol> </fieldset> - <button type="submit"> + <button class="btn btn-default" type="submit"> Continue </button> </form> diff --git a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseSelect.html b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseSelect.html index 858b7437cf0c68e021085e6fbae150e9ef19ca27..74773b6ecd4a1cd8863eb56d7ee868d5cff5cd8d 100644 --- a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseSelect.html +++ b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseSelect.html @@ -114,7 +114,7 @@ </fieldset> - <button type="submit"> + <button class="btn btn-default" type="submit"> Continue </button> </form> diff --git a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DefaultConfiguration.html b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DefaultConfiguration.html index fbf52a5ff86b50b2e56c1896375fc5ae670587bd..2a513013af3fece2463d5472708a8db0ab3021ab 100644 --- a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DefaultConfiguration.html +++ b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DefaultConfiguration.html @@ -35,7 +35,7 @@ </ol> </fieldset> <hr /> - <button type="submit"> + <button class="btn btn-default" type="submit"> Open the backend </button> </form> diff --git a/typo3/sysext/install/Resources/Private/Templates/Action/Step/EnvironmentAndFolders.html b/typo3/sysext/install/Resources/Private/Templates/Action/Step/EnvironmentAndFolders.html index 7d962470e24831f18be38a4ae770cf8a1fd04ce2..917c66119beb33c35b475b51abc3bbba9cbf2c70 100644 --- a/typo3/sysext/install/Resources/Private/Templates/Action/Step/EnvironmentAndFolders.html +++ b/typo3/sysext/install/Resources/Private/Templates/Action/Step/EnvironmentAndFolders.html @@ -18,7 +18,7 @@ <f:if condition="{errorsOrWarningsFromStatus}"> <f:then> <form method="post"> - <button type="submit"> + <button class="btn btn-default" type="submit"> Fixed. Check again! </button> </form> @@ -26,7 +26,7 @@ <form method="post"> <input type="hidden" value="environmentAndFolders" name="install[action]" /> <input type="hidden" value="execute" name="install[set]" /> - <button type="submit"> + <button class="btn btn-default" type="submit"> I know what I'm doing, continue! <span class="t3-install-form-button-icon-negative"> </span> </button> @@ -36,7 +36,7 @@ <form method="post"> <input type="hidden" value="environmentAndFolders" name="install[action]" /> <input type="hidden" value="execute" name="install[set]" /> - <button type="submit"> + <button class="btn btn-default" type="submit"> System looks good. Continue! </button> </form> diff --git a/typo3/sysext/install/Resources/Private/Templates/BackendModule/ShowEnableInstallToolButton.html b/typo3/sysext/install/Resources/Private/Templates/BackendModule/ShowEnableInstallToolButton.html index 9a5366b3435a4d15f75aee6cd19c339ccb419945..b04baaab9fc9caebec567395cc7c5e9a8d8ff833 100644 --- a/typo3/sysext/install/Resources/Private/Templates/BackendModule/ShowEnableInstallToolButton.html +++ b/typo3/sysext/install/Resources/Private/Templates/BackendModule/ShowEnableInstallToolButton.html @@ -15,7 +15,7 @@ <f:translate key="LLL:EXT:install/Resources/Private/Language/BackendModule.xlf:confirmUnlockInstallToolMessage" /> - <button value="enableInstallTool"> + <button class="btn btn-warning" value="enableInstallTool"> <f:translate key="LLL:EXT:install/Resources/Private/Language/BackendModule.xlf:confirmUnlockInstallToolButton" /> diff --git a/typo3/sysext/linkvalidator/Classes/Report/LinkValidatorReport.php b/typo3/sysext/linkvalidator/Classes/Report/LinkValidatorReport.php index d1a7ed54b7c53e99610847da3a36491766b3ec92..c2eda92438212e152fc2678bbf1ffbe885a4432c 100644 --- a/typo3/sysext/linkvalidator/Classes/Report/LinkValidatorReport.php +++ b/typo3/sysext/linkvalidator/Classes/Report/LinkValidatorReport.php @@ -173,9 +173,9 @@ class LinkValidatorReport extends \TYPO3\CMS\Backend\Module\AbstractFunctionModu ); if ($this->modTS['showCheckLinkTab'] == 1) { - $this->updateListHtml = '<input type="submit" name="updateLinkList" id="updateLinkList" value="' . $this->getLanguageService()->getLL('label_update') . '"/>'; + $this->updateListHtml = '<input class="btn btn-default" type="submit" name="updateLinkList" id="updateLinkList" value="' . $this->getLanguageService()->getLL('label_update') . '"/>'; } - $this->refreshListHtml = '<input type="submit" name="refreshLinkList" id="refreshLinkList" value="' . $this->getLanguageService()->getLL('label_refresh') . '"/>'; + $this->refreshListHtml = '<input class="btn btn-default" type="submit" name="refreshLinkList" id="refreshLinkList" value="' . $this->getLanguageService()->getLL('label_refresh') . '"/>'; $this->linkAnalyzer = GeneralUtility::makeInstance(LinkAnalyzer::class); $this->updateBrokenLinks(); diff --git a/typo3/sysext/linkvalidator/Resources/Private/Templates/mod_template.html b/typo3/sysext/linkvalidator/Resources/Private/Templates/mod_template.html index 7caca38b8ab1835ca1cb6db1ea0b1a7f2f66e828..9a8d06f63f87c12a7a0da879c6e19455efb2aa1c 100644 --- a/typo3/sysext/linkvalidator/Resources/Private/Templates/mod_template.html +++ b/typo3/sysext/linkvalidator/Resources/Private/Templates/mod_template.html @@ -11,7 +11,7 @@ <!-- ###FULLDOC### end --> <!-- ###CHECKOPTIONS_SECTION### begin --> -<table class="t3-table" id="linkvalidator-statistics-table"> +<table class="table table-striped table-hover" id="linkvalidator-statistics-table"> <thead> <tr> <th>###TOTAL_COUNT_LABEL###</th> @@ -31,7 +31,7 @@ <!-- ###BROKENLINKS_CONTENT### begin --> ###LIST_HEADER### -<table class="t3-table" id="linkvalidator-broken-links-table"> +<table class="table table-striped table-hover" id="linkvalidator-broken-links-table"> <thead> <tr> <th>###TABLEHEAD_PATH###</th> diff --git a/typo3/sysext/lowlevel/Classes/View/DatabaseIntegrityView.php b/typo3/sysext/lowlevel/Classes/View/DatabaseIntegrityView.php index 374528016471816fccda6ee066994dd20f807cb3..56469fa212ee109d015feec4f7179b74bb9ba4d5 100644 --- a/typo3/sysext/lowlevel/Classes/View/DatabaseIntegrityView.php +++ b/typo3/sysext/lowlevel/Classes/View/DatabaseIntegrityView.php @@ -82,7 +82,7 @@ class DatabaseIntegrityView { $this->doc->backPath = $GLOBALS['BACK_PATH']; $this->doc->setModuleTemplate('EXT:lowlevel/Resources/Private/Templates/dbint.html'); $this->doc->form = '<form action="" method="post" name="' . $this->formName . '">'; - $this->doc->table_TABLE = '<table class="t3-table"> + $this->doc->table_TABLE = '<table class="table table-striped table-hover"> <colgroup><col width="24"><col><col width="150"></colgroup>'; $this->doc->tableLayout = array( '0' => array( @@ -298,7 +298,7 @@ class DatabaseIntegrityView { // Output content: $content = '<p class="lead">' . $GLOBALS['LANG']->getLL('referenceIndex_description') . '</p>'; - $content .= '<input type="submit" name="_check" value="' . $GLOBALS['LANG']->getLL('referenceIndex_buttonCheck') . '" /> <input type="submit" name="_update" value="' . $GLOBALS['LANG']->getLL('referenceIndex_buttonUpdate') . '" /><br /><br />'; + $content .= '<input class="btn btn-default" type="submit" name="_check" value="' . $GLOBALS['LANG']->getLL('referenceIndex_buttonCheck') . '" /> <input class="btn btn-default" type="submit" name="_update" value="' . $GLOBALS['LANG']->getLL('referenceIndex_buttonUpdate') . '" /><br /><br />'; $this->content .= $this->doc->section('', $content, FALSE, TRUE); // Command Line Interface diff --git a/typo3/sysext/lowlevel/Resources/Private/Templates/Backend/Configuration.html b/typo3/sysext/lowlevel/Resources/Private/Templates/Backend/Configuration.html index 8fe1f3748beb074d739bf11c860b1e44b84fc76e..28882a0dabd5654f99c17045c758db880382f99f 100644 --- a/typo3/sysext/lowlevel/Resources/Private/Templates/Backend/Configuration.html +++ b/typo3/sysext/lowlevel/Resources/Private/Templates/Backend/Configuration.html @@ -9,15 +9,13 @@ <f:translate key="enterSearchPhrase" /> </label> <input type="search" id="search_field" name="search_field" value="{search_field}" style="width:192px;"/> - <div class="checkbox"> <label for="checkRegexsearch"> <f:format.raw>{checkbox_checkRegexsearch}</f:format.raw> <f:translate key="useRegExp" /> </label> </div> - - <input type="submit" name="search" id="search" value="{f:translate(key: 'search')}"/> + <input class="btn btn-default" type="submit" name="search" id="search" value="{f:translate(key: 'search')}"/> </div> <div id="lowlevel-config-var"> @@ -29,7 +27,7 @@ <f:if condition="{showSaveButton}"> <f:then> - <br/><input type="submit" name="writetoexttables" value="{f:translate(key: 'writeValue')}"/> + <br/><input class="btn btn-default" type="submit" name="writetoexttables" value="{f:translate(key: 'writeValue')}"/> </f:then> <f:else> <f:translate key="copyPaste" /> diff --git a/typo3/sysext/openid/Resources/Private/Templates/Wizard/Content.html b/typo3/sysext/openid/Resources/Private/Templates/Wizard/Content.html index 8341b0d66ed4a9a41f6c6cb56f9e376bd885aac7..91aa48d5c8f473d26256c568df4a428d41a4eb66 100644 --- a/typo3/sysext/openid/Resources/Private/Templates/Wizard/Content.html +++ b/typo3/sysext/openid/Resources/Private/Templates/Wizard/Content.html @@ -40,7 +40,7 @@ <label for="openid_url"><f:translate key="LLL:EXT:openid/Resources/Private/Language/Wizard.xlf:html.openid_url" /></label> <input type="text" name="openid_url" id="openid_url" value="{openid_url}"/> - <input type="submit" value="{f:translate(key:'LLL:EXT:openid/Resources/Private/Language/Wizard.xlf:html.submit')}"/> + <input class="btn btn-default" type="submit" value="{f:translate(key:'LLL:EXT:openid/Resources/Private/Language/Wizard.xlf:html.submit')}"/> </form> </f:if> </f:be.container> diff --git a/typo3/sysext/recordlist/Classes/Browser/ElementBrowser.php b/typo3/sysext/recordlist/Classes/Browser/ElementBrowser.php index 2f12c1074d5e858213612889ee41ce7de35f3441..e134be65e7bb8dcc0a9fbded20b0f75dba60f07b 100644 --- a/typo3/sysext/recordlist/Classes/Browser/ElementBrowser.php +++ b/typo3/sysext/recordlist/Classes/Browser/ElementBrowser.php @@ -967,7 +967,7 @@ class ElementBrowser { && $this->curUrlArray['href'] && $this->curUrlInfo['act'] == $this->act ) { $ltarget .= ' - <input type="submit" value="' . $GLOBALS['LANG']->getLL('update', TRUE) + <input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('update', TRUE) . '" onclick="return link_current();" />'; } $selectJS = ' @@ -1112,22 +1112,26 @@ class ElementBrowser { */ protected function getEmailSelectorHtml() { $extUrl = ' - - <!-- - Enter mail address: - --> - <form action="" name="lurlform" id="lurlform"> - <table border="0" cellpadding="2" cellspacing="1" id="typo3-linkMail"> - <tr> - <td style="width: 96px;">' . $GLOBALS['LANG']->getLL('emailAddress', TRUE) . ':</td> - <td><input type="text" name="lemail"' . $this->doc->formWidth(20) . ' value="' - . htmlspecialchars(($this->curUrlInfo['act'] === 'mail' ? $this->curUrlInfo['info'] : '')) - . '" /> ' . '<input type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE) - . '" onclick="browse_links_setTarget(\'\');browse_links_setValue(\'mailto:\'+' - . 'document.lurlform.lemail.value); return link_current();" /></td> - </tr> - </table> - </form>'; + <!-- + Enter mail address: + --> + <form action="" name="lurlform" id="lurlform"> + <table border="0" cellpadding="2" cellspacing="1" id="typo3-linkMail"> + <tr> + <td style="width: 96px;"> + ' . $GLOBALS['LANG']->getLL('emailAddress', TRUE) . ': + </td> + <td> + <input type="text" name="lemail"' . $this->doc->formWidth(20) . ' value="' + . htmlspecialchars(($this->curUrlInfo['act'] === 'mail' ? $this->curUrlInfo['info'] : '')) + . '" /> + <input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE) + . '" onclick="browse_links_setTarget(\'\');browse_links_setValue(\'mailto:\'+' + . 'document.lurlform.lemail.value); return link_current();" /> + </td> + </tr> + </table> + </form>'; return $extUrl; } @@ -1148,7 +1152,7 @@ class ElementBrowser { <td style="width: 96px;">URL:</td> <td><input type="text" name="lurl"' . $this->doc->formWidth(30) . ' value="' . htmlspecialchars(($this->curUrlInfo['act'] === 'url' ? $this->curUrlInfo['info'] : 'http://')) - . '" /> ' . '<input type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE) + . '" /> ' . '<input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE) . '" onclick="browse_links_setValue(document.lurlform.lurl.value); return link_current();" /></td> </tr> </table> @@ -2477,11 +2481,13 @@ class ElementBrowser { $code .= \TYPO3\CMS\Backend\Form\FormEngine::getHiddenTokenField('tceAction'); $code .= ' <div id="c-override"> - <label><input type="checkbox" name="overwriteExistingFiles" id="overwriteExistingFiles" value="1" /> ' - . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_misc.xlf:overwriteExistingFiles', TRUE) . '</label> + <label> + <input type="checkbox" name="overwriteExistingFiles" id="overwriteExistingFiles" value="1" /> ' + . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_misc.xlf:overwriteExistingFiles', TRUE) . ' + </label> </div> - <input type="submit" name="submit" value="' - . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" /> + <input class="btn btn-default" type="submit" name="submit" value="' + . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" /> '; $code .= '</td> </tr> @@ -2538,7 +2544,7 @@ class ElementBrowser { . '&bparams=' . rawurlencode($this->bparams); $code .= '<input type="hidden" name="redirect" value="' . htmlspecialchars($redirectValue) . '" />' . \TYPO3\CMS\Backend\Form\FormEngine::getHiddenTokenField('tceAction') - . '<input type="submit" name="submit" value="' + . '<input class="btn btn-default" type="submit" name="submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_newfolder.php.submit', TRUE) . '" />'; $code .= '</td> </tr> diff --git a/typo3/sysext/recordlist/Classes/RecordList/AbstractDatabaseRecordList.php b/typo3/sysext/recordlist/Classes/RecordList/AbstractDatabaseRecordList.php index 659e4d38f6c948670361183345ba9930ee17c9b7..683e4033b5016649916d17229dadd9cc558cf18e 100644 --- a/typo3/sysext/recordlist/Classes/RecordList/AbstractDatabaseRecordList.php +++ b/typo3/sysext/recordlist/Classes/RecordList/AbstractDatabaseRecordList.php @@ -511,7 +511,7 @@ class AbstractDatabaseRecordList extends \TYPO3\CMS\Backend\RecordList\AbstractR </div> <div class="col-xs-3 col-md-3 col-lg-3"> <div class="input-group"> - <input type="submit" class="btn-block" name="search" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.search', TRUE) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.search', TRUE) . '" /> + <input type="submit" class="btn btn-default btn-block" name="search" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.search', TRUE) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.search', TRUE) . '" /> </div> </div> </div> diff --git a/typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php b/typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php index 7e762b662a479e2a2bba54ad2037ffb3cc6a4dc0..e909bb05f681f0043c8c60ab0c69afeccc6f7fc4 100644 --- a/typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php +++ b/typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php @@ -632,7 +632,7 @@ class DatabaseRecordList extends AbstractDatabaseRecordList { ' . $tableHeader . ' </div> <div class="table-fit"> - <table data-table="' . htmlspecialchars($table) . '" class="table table-hover' . ($listOnlyInSingleTableMode ? ' typo3-dblist-overview' : '') . '"> + <table data-table="' . htmlspecialchars($table) . '" class="table table-striped table-hover' . ($listOnlyInSingleTableMode ? ' typo3-dblist-overview' : '') . '"> ' . $out . ' </table> </div> @@ -1585,17 +1585,20 @@ class DatabaseRecordList extends AbstractDatabaseRecordList { '; // Table with the field selector:: $content = $formElements[0] . ' - - <!-- - Field selector for extended table view: - --> - <table border="0" cellpadding="0" cellspacing="0" id="typo3-dblist-fieldSelect"> - <tr> - <td>' . $lMenu . '</td> - <td><input type="submit" name="search" value="' - . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.setFields', TRUE) . '" /></td> - </tr> - </table> + <!-- + Field selector for extended table view: + --> + <table border="0" cellpadding="0" cellspacing="0" id="typo3-dblist-fieldSelect"> + <tr> + <td> + ' . $lMenu . ' + </td> + <td> + <input class="btn btn-default" type="submit" name="search" value="' + . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.setFields', TRUE) . '" /> + </td> + </tr> + </table> ' . $formElements[1]; return '<div class="db_list-fieldSelect">' . $content . '</div>'; } diff --git a/typo3/sysext/reports/Classes/Report/Status/Status.php b/typo3/sysext/reports/Classes/Report/Status/Status.php index 9c2f8eeddbab57c426bdb4ec1737efbf2647a081..b728033ae15f9ba8195e43d42f43678d091e3b82 100644 --- a/typo3/sysext/reports/Classes/Report/Status/Status.php +++ b/typo3/sysext/reports/Classes/Report/Status/Status.php @@ -169,7 +169,7 @@ class Status implements ReportInterface { )); } $header = '<h2>' . $provider . '</h2>'; - $table = '<table class="t3-table">'; + $table = '<table class="table table-striped table-hover">'; $table .= '<tbody>' . $messages . '</tbody>'; $table .= '</table>'; diff --git a/typo3/sysext/rtehtmlarea/Classes/BrowseLinks.php b/typo3/sysext/rtehtmlarea/Classes/BrowseLinks.php index 654a15932b687e45382c83708b24f3c73da4ff1c..d33a54ee8a0fb4a118844db70f9f7829f6afcbf2 100644 --- a/typo3/sysext/rtehtmlarea/Classes/BrowseLinks.php +++ b/typo3/sysext/rtehtmlarea/Classes/BrowseLinks.php @@ -538,17 +538,23 @@ class BrowseLinks extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser { */ protected function getEmailSelectorHtml() { $extUrl = ' - <!-- - Enter mail address: - --> - <tr> - <td><label>' . $GLOBALS['LANG']->getLL('emailAddress', TRUE) . ':</label></td> - <td><input type="text" name="lemail"' . $this->doc->formWidth(20) - . ' value="' . htmlspecialchars(($this->curUrlInfo['act'] == 'mail' ? $this->curUrlInfo['info'] : '')) . '" /> ' - . '<input type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE) - . '" onclick="browse_links_setTarget(\'\');browse_links_setHref(\'mailto:\'+document.ltargetform.lemail.value);' - . 'browse_links_setAdditionalValue(\'data-htmlarea-external\', \'\');return link_current();" /></td> - </tr>'; + <!-- + Enter mail address: + --> + <tr> + <td> + <label> + ' . $GLOBALS['LANG']->getLL('emailAddress', TRUE) . ': + </label> + </td> + <td> + <input type="text" name="lemail"' . $this->doc->formWidth(20) + . ' value="' . htmlspecialchars(($this->curUrlInfo['act'] == 'mail' ? $this->curUrlInfo['info'] : '')) . '" /> + <input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE) + . '" onclick="browse_links_setTarget(\'\');browse_links_setHref(\'mailto:\'+document.ltargetform.lemail.value);' + . 'browse_links_setAdditionalValue(\'data-htmlarea-external\', \'\');return link_current();" /> + </td> + </tr>'; return $extUrl; } @@ -559,19 +565,26 @@ class BrowseLinks extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser { */ protected function getExternalUrlSelectorHtml() { $extUrl = ' - <!-- - Enter External URL: - --> - <tr> - <td><label>URL:</label></td> - <td colspan="3"><input type="text" name="lurl"' . $this->doc->formWidth(20) - . ' value="' . htmlspecialchars(($this->curUrlInfo['act'] == 'url' ? $this->curUrlInfo['info'] : 'http://')) - . '" /> ' . '<input type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE) - . '" onclick="if (/^[A-Za-z0-9_+]{1,8}:/.test(document.ltargetform.lurl.value)) { ' - . ' browse_links_setHref(document.ltargetform.lurl.value); } else { browse_links_setHref(\'http://\'' - . '+document.ltargetform.lurl.value); }; browse_links_setAdditionalValue(\'data-htmlarea-external\', \'1\');' - . 'return link_current();" /></td> - </tr>'; + <!-- + Enter External URL: + --> + <tr> + <td> + <label> + URL: + </label> + </td> + <td colspan="3"> + <input type="text" name="lurl"' . $this->doc->formWidth(20) + . ' value="' . htmlspecialchars(($this->curUrlInfo['act'] == 'url' ? $this->curUrlInfo['info'] : 'http://')) + . '" /> + <input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE) + . '" onclick="if (/^[A-Za-z0-9_+]{1,8}:/.test(document.ltargetform.lurl.value)) { ' + . ' browse_links_setHref(document.ltargetform.lurl.value); } else { browse_links_setHref(\'http://\'' + . '+document.ltargetform.lurl.value); }; browse_links_setAdditionalValue(\'data-htmlarea-external\', \'1\');' + . 'return link_current();" /> + </td> + </tr>'; return $extUrl; } @@ -708,23 +721,23 @@ class BrowseLinks extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser { <!-- Selecting target for link: --> - <form action="" name="ltargetform" id="ltargetform"> - <table id="typo3-linkTarget" class="htmlarea-window-table">' . $string; + <form action="" name="ltargetform" id="ltargetform"> + <table id="typo3-linkTarget" class="htmlarea-window-table">' . $string; if ($this->act == $this->curUrlInfo['act'] && $this->act != 'mail' && $this->curUrlArray['href']) { $form .= ' - <tr> - <td> - </td> - <td colspan="3"> - <input type="submit" value="' . $GLOBALS['LANG']->getLL('update', TRUE) . '" onclick="' - . ($this->act == 'url' ? 'browse_links_setAdditionalValue(\'data-htmlarea-external\', \'1\'); ' : '') - . 'return link_current();" /> - </td> - </tr>'; + <tr> + <td> + </td> + <td colspan="3"> + <input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('update', TRUE) . '" onclick="' + . ($this->act == 'url' ? 'browse_links_setAdditionalValue(\'data-htmlarea-external\', \'1\'); ' : '') + . 'return link_current();" /> + </td> + </tr>'; } $form .= ' - </table> - </form>'; + </table> + </form>'; return $form; } @@ -738,13 +751,17 @@ class BrowseLinks extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser { && $this->buttonConfig['pageIdSelector.']['enabled'] ) { return ' - <tr> - <td><label>' . $GLOBALS['LANG']->getLL('page_id', TRUE) . ':</label></td> - <td colspan="3"> - <input type="text" size="6" name="luid" /> <input type="submit" value="' - . $GLOBALS['LANG']->getLL('setLink', TRUE) . '" onclick="return link_typo3Page(document.ltargetform.luid.value);" /> - </td> - </tr>'; + <tr> + <td> + <label> + ' . $GLOBALS['LANG']->getLL('page_id', TRUE) . ': + </label> + </td> + <td colspan="3"> + <input type="text" size="6" name="luid" /> <input class="btn btn-default" type="submit" value="' + . $GLOBALS['LANG']->getLL('setLink', TRUE) . '" onclick="return link_typo3Page(document.ltargetform.luid.value);" /> + </td> + </tr>'; } return ''; } diff --git a/typo3/sysext/rtehtmlarea/Classes/SelectImage.php b/typo3/sysext/rtehtmlarea/Classes/SelectImage.php index 52f001568f5895a5c01f285fbf79634fcbee80ed..7aec1e0acee70639c9ab981a03d860f9fb109105 100644 --- a/typo3/sysext/rtehtmlarea/Classes/SelectImage.php +++ b/typo3/sysext/rtehtmlarea/Classes/SelectImage.php @@ -382,7 +382,7 @@ class SelectImage extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser { sz+=\'<tr><td><label for="iLang">\' + plugin.editor.getPlugin("Language").localize(\'Language-Tooltip\') + \': </label></td><td>\' + languageSelector + \'</td></tr>\'; }') . (in_array('clickenlarge', $removedProperties) || in_array('data-htmlarea-clickenlarge', $removedProperties) ? '' : ' sz+=\'<tr><td><label for="iClickEnlarge">' . $GLOBALS['LANG']->sL('LLL:EXT:cms/locallang_ttc.xlf:image_zoom', TRUE) . ' </label></td><td><input type="checkbox" name="iClickEnlarge" id="iClickEnlarge" value="0" /></td></tr>\';') . ' - sz+=\'<tr><td></td><td><input type="submit" value="' . $GLOBALS['LANG']->getLL('update') . '" onClick="return setImageProperties();"></td></tr>\'; + sz+=\'<tr><td></td><td><input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('update') . '" onClick="return setImageProperties();"></td></tr>\'; sz+=\'</table></form>\'; return sz; } diff --git a/typo3/sysext/scheduler/Classes/Controller/SchedulerModuleController.php b/typo3/sysext/scheduler/Classes/Controller/SchedulerModuleController.php index 3c658865a90e7b956761b0713efce2470957181c..68ecacce219d9ea847fbfc95943510590ca62cfd 100644 --- a/typo3/sysext/scheduler/Classes/Controller/SchedulerModuleController.php +++ b/typo3/sysext/scheduler/Classes/Controller/SchedulerModuleController.php @@ -1061,7 +1061,7 @@ class SchedulerModuleController extends \TYPO3\CMS\Backend\Module\BaseScriptClas } $this->getDatabaseConnection()->sql_free_result($res); - $this->view->assign('table', '<table class="t3-table">' . implode(LF, $table) . '</table>'); + $this->view->assign('table', '<table class="table table-striped table-hover">' . implode(LF, $table) . '</table>'); // Server date time $dateFormat = $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'] . ' ' . $GLOBALS['TYPO3_CONF_VARS']['SYS']['hhmm'] . ' T (e'; diff --git a/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/InfoScreen.html b/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/InfoScreen.html index 67a1a72124864d616d7ad391a2eee57c666307b2..d9fc0adc92a69712285739709f9302fa6fb7175c 100644 --- a/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/InfoScreen.html +++ b/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/InfoScreen.html @@ -4,7 +4,7 @@ <f:translate key="msg.infoScreenIntro" /> </p> -<table class="t3-table"> +<table class="table table-striped table-hover"> <thead> <tr> <th> diff --git a/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/ListTasks.html b/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/ListTasks.html index 60da98e8ef4ce8eb262ddb7fc5a89bd7241899a5..4b4dfb40123a9ec20c0dfa4cd844becc18963a3d 100644 --- a/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/ListTasks.html +++ b/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/ListTasks.html @@ -1,6 +1,6 @@ {namespace s = TYPO3\CMS\Scheduler\ViewHelpers} <f:format.raw>{table}</f:format.raw> -<button name="go" id="scheduler_executeselected"> +<button class="btn btn-primary" name="go" id="scheduler_executeselected"> <s:spriteIcon iconName="extensions-scheduler-run-task" /> <f:translate key="label.executeSelected" /> </button> diff --git a/typo3/sysext/sv/Classes/Report/ServicesListReport.php b/typo3/sysext/sv/Classes/Report/ServicesListReport.php index 2d2736083765e5a47342bc0671ce6e3fe4e74fb3..da08770da563dd720fab777edfb08f646e4c1c0d 100644 --- a/typo3/sysext/sv/Classes/Report/ServicesListReport.php +++ b/typo3/sysext/sv/Classes/Report/ServicesListReport.php @@ -87,7 +87,7 @@ class ServicesListReport implements \TYPO3\CMS\Reports\ReportInterface { protected function renderServiceTypeList($serviceType, $services) { $header = '<h3>' . sprintf($GLOBALS['LANG']->getLL('service_type'), $serviceType) . '</h3>'; $serviceList = ' - <table class="t3-table table tx_sv_reportlist"> + <table class="table table-striped table-hover tx_sv_reportlist"> <thead> <tr> <td style="width: 35%">' . $GLOBALS['LANG']->getLL('service') . '</td> @@ -166,7 +166,7 @@ class ServicesListReport implements \TYPO3\CMS\Reports\ReportInterface { $content .= '<p>' . $GLOBALS['LANG']->getLL('no_search_paths') . '</p>'; } else { $content .= ' - <table class="t3-table tx_sv_reportlist"> + <table class="table table-striped table-hover tx_sv_reportlist"> <thead> <tr> <td>' . $GLOBALS['LANG']->getLL('path') . '</td> diff --git a/typo3/sysext/sys_action/Classes/ActionTask.php b/typo3/sysext/sys_action/Classes/ActionTask.php index e28791c443a2c9824368378e63764abb918994ee..a5256738f331462e0c21128a900531d7801f3591 100644 --- a/typo3/sysext/sys_action/Classes/ActionTask.php +++ b/typo3/sysext/sys_action/Classes/ActionTask.php @@ -315,7 +315,7 @@ class ActionTask implements \TYPO3\CMS\Taskcenter\TaskInterface { <div class="row"> <input type="hidden" name="data[key]" value="' . $key . '" /> <input type="hidden" name="data[sent]" value="1" /> - <input type="submit" value="' . ($key === 'NEW' ? $GLOBALS['LANG']->getLL('action_Create') : $GLOBALS['LANG']->getLL('action_Update')) . '" /> + <input class="btn btn-default" type="submit" value="' . ($key === 'NEW' ? $GLOBALS['LANG']->getLL('action_Create') : $GLOBALS['LANG']->getLL('action_Update')) . '" /> </div> </fieldset> </form>'; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debug_panel.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debug_panel.less index 7cdac955336c69cfdb2b303eae8a1d242906eb2b..cd4d0662f635429fbd6a97b8bad690ef03e665c6 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debug_panel.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debug_panel.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -TYPO3 debug panel -- - - - - - - - - - - - - - - - - - - - - */ +// +// TYPO3 debug panel +// .typo3-debugPanel-dragDropArrowDown { background-image: url('../../../../icons/gfx/arrowdown.png'); diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less index 066de5a3804d87bd0fb86617da3836a17b6caa3c..a96025ea6ec93ef6d6ac0c42c8322673976068f3 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less @@ -1,15 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Deprecated +// .t3-row-header { background-color: #666; @@ -25,15 +16,9 @@ color: #fff; } -table.t3-table-info { - background: #ffffff; - border: 1px solid #cccccc; -} - .t3-col-header, .t3-row-header, -.tableheader td, -table.t3-table-info td { +.tableheader td { padding: 6px; } @@ -60,9 +45,9 @@ table.t3-table-info td { .text-nowrap; } -/* - - - - - - - - - - - - - - - - - - - - - -Background color classes -- - - - - - - - - - - - - - - - - - - - - */ +// +// Background color classes +// .bgColor-20 { background-color: #e3dfdb; @@ -98,14 +83,12 @@ Background color classes background-color: #f7f7f7; } - #typo3-messages { margin-bottom: 10px; } .typo3-message { .alert; - background-position: 10px 12px; background-repeat: no-repeat; padding: 12px 12px 12px 36px; @@ -136,14 +119,12 @@ Background color classes a { text-decoration: underline; - } } .message-notice { // Nothing to inherit from Bootstrap - there is no alert-notice - color: #777; background-color: #f6f7fa; background-image: url('../../../../icons/gfx/notice.png'); @@ -156,9 +137,7 @@ Background color classes .message-information { .alert-info; - background-image: url('../../../../icons/gfx/information.png'); - a { color: #4c73a1; } @@ -166,9 +145,7 @@ Background color classes .message-ok { .alert-success; - background-image: url('../../../../icons/gfx/ok.png'); - a { color: #3b7826; } @@ -176,9 +153,7 @@ Background color classes .message-warning { .alert-warning; - background-image: url("../../../../icons/gfx/warning.png"); - a { color: #9e7d4a; } @@ -186,11 +161,8 @@ Background color classes .message-error { .alert-danger; - background-image: url('../../../../icons/gfx/error.png'); - a { color: #aa0225; } } - diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_clipboard.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_clipboard.less index e45bc15960c6d5ecf94101f5db08a9f983ee5a4a..285784be7e1d290c47f61545ea475e4661c2fe97 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_clipboard.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_clipboard.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Clipboard -- - - - - - - - - - - - - - - - - - - - - */ +// +// Clipboard +// table#typo3-clipboard { background-color: #efeff4; @@ -52,5 +39,4 @@ table#typo3-clipboard { } } } - -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less index 7b9436919e7a0f6af06d9033fda33def0ddbec93..ff3afc8ac2663f3f8cc8f8a9d5280a7f0b9aaeac 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Context sensitive help -- - - - - - - - - - - - - - - - - - - - - */ +// +// Context sensitive help jij +// .typo3-csh-inline { padding: 4px; @@ -118,7 +105,9 @@ div.typo3-view-help img.c-inlineimg { margin-left: 10px; } -/*** new help code ***/ +// +// new help code +// .t3-help-inline { padding: 4px; @@ -223,7 +212,10 @@ div.t3-view-help img.c-inlineimg { margin-left: 10px; } -/** ExtJS based CSH tooltips */ +// +// ExtJS based CSH tooltips +// + .x-tip.typo3-csh-tooltip .x-tip-tl, .x-tip.typo3-csh-tooltip .x-tip-cl { padding-left: 8px; @@ -234,10 +226,9 @@ div.t3-view-help img.c-inlineimg { padding-right: 8px; } - -/* - - - - - - - - - - - - - - - - - - - - - -Context Sensitive Help (CSH) -- - - - - - - - - - - - - - - - - - - - - */ +// +// Context Sensitive Help (CSH) +// table.typo3-csh-inline { background-color: #ffffc7; @@ -264,7 +255,10 @@ a.typo3-csh-link { white-space: normal; } -/** new CSH code **/ +// +// new CSH code +// + table.t3-help-inline { background-color: #ffffc7; border: 1px solid #cccccc; @@ -299,15 +293,16 @@ a.t3-help-link { white-space: normal; } +// +// EXT:cshmanual +// -/* EXT:cshmanual */ div.typo3-view-help h1 { background: none; color: #000; text-align: left; } - div.typo3-view-help p { } @@ -324,4 +319,4 @@ div.typo3-view-help .manual-title a, div.typo3-view-help div.c-toc a, div.typo3-view-help p a { text-decoration: underline; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less index aa35bcc847c5a1c4a3aff06780bd3dfb6d736f69..06489447fe542f1a88ee04a59dc3e9276e345acb 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less @@ -1,30 +1,17 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Context Sensitive Menu / Layer (alt_clickmenu.php creates it) -Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php -- - - - - - - - - - - - - - - - - - - - - */ +// +// Context Sensitive Menu / Layer (alt_clickmenu.php creates it) +// Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php +// .typo3-CSM-wrapperCM { background: #fff; border: #b6b6b6 1px solid; } -/* - - - - - - - - - - - - - - - - - - - - - -Context Sensitive Menu / Layer (alt_clickmenu.php creates it) -Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php -- - - - - - - - - - - - - - - - - - - - - */ +// +// Context Sensitive Menu / Layer (alt_clickmenu.php creates it) +// Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php +// table.typo3-CSM { tr.typo3-CSM-itemRow { @@ -35,8 +22,10 @@ table.typo3-CSM { vertical-align: bottom; } - /* the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high - see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks */ + // + // the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high + // see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks + // img { display: block; } @@ -56,16 +45,22 @@ table.typo3-CSM { } } -/* - - - - - - - - - - - - - - - - - - - - - -special backend elements -- - - - - - - - - - - - - - - - - - - - - */ +// +// special backend elements +// + +// +// Context Sensitive Menu / Top frame (alt_clickmenu.php): +// -/* Context Sensitive Menu / Top frame (alt_clickmenu.php): */ body#typo3-alt-clickmenu-php { margin-top: 10px; } -/* Context Sensitive Menu / Top frame (alt_clickmenu.php): */ +// +// Context Sensitive Menu / Top frame (alt_clickmenu.php): +// + #contentMenu0 { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } @@ -79,4 +74,3 @@ div#contentMenu1 { position: absolute; z-index: 20; } - diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less index 371db410cecaa2b209e2db69a7a38fdc74208b6b..364f27aee7b79982acac99ca14be128df6a6ca95 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -DocHeader -- - - - - - - - - - - - - - - - - - - - - */ +// +// DocHeader +// @docheader-text: rgb(45, 45, 45); @docheader-bg: linear-gradient(to bottom, rgb(235, 235, 235) 0%, rgb(205, 205, 205) 100%); @@ -35,7 +22,9 @@ DocHeader .left { float: left; - /** Extra margin 6px added to it-icon margin, doubled spacing = 12px */ + // + // Extra margin 6px added to it-icon margin, doubled spacing = 12px + // .buttongroup { .pull-left; margin-right: 6px; @@ -78,7 +67,9 @@ DocHeader } } - /* overwrite defaults from normalize.css */ + // + // overwrite defaults from normalize.css + // select { color: @docheader-text; } @@ -101,12 +92,14 @@ DocHeader } } -/** - * ExtJS Viewport - */ +// +// ExtJS Viewport +// -/* Collapsed tree frame is not invisible, but 5px wide. - If no tree frame is in use, an empty container is shown instead */ +// +// Collapsed tree frame is not invisible, but 5px wide. +// If no tree frame is in use, an empty container is shown instead +// #typo3-navigationContainer-xsplit, #typo3-navigationContainer-xcollapsed, @@ -114,7 +107,9 @@ DocHeader background: @body-bg url(../../Images/docheader-split-background.png) left top repeat-x; } -/** ExtJS theme for PageTree */ +// +// ExtJS theme for PageTree +// #typo3-pagetree-topPanelItems { background-color: @docheader-bg; background: @docheader-bg; @@ -124,29 +119,23 @@ DocHeader .x-panel-tbar { color: @docheader-text; border-bottom: 1px solid @docheader-border; - a { color: @docheader-text; - &:hover { color: #000; } } - } // Buttons .x-panel-body { color: @docheader-text; border-bottom: 1px solid @docheader-border; - .typo3-pagetree-topPanel-button { margin-top: 0; } - a { color: @docheader-text; - &:hover { color: #000; } diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less index 184688dd464ab6666a0ea08a5b2855c35acd3b90..6f7590baeaa15b3f174a9be359c5e50edd6364e7 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -History / Undo -- - - - - - - - - - - - - - - - - - - - - */ +// +// History / Undo +// table#typo3-history, table#typo3-history-item { @@ -34,5 +21,3 @@ table#typo3-history-item { margin: 1px 1px 1px 1px; } } - - diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less new file mode 100644 index 0000000000000000000000000000000000000000..4eb9427da4ad9d13b908fdf258bcb833ee08460b --- /dev/null +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less @@ -0,0 +1,11 @@ +// +// Label +// + +.label-stable:extend(.label-success){}; +.label-beta:extend(.label-warning){}; +.label-alpha:extend(.label-danger){}; +.label-obsolete:extend(.label-default){}; +.label-experimental:extend(.label-default){} +.label-test:extend(.label-default){} +.label-excludeFromUpdates:extend(.label-default){} \ No newline at end of file diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less index 1ff6c5bc736cceeb3dcddf13702ed1a0c446f540..5c9d20c1917bb71218f823179849185ffbe8e2c5 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less @@ -1,15 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Messages +// #alert-container { width: 400px; @@ -48,7 +39,6 @@ a { color: darken(@state-notice-text, 5%); - &:hover { color: darken(@state-notice-text, 10%); } @@ -58,7 +48,6 @@ .alert-success { a { color: darken(@brand-success, 10%); - &:hover { color: darken(@brand-success, 15%); } @@ -68,7 +57,6 @@ .alert-info { a { color: darken(@brand-info, 5%); - &:hover { color: darken(@brand-info, 10%); } @@ -78,7 +66,6 @@ .alert-warning { a { color: @brand-warning; - &:hover { color: darken(@brand-warning, 5%) } @@ -88,9 +75,8 @@ .alert-danger { a { color: @brand-danger; - &:hover { color: darken(@brand-danger, 10%); } } -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_modal.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_modal.less index dfc35596887329b89b2192e90f3b468f9ff6f2ba..2d2b9fb67c841c89d2e641f93e82fc589073f066 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_modal.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_modal.less @@ -1,15 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Modals +// // Modal notice @modal-notice-bg: @btn-default-bg; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagetree.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagetree.less index 0cd190188e71697adb7503eaca31844a0503ae3b..54550a1a2e5b349130513ad1ae010d88d42869d4 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagetree.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagetree.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Pagetree -- - - - - - - - - - - - - - - - - - - - - */ +// +// Pagetree +// #typo3-pagetree { height: 100%; @@ -112,7 +99,9 @@ Pagetree .x-unselectable, .x-unselectable * { - /* restore behaviour from x-tree-node-el which gets overwritten by x-unselectable in default-css */ + // + // restore behaviour from x-tree-node-el which gets overwritten by x-unselectable in default-css + // cursor: pointer; } @@ -139,9 +128,9 @@ Pagetree } -/* - - - - - - - - - - - - - - - - - - - - - -Drag and Drop -- - - - - - - - - - - - - - - - - - - - - */ +// +// Drag and Drop +// .x-tree-lines .typo3-pagetree-node-notExpandable .x-tree-ec-icon { visibility: hidden; @@ -261,9 +250,9 @@ Drag and Drop border: none; } -/* - - - - - - - - - - - - - - - - - - - - - -Top Panel -- - - - - - - - - - - - - - - - - - - - - */ +// +// Top Panel +// .typo3-pagetree-topPanel-button { background: none; @@ -384,9 +373,9 @@ Top Panel display: block; } -/* - - - - - - - - - - - - - - - - - - - - - -Deletion Drop Zone -- - - - - - - - - - - - - - - - - - - - - */ +// +// Deletion Drop Zone +// #typo3-pagetree-deletionDropZone { color: #FFF; @@ -443,17 +432,17 @@ Deletion Drop Zone background-color: #644d2d; } -/* - - - - - - - - - - - - - - - - - - - - - -Tree Highlighting -- - - - - - - - - - - - - - - - - - - - - */ +// +// Tree Highlighting +// .x-tree-node-readableRootline { font-style: italic; } -/* - - - - - - - - - - - - - - - - - - - - - -Indicator Bar -- - - - - - - - - - - - - - - - - - - - - */ +// +// Indicator Bar +// #typo3-pagetree-indicatorBar-temporaryMountPoint { background-color: #eaf7ff; @@ -506,4 +495,4 @@ Indicator Bar top: 5px; position: absolute; } -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagination.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagination.less index a683c90b5ade37593f0659e66c8433eb59db4bf6..f9039c8fdf9985c5ada1a852bac378c5b4b54b22 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagination.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagination.less @@ -1,15 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Pagination +// .pagination { .t3-icon { @@ -20,4 +11,4 @@ display: inline-block; margin: -2px 0; } -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_panel.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_panel.less index 21fbc0f72521dcc524d81268ebc87c95e030bc25..f3945ff0be1176e8526e7176d1aae1e70031dd5a 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_panel.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_panel.less @@ -1,15 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Panel +// .panel { margin: 3em 0; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_rte.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_rte.less index 6de74c5879110a4cd1b88784ea6e34804bc5e8bd..1f93d1838a82118a2eda01cada7e7cb1afd50c14 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_rte.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_rte.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Element Browser / RTE link selection -- - - - - - - - - - - - - - - - - - - - - */ +// +// Element Browser / RTE link selection +// #typo3-browse-links-php { background: #ececec; @@ -158,9 +145,9 @@ input.typo3-link-input { width: 250px; } -/* - - - - - - - - - - - - - - - - - - - - - -Element Browser / RTE link selection -- - - - - - - - - - - - - - - - - - - - - */ +// +// Element Browser / RTE link selection +// form#typo3-uplFilesForm, form#typo3-crFolderForm { @@ -174,9 +161,9 @@ table#typo3-EBfiles tr td.c-wCell { white-space: nowrap; } -/* - - - - - - - - - - - - - - - - - - - - - -RTE select image -- - - - - - - - - - - - - - - - - - - - - */ +// +// RTE select image +// body#ext-rte-app-rte-select-image-php { a { diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_spinner.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_spinner.less index e8ebfd9aecf92f96fe97a042a11b4cb3f8662843..108d074528059f918e426bfb31e3091a2f62ec84 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_spinner.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_spinner.less @@ -1,24 +1,10 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Animated spinner icon -- - - - - - - - - - - - - - - - - - - - - */ +// +// Animated spinner icon +// span.spinner { display: inline-block; width: 16px; height: 16px; - background-image: url('../../../../images/spinner/f1f1f1.gif'); -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tab.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tab.less index b93047689a05288bdcd012c94de591da9a5e6e80..47f1da47f4ab7f4dae74496adc8b904e06f07943 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tab.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tab.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Tab menu -- - - - - - - - - - - - - - - - - - - - - */ +// +// Tab menu +// .nav-tabs { background-color: darken(@nav-tabs-active-link-bg, 5%); @@ -56,7 +43,10 @@ div.typo3-dyntabmenu-divs { } } -/* Foldout tabs */ +// +// Foldout tabs +// + div.typo3-dyntabmenu-divs-foldout div.c-tablayer { margin-left: 20px; } diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_table.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_table.less index ae75bf0c4ec63b70862bacfb3099fc714c8aba7c..8580ab748c7518d2e34ba10350eaa37d692956a0 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_table.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_table.less @@ -1,17 +1,11 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Tables +// + +// +// used in the admin tools => DB check +// -/** used in the admin tools => DB check **/ .t3-overview-list dt { padding: 0px 0px 2px 20px; @@ -26,39 +20,37 @@ padding-left: 22px; } -/** - * Common style for tables - * - * <table class="t3-table> - * <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"> </span> - * </td> - * <td>...</td> - * </tr> - * </tbody> - * </table> - */ +// +// 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"> </span> +// </td> +// <td>...</td> +// </tr> +// </tbody> +// </table> +// // Revert Bootstrap @table-bg in order to allow ExtJS and dataTable <table> table { background: transparent; } -/** - * Default table styling - **/ -.t3-table, +// +// Default table styling +// .table { background-color: @table-bg; - margin-bottom: 1.5em; border: 1px solid @table-border-color; * { @@ -81,7 +73,6 @@ table { > thead > tr { background-color: darken(@table-bg, 5%); - th, td { border-bottom: 1px solid @table-border-color; @@ -188,126 +179,17 @@ table { white-space: nowrap; text-align: right; } -} -/** - * Copy table stylings from bootstrap - **/ -.t3-table { - .table(); - .table-striped(); - .table-hover(); - - // .active - > thead > tr, - > tbody > tr, - > tfoot > tr { - > td.active, - > th.active, - &.active > td, - &.active > th { - background-color: @table-bg-active; - } - } - > tbody > tr { - > td.active:hover, - > th.active:hover, - &.active:hover > td, - &:hover > .active, - &.active:hover > th { - background-color: darken(@table-bg-active, 5%); - } + .col-border-left { + border-left: 1px solid @table-border-color; } - // .success - > thead > tr, - > tbody > tr, - > tfoot > tr { - > td.success, - > th.success, - &.success > td, - &.success > th { - background-color: @state-success-bg; - } - } - > tbody > tr { - > td.success:hover, - > th.success:hover, - &.success:hover > td, - &:hover > .success, - &.success:hover > th { - background-color: darken(@state-success-bg, 5%); - } - } - - // .info - > thead > tr, - > tbody > tr, - > tfoot > tr { - > td.info, - > th.info, - &.info > td, - &.info > th { - background-color: @state-info-bg; - } - } - > tbody > tr { - > td.info:hover, - > th.info:hover, - &.info:hover > td, - &:hover > .info, - &.info:hover > th { - background-color: darken(@state-info-bg, 5%); - } - } - - // .warning - > thead > tr, - > tbody > tr, - > tfoot > tr { - > td.warning, - > th.warning, - &.warning > td, - &.warning > th { - background-color: @state-warning-bg; - } - } - > tbody > tr { - > td.warning:hover, - > th.warning:hover, - &.warning:hover > td, - &:hover > .warning, - &.warning:hover > th { - background-color: darken(@state-warning-bg, 5%); - } - } - - // .danger - > thead > tr, - > tbody > tr, - > tfoot > tr { - > td.danger, - > th.danger, - &.danger > td, - &.danger > th { - background-color: @state-danger-bg; - } - } - - > tbody > tr { - > td.danger:hover, - > th.danger:hover, - &.danger:hover > td, - &:hover > .danger, - &.danger:hover > th { - background-color: darken(@state-danger-bg, 5%); - } - } } -/** - * Fits the table in the viewport and makes overflow possible - **/ +// +// Fits the table in the viewport and makes overflow possible +// + .table-fit { width: 100%; margin-bottom: 1.5em; @@ -317,8 +199,7 @@ table { -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; - > .table, - > .t3-table { + > .table { margin-top: 0; margin-bottom: 0; border: 0; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less index 6d4874eca4ad276a2b3319874376f529363a80c7..0104fd162442174ef08c24a8057b2b2eeb7eef35 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less @@ -1,24 +1,13 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms -- - - - - - - - - - - - - - - - - - - - - */ +// +// TCEforms +// // Special handling of Tabs within FormEngine + .typo3-TCEforms { // Move dyntab inner padding into fieldset for horizontal HR (only when tabs are there) + .typo3-dyntabmenu-divs { border-top: 1px solid @nav-tabs-border-color; } @@ -119,7 +108,9 @@ img.t3-TCEforms-contentchangedImg { margin-right: 2px; width: 16px; } -/* renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility */ + +// renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility + img.t3-TCEforms-reqPaletteImg { display: block; position: absolute; @@ -139,7 +130,9 @@ img.t3-TCEforms-reqPaletteImg { z-index: 4000; width: 7px; } -/* renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility */ + +// renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility + img.t3-TCEforms-contentchangedPaletteImg { display: block; position: absolute; @@ -153,7 +146,6 @@ img.t3-TCEforms-contentchangedPaletteImg { width: 100%; } - .typo3-TCEforms-recHeaderRow { padding-top: 5px; padding-bottom: 20px; @@ -181,7 +173,6 @@ select option.c-divider { padding: 2px; } - .typo3-TCEforms select.icon-select option { padding-left: 22px; } @@ -346,9 +337,9 @@ div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable > position: relative; } -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms suggest -- - - - - - - - - - - - - - - - - - - - - */ +// +// TCEforms suggest +// div.typo3-TCEforms-suggest-position-right { margin-left: 10px; @@ -407,10 +398,9 @@ input.typo3-TCEforms-suggest-search { vertical-align: middle; } - -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Flexforms -- - - - - - - - - - - - - - - - - - - - - */ +// +// TCEforms Flexforms +// .t3-form-field-label-flex { border-top: 1px solid #c0c0c0; @@ -421,10 +411,10 @@ TCEforms Flexforms padding: 0 5px 5px; } +// +// TCEforms Inline-Relational-Record-Editing +// -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Inline-Relational-Record-Editing -- - - - - - - - - - - - - - - - - - - - - */ .t3-form-field-container-wrap { margin: 6px 0px; } @@ -572,9 +562,10 @@ TCEforms Inline-Relational-Record-Editing cursor: move; } -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Sections -- - - - - - - - - - - - - - - - - - - - - */ +// +// TCEforms Sections +// + .t3-flex-section-header .t3-record-title { font-weight: bold; } @@ -636,7 +627,8 @@ TCEforms Sections text-overflow: ellipsis; } -/* preview image in sys_file records */ +// preview image in sys_file records + img.t3-tceforms-sysfile-imagepreview { float: left; margin-right: 10px; @@ -651,10 +643,9 @@ img.t3-tceforms-sysfile-imagepreview { z-index: 0; } - -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms -- - - - - - - - - - - - - - - - - - - - - */ +// +// TCEforms +// table#typo3-altdoc-header input, .c-inputButton { @@ -683,7 +674,6 @@ table#typo3-altdoc-header input, top: -4px; } - .typo3-TCEforms table#typo3-altdoc-header input:hover, .c-inputButton:hover { background: none; @@ -757,9 +747,8 @@ select option.c-divider { text-transform: uppercase; } -/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -show text of default language under the translated input field - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ +// show text of default language under the translated input field + .t3-form-original-language { background-color: #dadada; border: 1px solid #c0c0c0; @@ -784,7 +773,7 @@ show text of default language under the translated input field padding: 2px; } -/* Default. Always used on main-palettes in the bottom of the forms */ +// Default. Always used on main-palettes in the bottom of the forms .typo3-TCEforms .typo3-TCEforms-checkboxArray td { padding-right: 5px; @@ -820,18 +809,19 @@ div.typo3-TCEforms-suggest-choises a { cursor: pointer; } -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Flexforms -- - - - - - - - - - - - - - - - - - - - - */ +// +// TCEforms Flexforms +// + .t3-form-field-container-flex { } - div.t3-form-field-container:first-child .t3-form-field-label-flex { border-top: 0; } -/** no separate background for dyntabs in flexforms **/ +// no separate background for dyntabs in flexforms + .typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs , .typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs, .typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs, @@ -841,7 +831,8 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex { background: transparent; } -/** tabs inside the table => flexforms */ +// tabs inside the table => flexforms + .typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs, .typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs, .typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs, @@ -851,10 +842,9 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex { border: 1px solid #c0c0c0; } - -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Inline-Relational-Record-Editing -- - - - - - - - - - - - - - - - - - - - - */ +// +// TCEforms Inline-Relational-Record-Editing +// .t3-form-field-header-inline:hover { background-color: #cccccc; @@ -890,9 +880,9 @@ TCEforms Inline-Relational-Record-Editing font-weight: bold; } -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Sections -- - - - - - - - - - - - - - - - - - - - - */ +// +// TCEforms Sections +// .typo3-TCEforms-flexForm .bgColor4, .typo3-TCEforms-flexForm .bgColor5 { @@ -959,9 +949,9 @@ TCEforms Sections text-indent: 2px; } -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Tree -- - - - - - - - - - - - - - - - - - - - - */ +// +// TCEforms Tree +// .t3-form-field-item .x-tree input.x-tree-node-cb { height: auto; @@ -969,9 +959,7 @@ TCEforms Tree vertical-align: middle; } - - -/* state: the form field was modified */ +// state: the form field was modified .t3-form-field-label.t3-form-field-state-changed { color: #004fb0; } diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tree.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tree.less index 30f4f0a975158133234d57c3daf21c462003de11..ebf118643e064ae9184c347f78618ccb54231b72 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tree.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tree.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Trees -- - - - - - - - - - - - - - - - - - - - - */ +// +// Trees +// @navigation-text: #000; @navigation-bg: rgb(245, 245, 245); @@ -63,9 +50,9 @@ body#typo3-alt-db-navframe-php div.c-notice { width: 95%; } -/* - - - - - - - - - - - - - - - - - - - - - -Configuration trees, used in Admin Tools => Configuration -- - - - - - - - - - - - - - - - - - - - - */ +// +// Configuration trees, used in Admin Tools => Configuration +// table.t3-tree-config { background: #ececec; @@ -78,9 +65,9 @@ table.t3-tree-config { } } -/* - - - - - - - - - - - - - - - - - - - - - -AJAX Page Tree -- - - - - - - - - - - - - - - - - - - - - */ +// +// AJAX Page Tree +// body#typo3-pagetree, body#typo3-alt-file-navframe-php { @@ -173,8 +160,11 @@ ul #pages0_0 > ul { padding-left: 0; } -/* active tree items, we have to work against the border: 1px here, - otherwise tree elements would take too much space */ +// +// active tree items, we have to work against the border: 1px here, +// otherwise tree elements would take too much space +// + ul.tree li.active div.treeLinkItem { margin: -1px 0 -1px -1px; } @@ -238,7 +228,7 @@ ul.tree div.treeLinkItem span.dragIcon { margin: 2px; } -/* Sprite icons for tree lines. Single lines need 6px padding. Can also be used directly inside .t3-table */ +// Sprite icons for tree lines. Single lines need 6px padding. Can also be used directly inside .table .t3-icon-treeline { display: block; @@ -251,9 +241,9 @@ ul.tree div.treeLinkItem span.dragIcon { overflow: hidden; } -/* - - - - - - - - - - - - - - - - - - - - - -Tree -- - - - - - - - - - - - - - - - - - - - - */ +// +// Tree +// body#typo3-pagetree, body#typo3-alt-file-navframe-php { @@ -283,9 +273,9 @@ table#typo3-tree tr:hover { background-color: #d7dbe2; } -/* - - - - - - - - - - - - - - - - - - - - - -AJAX Page Tree -- - - - - - - - - - - - - - - - - - - - - */ +// +// AJAX Page Tree +// #dragIcon { filter: alpha(opacity=50); @@ -306,4 +296,4 @@ AJAX Page Tree #tree-toolbar-filter-item.active { background-image: url("../../../../icons/gfx/toolbar_item_active_bg.png") -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_fonts.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_fonts.less index 5cb69e14e7e7b6cce201966381d58acb35697a1f..ac2257c0f450598ab58ba8684f9a7af03a48cf9d 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_fonts.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_fonts.less @@ -1,17 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* Include Share webfont */ +// +// Share Font +// @font-face { font-family: 'Share'; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less index 6f2f746d51745ff970d2b301b70804c2c688a52f..ca03b531dd411d4dc2c82f5a27044a802bf01ec3 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less @@ -1,22 +1,14 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* 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 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. +// #typo3-index-php { background: rgb(235, 235, 235); diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_body.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_body.less index 945aba6abd552aab352c3e50d5e89a6c0645661d..9577b700138d8766312478b2d23ceb69e68b6a13 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_body.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_body.less @@ -1,28 +1,15 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Body +// -/* - - - - - - - - - - - - - - - - - - - - - -body tags -- - - - - - - - - - - - - - - - - - - - - */ - -/* - - - - - - - - - - - - - - - - - - - - - -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. -- - - - - - - - - - - - - - - - - - - - - */ +// +// 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; @@ -54,17 +41,17 @@ div#typo3-inner-docbody { transition: border 0.2s ease; } -/* - - - - - - - - - - - - - - - - - - - - - -Information popup, show_item.php -- - - - - - - - - - - - - - - - - - - - - */ +// +// Information popup, show_item.php +// body#typo3-show-item-php { padding: 12px 24px; } -/* - - - - - - - - - - - - - - - - - - - - - -Decorations (shadows etc.) -- - - - - - - - - - - - - - - - - - - - - */ +// +// Decorations (shadows etc.) +// .shadow-box-bottom-424 { height: 3px; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less index 940effefeeecdaab98b54cad8b84122c4652cd43..fea9eba6a7a67d20be8c6ffcde51a0265002cd3c 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less @@ -1,15 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Content +// // Menu icons @app-icon-border-radius: @border-radius-small; @@ -18,9 +9,9 @@ @app-icon-font-size: 21px; @app-icon-bg: #484848; -/* - - - - - - - - - - - - - - - - - - - - - -TYPO3 styles for basic elements -- - - - - - - - - - - - - - - - - - - - - */ +// +// TYPO3 styles for basic elements +// h1 { font-family: Share, Verdana, Arial, Helvetica, sans-serif; @@ -44,24 +35,27 @@ blockquote { margin-bottom: (@line-height-computed / 2); } -/* Lists */ +// Lists ul, ol { padding-left: 3em; } -/* Preformatted text - not used so much in TYPO3 */ +// Preformatted text - not used so much in TYPO3 + pre { margin: 0px; } -/* horizontal ruler */ +// horizontal ruler + div.hr { height: 1px; } -/** .uppercase is kept for backwards-compatibility, use .divider */ +// .uppercase is kept for backwards-compatibility, use .divider + .divider { padding-bottom: 12px; } @@ -77,9 +71,9 @@ video { background-color: #000; } -/* - - - - - - - - - - - - - - - - - - - - - -Various classes -- - - - - - - - - - - - - - - - - - - - - */ +// +// Various classes +// div.diff-r { padding: 3px 3px 3px 3px; @@ -109,9 +103,10 @@ img.absmiddle { white-space: nowrap; } -/* - - - - - - - - - - - - - - - - - - - - - -TYPO3 styles for basic elements -- - - - - - - - - - - - - - - - - - - - - */ +// +// TYPO3 styles for basic elements +// + tr:hover .t3-page-ce a, tr:hover .x-tree a { text-decoration: none; @@ -121,7 +116,8 @@ a.t3-link { text-decoration: underline; } -/* horizontal ruler */ +// horizontal ruler + hr, div.hr { background: none; border: none; @@ -132,9 +128,9 @@ em { font-style: italic; } -/* - - - - - - - - - - - - - - - - - - - - - -Various classes -- - - - - - - - - - - - - - - - - - - - - */ +// +// Various classes +// // Please use .typo3-app-icon in your extensions. // Wrap <img> in span>span for 16x16px horizontally and vertically centered icons (backwards compatibility) @@ -200,14 +196,14 @@ div.diff-g { color: black; } -/** used in the admin tools => DB check **/ +// used in the admin tools => DB check .t3-overview-list dt { font-weight: bold; } -/* - - - - - - - - - - - - - - - - - - - - - -Dimmed span tag color (disabled) -- - - - - - - - - - - - - - - - - - - - - */ +// +// Dimmed span tag color (disabled) +// .c-na { color: #666; @@ -218,9 +214,9 @@ Dimmed span tag color (disabled) color: #cccccc; } -/* - - - - - - - - - - - - - - - - - - - - - -Red span tag color (warning, notice) -- - - - - - - - - - - - - - - - - - - - - */ +// +// Red span tag color (warning, notice) +// table.warningbox { border: solid 2px black; @@ -249,7 +245,8 @@ span.warningboxheader { margin-left: 5px; } -/* all buttons have the "click" mouse cursor */ +// all buttons have the "click" mouse cursor + .t3-btn { cursor: pointer; } diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less index 56d9991b1f77128d8f53c2a2171e24205611099a..bcc1c297d99592526a5f387091567dc858a1c197 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less @@ -1,58 +1,24 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Form -- - - - - - - - - - - - - - - - - - - - - */ +// +// Form +// #typo3-docbody form { margin-bottom: 1.25em; } -textarea, -button { +textarea { display: inline-block; margin: 0 0.5em 0.5em 0; padding: 3px 6px; vertical-align: middle; } +// Limit form width globally -/* - - - - - - - - - - - - - - - - - - - - - -Form -- - - - - - - - - - - - - - - - - - - - - */ - -/* Limit form width globally */ .form-group { max-width: 440px; } -input, -textarea, -button { - background-color: #fefefe; - border: 1px solid #7c7c7c; - border-radius: 2px; -} - -input:focus, -textarea:focus, -button:focus { - border-color: rgb(50, 160, 255); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 6px rgba(50, 160, 255, 0.6); - outline: 0; -} - textarea.fixed-font { font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace; } @@ -65,31 +31,17 @@ input[type="checkbox"] { cursor: pointer; } -/* - - - - - - - - - - - - - - - - - - - - - -Buttons -- - - - - - - - - - - - - - - - - - - - - */ - -/* Deprecated HTML5 definitions */ -.t3-button, -button, -input[type=submit], -input[type=button], -input[type=reset] { - .btn; - .btn-default; -} - -/* - - - - - - - - - - - - - - - - - - - - - -Groups -- - - - - - - - - - - - - - - - - - - - - */ +// +// Groups +// .t3-form-field-group { margin-bottom: 1.5em; } -/* - - - - - - - - - - - - - - - - - - - - - -Go back A-tags -- - - - - - - - - - - - - - - - - - - - - */ +// +// Go back A-tags +// a.typo3-goBack img { margin-right: 5px; @@ -105,9 +57,9 @@ a.typo3-goBack { font-weight: bold; } -/* - - - - - - - - - - - - - - - - - - - - - - Styles for the "clearable" jquery plugin. -- - - - - - - - - - - - - - - - - - - - - */ +// +// Styles for the "clearable" jquery plugin. +// .t3-clearable-wrapper { position: relative; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_scaffolding.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_scaffolding.less index 7c12592e6205e4ad6520a741e2afcaccf60de25c..2cb66c6328e09bf061145db8ada6248b8b8e1f4f 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_scaffolding.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_scaffolding.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -TYPO3 backend scaffolding -- - - - - - - - - - - - - - - - - - - - - */ +// +// TYPO3 backend scaffolding +// body#typo3-backend-php { margin: 0; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_type.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_type.less new file mode 100644 index 0000000000000000000000000000000000000000..8d59bd9810a1712c02c3c752c518d4ca46ebcb72 --- /dev/null +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_type.less @@ -0,0 +1,22 @@ +// +// 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; + } + } +} \ No newline at end of file diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_extensionmanager.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_extensionmanager.less new file mode 100644 index 0000000000000000000000000000000000000000..62ff01ee9c71200260f28fd14d57b543776f871b --- /dev/null +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_extensionmanager.less @@ -0,0 +1,426 @@ +// +// Extensionmanager +// + +// Tabs +#typo3-extension-main-menu .tabs ul, +#typo3-extension-configuration-forms .tabs ul { + list-style: none; + padding: 0; + margin-bottom: -1px; + .clearfix(); + > li { + cursor: pointer; + &.ui-tabs-active a, + a.current { + background: white; + color: black; + border-bottom: 0; + padding-top: 4px; + cursor: default; + } + a { + border-radius: 4px 4px 0 0; + float: left; + height: 22px; + background: #dadada; + padding: 4px 15px; + margin-top: -1px; + margin-right: 2px; + border: 1px solid #adadad; + color: #606060; + outline: none; + &:hover { + background-color: #eee; + border-color: #adadad; + color: #606060; + } + } + } +} + +// Extension list +.typo3-extension-list { + .ext-icon { + max-height: 16px; + width: auto; + } +} +.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; + } + } +} +.distribution-holder { + .clearfix(); + top: 0px; + bottom: 0px; + margin-left: -20px; +} +.distribution-image { + position: relative; + width: 300px; + height: 225px; + overflow: hidden; + img { + display: block; + height: 100%; + width: 100%; + } +} +.distribution-hover { + background-color: @gray-lighter; + position: absolute; + top: 100%; + left: 0px; + width: 300px; + height: 225px; + overflow: hidden; + opacity: 0; + .transition(all 0.2s ease-in-out); +} +.distribution-hover-inner { + padding: 15px; +} +.distribution-meta { + border-top: 1px solid darken(@gray-lighter,10%); + padding: 15px; + .distribution-title { + margin: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + } + .distribution-install { + margin-top: 0.5em; + } + .distribution-official { + border: 1px solid @brand-primary; + background-color: @brand-primary; + border-radius: 2px; + display: inline-block; + padding: 3px 8px; + vertical-align: middle; + color: #FFFFFF; + } +} + +// Distributions detail +.distribution-detail-flashmessage { + margin-bottom: 2.5em; + p { + padding-bottom: 0; + } +} +.distribution-detail { + .clearfix(); + min-width: 750px; +} +.distribution-detail-previewpane { + float: left; + margin-right: 30px; +} +.distribution-detail-preview { + display: block; + border: 1px solid darken(@gray-lighter,15%); +} +.distribution-detail-body { + overflow: hidden; + zoom: 1; +} +.distribution-detail-header { + h1 { + margin-bottom: 0.5em; + } + p { + padding: 0px; + max-width: 500px; + margin-bottom: 1.25em; + } + margin-bottom: 2.5em; +} +.distribution-detail-summary { + margin-top: 2.5em; + margin-bottom: 2.5em; +} +.distribution-installed { + hr { + margin: 2.5em 0; + border: 0; + border-top: 1px solid darken(@gray-lighter,15%); + } +} + +// Misc +.ui-widget-header { + background: none; + border: none; + font-weight: normal; +} +.dataTables_info { + font-size: 10px; + color: #444; + float: left; +} +.paging_two_button .ui-button { + float: left; + cursor: pointer; +} +.paging_full_numbers .ui-button { + padding: 2px 6px; + margin: 0; + cursor: pointer; + color: #333 !important; +} +.dataTables_paginate .ui-button { + margin-right: -0.1em !important; +} +.paging_full_numbers { + float: right; +} +.dataTables_paginate { + width: auto; +} +#typo3-extension-configuration-forms { + min-width: 400px; + max-width: 900px; + .category { + background-repeat: repeat-x; + background-color: #fff; + border: 1px solid #adadad; + padding: 15px; + } + .group { + margin-bottom: 30px; + label { + display: block; + padding-bottom: 10px; + } + input[type=text] { + width: 300px; + } + } +} +#typo3-extension-configuration-forms #typo3-docheader-row2 .back { + float: right; +} +#typo3-extension-configuration-forms input.submit { + margin-top: 10px; +} +#typo3-extension-configuration-forms .error, +#typo3-extension-configuration-forms .invalid { + border-radius: 0 4px 4px 0; + .box-shadow(0 0 6px #ddd); + height: 15px; + background-color: #ff2262; + border: 1px solid #e1e16d; + font-size: 11px; + color: #000; + padding: 3px 10px; + margin-left: -2px; +} +#typo3-extension-configuration-forms .info { + color: #666; + font-weight: normal; +} +.typo3-extension-list tr.installed td { + background-color: #c8ffaa; +} +.typo3-extension-list tr.available td { + background-color: #E1E1aa; +} +.typo3-extension-manager .insecure { + color: #ff2262; +} +.typo3-extension-manager .outdated { + color: #0c08ff; +} +.typo3-extension-manager form#extensionUploadForm { + margin-bottom: 0; + div.control-group:last-child { + margin-bottom: 0; + } +} +.typo3-extension-list .inactive { + color: rgb(170, 170, 170); +} +.headerTooltip, +.tooltip { + .box-shadow(2px 2px 11px #666); + display: none; + width: 400px; + background-color: #ffa; + border: 1px solid #cc9; + padding: 3px; + font-size: 13px; + z-index: 1000; +} +.headerTooltip { + width: 150px; +} + +// Loader +#terTableWrapper { + position: relative; + .splash-receivedata { + display: none; + position: absolute; + top: 50px; + left: 50%; + margin: 0 0 0 -150px; + a { + display: inline-block; + width: 200px; + vertical-align: top; + padding: 3px 20px; + } + &.is-shown { + display: block; + } + } + .spinner { + display: inline-block; + } + .ui-icon { + width: 16px; + height: 16px; + background-image: url('../Images/ui-icons_222222_256x240.png'); + background-position: -64px -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; +} + +.typo3-extension-list { + // Import extension + .t3-icon, + .t3-icon:hover { + border: none; + background-color: transparent; + } + // Hide author for now + .author { + 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/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less index 709d60c688b85e99e4b78ec4a530cd30fcb787e5..5dca4272c971a40bd60dabac6808a2dd2c33522a 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Module menu -- - - - - - - - - - - - - - - - - - - - - */ +// +// Module menu +// // Module base @module-menu-color: #ddd; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_list_sysnote.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_list_sysnote.less index 8209814516d192c356f347421cecdc756d5e425d..381f1638c232a071dbdb748426dfb3f4293135e8 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_list_sysnote.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_list_sysnote.less @@ -1,21 +1,8 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Sys notes +// -/* - - - - - - - - - - - - - - - - - - - - - -Sys notes -- - - - - - - - - - - - - - - - - - - - - */ - -/* Should be added by sys_note only when necessary */ +// Should be added by sys_note only when necessary #typo3-dblist-sysnotes { margin-top: 15px; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_new_element.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_new_element.less index a660e3386e5311624eecb6dfed5e75bd1f2e036f..0bacb25d81a4f8b830303b4dbeb34e3496e23e48 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_new_element.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_new_element.less @@ -1,21 +1,8 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// New Record Wizard +// -/* - - - - - - - - - - - - - - - - - - - - - --New Record Wizard -- - - -- - - - - - - - - - - - - - - - - */ - -/* Should be added by NewContentElementController only when necessary */ +// Should be added by NewContentElementController only when necessary .contentelement-wizard { li { margin-bottom: 10px; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less index 829b71c4ea30c5c8aa4d9d66cd7fff6d96932ac9..d513b8c313ca36cf4fda08cff65afd600ef94192 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less @@ -1,15 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ +// +// Topbar +// @topbar-color: #ddd; @topbar-height: 45px; @@ -108,19 +99,6 @@ color: @topbar-navigation-color; background-color: @topbar-navigation-bg; float: right; - // Buttons - .btn { - .btn(); - } - .btn.btn-default { - .btn-default(); - } - .btn.btn-success { - .btn-success(); - } - .btn.btn-danger { - .btn-danger(); - } // Shortcut .shortcut { min-width: 180px; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_move_element.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_move_element.less index 65a302128f0b590f972e3742fc4522377ca34b11..a527a67b9c370d683ee9ee5f892079e2cf4a7d82 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_move_element.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_move_element.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Move Element -- - - - - - - - - - - - - - - - - - - - - */ +// +// Move Element +// table#typo3-ttContentList { border: 1px solid #a2aab8; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_version.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_version.less index 155ce0f2e9505fbf7b02fabc3ddf6af1dd2a897b..ebc9daf97106367cafceab9c4cbe566c34438706 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_version.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_version.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Workspace -- - - - - - - - - - - - - - - - - - - - - */ +// +// Workspace +// div.workspace-info { padding: 7px; @@ -59,4 +46,4 @@ table.ver-verElement { #ver-wl-new-workspace-icon { margin-right: 5px; float: left; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_wizard.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_wizard.less index a033eabbed1a77490f3fa38a0f9d0c121bd510f8..e5216527e9c21723ebd3d1d4b06a61ee51051961 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_wizard.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_wizard.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Wizards -- - - - - - - - - - - - - - - - - - - - - */ +// +// Wizards +// body#typo3-wizard-tsconfig-php { margin-left: 5px; @@ -60,4 +47,4 @@ body#typo3-wizard-rte-php table#typo3-rtewizard tr td#c-formContent { body#typo3-wizard-colorpicker-php p.c-head { margin-top: 4px; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_file_list.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_file_list.less index 73b87b498d2feedf502e22dfdf20ac568f0b01d3..d800cdbfc4245394e392d1850a7dd819ba8061fe 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_file_list.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_file_list.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -File > List -- - - - - - - - - - - - - - - - - - - - - */ +// +// File > List +// table#typo3-filelist tr td div.typo3-clipCtrl { float: left; @@ -24,9 +11,10 @@ table#typo3-filelist tr td div.typo3-editCtrl { padding-right: 10px; } -/* - - - - - - - - - - - - - - - - - - - - - -File scripts -- - - - - - - - - - - - - - - - - - - - - */ +// +// File scripts +// + body#typo3-file-upload-php div#c-submit, body#typo3-file-upload-php div#c-upload, body#typo3-file-upload-php div#c-override, @@ -50,4 +38,4 @@ body#typo3-file-newfolder-php div#c-submitFiles { body#typo3-file-edit-php div#c-submit, body#typo3-file-edit-php div#c-edit { margin-top: 10px; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_user_ws.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_user_ws.less index bd935786c80d1ed723232e748450855d42c95e5e..164c22fa4a1e30a6c0c14ceb4a5308aff6f109d5 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_user_ws.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_user_ws.less @@ -1,20 +1,7 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/** - * Styling for the module User => Workspace - */ +// +// Styling for the module User => Workspace +// #typo3-mod-user-ws-index-php .typo3-dyntabmenu-divs { padding: 10px; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less index aa43702a374302b282d865ef512774bbe35dce6e..761c8e78cb665f5b8cc42c95781fe97394a37c6d 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Web > List -- - - - - - - - - - - - - - - - - - - - - */ +// +// Web > List +// table.typo3-dblist tr.c-table-row-spacer td { display: none; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_page.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_page.less index 79d84a777bc4f79b3e943349ad5a44fcf8e5ae14..92d6c9913cc2b9d9ef3fcd2db0348cd2b64f5d98 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_page.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_page.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Web > Page -- - - - - - - - - - - - - - - - - - - - - */ +// +// Web > Page +// table.t3-gridTable, table.t3-page-langMode { @@ -149,4 +136,4 @@ td.t3-page-column.t3-gridCell .t3-page-colHeader { tr:first-child td.t3-page-column.t3-gridCell .t3-page-colHeader { padding-top: 0; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_extjs_icons.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_extjs_icons.less index 43ee90a4598c6b2273650d2442ddc6b69ac383ee..231fa29805e50fa4c5ef27882679d66533b3cb64 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_extjs_icons.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_extjs_icons.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -extJS icons -- - - - - - - - - - - - - - - - - - - - - */ +// +// extJS icons +// .t3icon-ext-upload { background: url('../../../../icons/gfx/upload.gif') 3px 4px no-repeat !important; @@ -25,4 +12,4 @@ extJS icons .t3iconstyle-center { background-position: center center; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_typoscript.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_typoscript.less index f8e005f51e4a904976f16a69d2c5a10ada58e727..30818a9ae6f5841f7b085c51d24c290c1d84f269 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_typoscript.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_typoscript.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -TypoScript Highlighting -- - - - - - - - - - - - - - - - - - - - - */ +// +// TypoScript Highlighting +// pre.ts-hl { font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace; @@ -69,4 +56,4 @@ pre.ts-hl .ts-error { pre.ts-hl .ts-linenum { background-color: #eee; color: #212424; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_version.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_version.less index 3566b660c75bf7043666eb7ad1e71fb69bc438f2..1f3742244ac1567a47559c04ff0938779a012dc7 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_version.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_version.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Workspace -- - - - - - - - - - - - - - - - - - - - - */ +// +// Workspace +// #typo3-pagetree .workspace-info { background-color: #ffec97; @@ -121,4 +108,4 @@ table.ver-subtree tr.typo3-ver-noComp td { .ver-wl-current-user { font-weight: bold; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_list.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_list.less index 543000a7239821d0a59f438bc7ee6cc38c6d664e..c0b58adbc0f15d2696166540653f708610fba0cc 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_list.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_list.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -File > List -- - - - - - - - - - - - - - - - - - - - - */ +// +// File > List +// table#typo3-filelist tr td div.typo3-clipCtrl, table#typo3-filelist tr td div.typo3-editCtrl { diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_upload.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_upload.less index b2f5bb74e97414667d6123ae3a1010e0d9eac4e5..f422a4baec9ae580da50a90a3412d937fc74bcb6 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_upload.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_upload.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -File Upload Window -- - - - - - - - - - - - - - - - - - - - - */ +// +// File Upload Window +// .t3icon-ext-upload { background: url('../../../../icons/gfx/upload.gif') 1px 1px no-repeat !important; @@ -25,4 +12,4 @@ File Upload Window .t3-upload-window-progressbar .x-progress-text div { text-align: left; text-indent: 6px; -} \ No newline at end of file +} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_info.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_info.less deleted file mode 100644 index a913c9989a64510d711c8de2ba32ccf69210e149..0000000000000000000000000000000000000000 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_info.less +++ /dev/null @@ -1,34 +0,0 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Web > Info -- - - - - - - - - - - - - - - - - - - - - */ - -table.typo3-page-sysnote tr td { - background-color: #d9d5c9; -} -table.typo3-page-sysnote tr td.c-headLine { - background-color: #c5c1b5; -} -table#langTable td.c-blocked { - background-color: #f6d3cf; -} -table#langTable td.c-ok { - background-color: #cdeaca; -} -table#langTable td.c-fallback { -} -table#langTable td.c-leftLine { - border-left: 1px solid #a2aab8; -} \ No newline at end of file diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_list.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_list.less deleted file mode 100644 index 774dacb552aebba873cfcd553aa2c14f6ce1b38f..0000000000000000000000000000000000000000 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_list.less +++ /dev/null @@ -1,42 +0,0 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Web > List -- - - - - - - - - - - - - - - - - - - - - */ - -table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning { - font-weight: bold; - line-height: 16px; - text-align: center; -} - -table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-multipleVersions { - background-color: #ffff00; -} - -table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion { - background-color: #9999cc; -} - -#db_list-searchbox-toolbar { - padding: 5px; - - .container { - width: 100%; - } - - input.btn-block { - margin-top: 23px; - } -} diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_page.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_page.less index bad2e90d76665f07e18b5bcd1cbaafbeb3f9c0a7..4c331a2ee3cb2bfc5bb45c316877fe904e009108 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_page.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_page.less @@ -1,19 +1,6 @@ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ - -/* - - - - - - - - - - - - - - - - - - - - - -Web > Page -- - - - - - - - - - - - - - - - - - - - - */ +// +// Web > Page +// .t3-page-langMode { width: 100%; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less b/typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less index 36b70115942067e0843a944ac99ce7fead2acf03..4b2e5c5d42b1cf1ea3d8851858d6054a0291f7c3 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less @@ -121,7 +121,7 @@ //** Padding for `<th>`s and `<td>`s. @table-cell-padding: 6px; //** Padding for cells in `.table-condensed`. -@table-condensed-cell-padding: 6px; /* Not supported yet in CMS */ +@table-condensed-cell-padding: 6px; //** Default background color used for all tables. @table-bg: #fafafa; @@ -141,9 +141,9 @@ @btn-font-weight: normal; -@btn-default-color: #fff; -@btn-default-bg: rgb(130, 130, 130); -@btn-default-border: darken(@btn-default-bg, 5%); +@btn-default-color: #333; +@btn-default-bg: #eee; +@btn-default-border: #ccc; @btn-primary-color: #fff; @btn-primary-bg: @brand-primary; @@ -857,7 +857,7 @@ //** Page header border color @page-header-border-color: @gray-lighter; //** Width of horizontal description list titles -@dl-horizontal-offset: @component-offset-horizontal; +@dl-horizontal-offset: 90px; //** Horizontal line color. @hr-border: #7a7a7a; diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less b/typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less index a642fa456cec40e96633b16c8521a76fbb62984d..ea9801305ef518d40b372c09d1e9b9a8085ebe48 100644 --- a/typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less +++ b/typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less @@ -22,7 +22,7 @@ @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/mixins.less"; // Reset and dependencies -// @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/normalize.less"; +@import "@{composer-package-directory-prefix}/twbs/bootstrap/less/normalize.less"; // @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/print.less"; // @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/glyphicons.less"; @@ -102,6 +102,8 @@ @import "TYPO3/_deprecated.less"; +@import "TYPO3/_main_type.less"; + @import "TYPO3/_debug_panel.less"; @import "TYPO3/_element_clipboard.less"; @import "TYPO3/_element_csh.less"; @@ -119,6 +121,7 @@ @import "TYPO3/_element_tceforms.less"; @import "TYPO3/_element_tree.less"; @import "TYPO3/_element_pagination.less"; +@import "TYPO3/_element_label.less"; @import "TYPO3/_fonts.less"; @import "TYPO3/_login_screen.less"; @import "TYPO3/_main_body.less"; @@ -130,6 +133,7 @@ @import "TYPO3/_module_web_list_sysnote.less"; @import "TYPO3/_module_web_new_element.less"; +@import "TYPO3/_module_extensionmanager.less"; @import "TYPO3/structure/_element_move_element.less"; @import "TYPO3/structure/_element_version.less"; @@ -144,6 +148,4 @@ @import "TYPO3/visual/_element_version.less"; @import "TYPO3/visual/_module_file_list.less"; @import "TYPO3/visual/_module_file_upload.less"; -@import "TYPO3/visual/_module_web_info.less"; -@import "TYPO3/visual/_module_web_list.less"; -@import "TYPO3/visual/_module_web_page.less"; +@import "TYPO3/visual/_module_web_page.less"; \ No newline at end of file diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css index ecf4edded6d53aa3ccfc324880367a8158f8ec67..215f73390845662f4528d71b9f7d0f2041c7f616 100644 --- a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css +++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css @@ -10,7 +10,187 @@ * * The TYPO3 project - inspiring people to share! */ -/* Not supported yet in CMS */ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background-color: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -385,7 +565,7 @@ dd { @media (min-width: 768px) { .dl-horizontal dt { float: left; - width: 160px; + width: 70px; clear: left; text-align: right; overflow: hidden; @@ -393,7 +573,7 @@ dd { white-space: nowrap; } .dl-horizontal dd { - margin-left: 180px; + margin-left: 90px; } } abbr[title], @@ -1904,7 +2084,7 @@ select[multiple].form-group-lg .form-control { .btn:hover, .btn:focus, .btn.focus { - color: #ffffff; + color: #333333; text-decoration: none; } .btn:active, @@ -1925,9 +2105,9 @@ fieldset[disabled] .btn { box-shadow: none; } .btn-default { - color: #ffffff; - background-color: #828282; - border-color: #757575; + color: #333333; + background-color: #eeeeee; + border-color: #cccccc; } .btn-default:hover, .btn-default:focus, @@ -1935,9 +2115,9 @@ fieldset[disabled] .btn { .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { - color: #ffffff; - background-color: #696969; - border-color: #575757; + color: #333333; + background-color: #d5d5d5; + border-color: #adadad; } .btn-default:active, .btn-default.active, @@ -1962,12 +2142,12 @@ fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { - background-color: #828282; - border-color: #757575; + background-color: #eeeeee; + border-color: #cccccc; } .btn-default .badge { - color: #828282; - background-color: #ffffff; + color: #eeeeee; + background-color: #333333; } .btn-primary { color: #ffffff; @@ -3593,7 +3773,11 @@ a.label:focus { position: relative; top: -1px; } -.label-default { +.label-default, +.label-obsolete, +.label-experimental, +.label-test, +.label-excludeFromUpdates { background-color: #d7d7d7; } .label-default[href]:hover, @@ -3607,7 +3791,8 @@ a.label:focus { .label-primary[href]:focus { background-color: #005db3; } -.label-success { +.label-success, +.label-stable { background-color: #1eb941; } .label-success[href]:hover, @@ -3621,14 +3806,16 @@ a.label:focus { .label-info[href]:focus { background-color: #249cc6; } -.label-warning { +.label-warning, +.label-beta { background-color: #f07814; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #c4600d; } -.label-danger { +.label-danger, +.label-alpha { background-color: #c83c3c; } .label-danger[href]:hover, @@ -6886,18 +7073,6 @@ button.close { /*! * TYPO3 */ -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ .t3-row-header { background-color: #666; } @@ -6909,14 +7084,9 @@ button.close { background-color: #585858; color: #fff; } -table.t3-table-info { - background: #ffffff; - border: 1px solid #cccccc; -} .t3-col-header, .t3-row-header, -.tableheader td, -table.t3-table-info td { +.tableheader td { padding: 6px; } .t3-row-header span.t3-icon { @@ -6937,9 +7107,6 @@ table.t3-table-info td { .nobr { white-space: nowrap; } -/* - - - - - - - - - - - - - - - - - - - - - -Background color classes -- - - - - - - - - - - - - - - - - - - - - */ .bgColor-20 { background-color: #e3dfdb; } @@ -7117,21 +7284,19 @@ Background color classes .message-error a { color: #aa0225; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -TYPO3 debug panel -- - - - - - - - - - - - - - - - - - - - - */ +@media (min-width: 768px) { + .dl-horizontal dt { + text-align: left; + } +} +@media (min-width: 768px) { + .dl-horizontal-wide dt { + width: 115px; + } + .dl-horizontal-wide dd { + margin-left: 135px; + } +} .typo3-debugPanel-dragDropArrowDown { background-image: url('../../../../icons/gfx/arrowdown.png'); display: block; @@ -7143,21 +7308,6 @@ TYPO3 debug panel top: 0; left: 0; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Clipboard -- - - - - - - - - - - - - - - - - - - - - */ table#typo3-clipboard { background-color: #efeff4; border: 1px solid #a2aab8; @@ -7186,21 +7336,6 @@ table#typo3-clipboard tr.bgColor5 td a { table#typo3-clipboard tr.bgColor5 td img { vertical-align: middle; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Context sensitive help -- - - - - - - - - - - - - - - - - - - - - */ .typo3-csh-inline { padding: 4px; } @@ -7282,7 +7417,6 @@ div.typo3-view-help .introduction { div.typo3-view-help img.c-inlineimg { margin-left: 10px; } -/*** new help code ***/ .t3-help-inline { padding: 4px; } @@ -7364,7 +7498,6 @@ div.t3-view-help .introduction { div.t3-view-help 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; @@ -7373,9 +7506,6 @@ div.t3-view-help img.c-inlineimg { .x-tip.typo3-csh-tooltip .x-tip-cr { padding-right: 8px; } -/* - - - - - - - - - - - - - - - - - - - - - -Context Sensitive Help (CSH) -- - - - - - - - - - - - - - - - - - - - - */ table.typo3-csh-inline { background-color: #ffffc7; border: 1px solid #cccccc; @@ -7396,7 +7526,6 @@ img.typo3-csh-icon { a.typo3-csh-link { white-space: normal; } -/** new CSH code **/ table.t3-help-inline { background-color: #ffffc7; border: 1px solid #cccccc; @@ -7424,7 +7553,6 @@ img.t3-help-icon { a.t3-help-link { white-space: normal; } -/* EXT:cshmanual */ div.typo3-view-help h1 { background: none; color: #000; @@ -7442,34 +7570,12 @@ div.typo3-view-help div.c-toc a, div.typo3-view-help p a { text-decoration: underline; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Context Sensitive Menu / Layer (alt_clickmenu.php creates it) -Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php -- - - - - - - - - - - - - - - - - - - - - */ .typo3-CSM-wrapperCM { background: #fff; border: #b6b6b6 1px solid; } -/* - - - - - - - - - - - - - - - - - - - - - -Context Sensitive Menu / Layer (alt_clickmenu.php creates it) -Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php -- - - - - - - - - - - - - - - - - - - - - */ table.typo3-CSM tr.typo3-CSM-itemRow td { padding: 2px 6px; - /* the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high - see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks */ } table.typo3-CSM tr.typo3-CSM-itemRow td .t3-icon { vertical-align: bottom; @@ -7486,14 +7592,9 @@ table.typo3-CSM tr.typo3-CSM-itemRow { table.typo3-CSM tr.bgColor2 { background-color: #b6b6b6; } -/* - - - - - - - - - - - - - - - - - - - - - -special backend elements -- - - - - - - - - - - - - - - - - - - - - */ -/* Context Sensitive Menu / Top frame (alt_clickmenu.php): */ body#typo3-alt-clickmenu-php { margin-top: 10px; } -/* Context Sensitive Menu / Top frame (alt_clickmenu.php): */ #contentMenu0 { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } @@ -7505,21 +7606,6 @@ div#contentMenu1 { position: absolute; z-index: 20; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -DocHeader -- - - - - - - - - - - - - - - - - - - - - */ #typo3-docheader { background-color: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%); background: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%); @@ -7533,7 +7619,6 @@ DocHeader } #typo3-docheader .left { float: left; - /** Extra margin 6px added to it-icon margin, doubled spacing = 12px */ } #typo3-docheader .left .buttongroup { float: left !important; @@ -7563,7 +7648,6 @@ DocHeader line-height: 27px; padding: 0 24px; overflow: hidden; - /* overwrite defaults from normalize.css */ } #typo3-docheader .typo3-docheader-functions a { color: #2d2d2d; @@ -7587,17 +7671,11 @@ DocHeader #typo3-docheader .typo3-docheader-buttons a:hover { color: #000; } -/** - * ExtJS Viewport - */ -/* Collapsed tree frame is not invisible, but 5px wide. - If no tree frame is in use, an empty container is shown instead */ #typo3-navigationContainer-xsplit, #typo3-navigationContainer-xcollapsed, #typo3-navigationDummy { background: #ffffff url(../../Images/docheader-split-background.png) left top repeat-x; } -/** ExtJS theme for PageTree */ #typo3-pagetree-topPanelItems { background-color: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%); background: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%); @@ -7625,21 +7703,6 @@ DocHeader #typo3-pagetree-topPanelItems #typo3-pagetree-topPanel .x-panel-body a:hover { color: #000; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -History / Undo -- - - - - - - - - - - - - - - - - - - - - */ table#typo3-history tr.c-head td, table#typo3-history-item tr.c-head td, table#typo3-history tr.c-head td, @@ -7656,18 +7719,6 @@ table#typo3-history img, table#typo3-history-item img { margin: 1px 1px 1px 1px; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ #alert-container { width: 400px; position: absolute; @@ -7726,22 +7777,10 @@ table#typo3-history-item img { .alert-danger a:hover { color: #a32e2e; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ .modal.t3-modal-notice .modal-header { - background-color: #828282; - color: #ffffff; - border-bottom-color: #757575; + background-color: #eeeeee; + color: #333333; + border-bottom-color: #cccccc; } .modal.t3-modal-info .modal-header { background-color: #41b4dc; @@ -7798,21 +7837,6 @@ table#typo3-history-item img { border: none; overflow: hidden; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Pagetree -- - - - - - - - - - - - - - - - - - - - - */ #typo3-pagetree { height: 100%; } @@ -7887,7 +7911,6 @@ Pagetree } #typo3-pagetree .x-unselectable, #typo3-pagetree .x-unselectable * { - /* restore behaviour from x-tree-node-el which gets overwritten by x-unselectable in default-css */ cursor: pointer; } #typo3-pagetree .ver-element, @@ -7908,9 +7931,6 @@ Pagetree color: #FFF; padding: 0; } -/* - - - - - - - - - - - - - - - - - - - - - -Drag and Drop -- - - - - - - - - - - - - - - - - - - - - */ .x-tree-lines .typo3-pagetree-node-notExpandable .x-tree-ec-icon { visibility: hidden; } @@ -8004,9 +8024,6 @@ Drag and Drop background-color: inherit; border: none; } -/* - - - - - - - - - - - - - - - - - - - - - -Top Panel -- - - - - - - - - - - - - - - - - - - - - */ .typo3-pagetree-topPanel-button { background: none; border: none; @@ -8099,9 +8116,6 @@ Top Panel .typo3-pagetree-topPanel-item .x-form-field-trigger-wrap:hover .x-form-trigger { display: block; } -/* - - - - - - - - - - - - - - - - - - - - - -Deletion Drop Zone -- - - - - - - - - - - - - - - - - - - - - */ #typo3-pagetree-deletionDropZone { color: #FFF; background-color: #585858; @@ -8149,15 +8163,9 @@ Deletion Drop Zone #typo3-pagetree .typo3-pagetree-deletionDropZone-activateProxyOver { background-color: #644d2d; } -/* - - - - - - - - - - - - - - - - - - - - - -Tree Highlighting -- - - - - - - - - - - - - - - - - - - - - */ .x-tree-node-readableRootline { font-style: italic; } -/* - - - - - - - - - - - - - - - - - - - - - -Indicator Bar -- - - - - - - - - - - - - - - - - - - - - */ #typo3-pagetree-indicatorBar-temporaryMountPoint { background-color: #eaf7ff; border-bottom: 1px solid #c5dbe6; @@ -8199,21 +8207,6 @@ Indicator Bar top: 5px; position: absolute; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Element Browser / RTE link selection -- - - - - - - - - - - - - - - - - - - - - */ #typo3-browse-links-php { background: #ececec; background-image: linear-gradient(center top, #ffffff 30px, #ececec 130px); @@ -8316,9 +8309,6 @@ table#typo3-msgBox tr td { input.typo3-link-input { width: 250px; } -/* - - - - - - - - - - - - - - - - - - - - - -Element Browser / RTE link selection -- - - - - - - - - - - - - - - - - - - - - */ form#typo3-uplFilesForm, form#typo3-crFolderForm { border-top: 1px solid #adadad; @@ -8329,51 +8319,18 @@ 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; } body#ext-rte-app-rte-select-image-php table tr td table tr.bgColor4 td a { text-decoration: underline; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Animated spinner icon -- - - - - - - - - - - - - - - - - - - - - */ span.spinner { display: inline-block; width: 16px; height: 16px; background-image: url('../../../../images/spinner/f1f1f1.gif'); } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Tab menu -- - - - - - - - - - - - - - - - - - - - - */ .nav-tabs { background-color: #ededed; } @@ -8402,7 +8359,6 @@ div.typo3-dyntabmenu-divs p.c-descr { background: #e7dba8; font-style: italic; } -/* Foldout tabs */ div.typo3-dyntabmenu-divs-foldout div.c-tablayer { margin-left: 20px; } @@ -8444,19 +8400,6 @@ div.typo3-dyntabmenu-divs-foldout div.disabled:hover { margin: 0; padding: 0; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/** used in the admin tools => DB check **/ .t3-overview-list dt { padding: 0px 0px 2px 20px; } @@ -8468,76 +8411,38 @@ div.typo3-dyntabmenu-divs-foldout div.disabled:hover { margin: 2px 0 15px 20px; padding-left: 22px; } -/** - * Common style for tables - * - * <table class="t3-table> - * <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"> </span> - * </td> - * <td>...</td> - * </tr> - * </tbody> - * </table> - */ table { background: transparent; } -/** - * Default table styling - **/ -.t3-table, .table { background-color: #fafafa; - margin-bottom: 1.5em; border: 1px solid #cccccc; } -.t3-table *, .table * { box-sizing: border-box; } -.t3-table > thead > tr > th, .table > thead > tr > th, -.t3-table > tbody > tr > th, .table > tbody > tr > th, -.t3-table > tfoot > tr > th, .table > tfoot > tr > th { white-space: nowrap; vertical-align: middle; } -.t3-table > thead > tr > td, .table > thead > tr > td, -.t3-table > tbody > tr > td, .table > tbody > tr > td, -.t3-table > tfoot > tr > td, .table > tfoot > tr > td { vertical-align: middle; } -.t3-table > thead > tr, .table > thead > tr { background-color: #ededed; } -.t3-table > thead > tr th, .table > thead > tr th, -.t3-table > thead > tr td, .table > thead > tr td { border-bottom: 1px solid #cccccc; } -.t3-table > thead > tr th i, .table > thead > tr th i, -.t3-table > thead > tr td i, .table > thead > tr td i { font-weight: normal; } -.t3-table .btn, .table .btn { padding: 4px 4px; font-size: 11px; @@ -8549,474 +8454,294 @@ table { margin-top: -2px; margin-bottom: -2px; } -.t3-table .btn:hover, .table .btn:hover { border-color: #ababab; background-color: #c4c4c4; } -.t3-table .btn .t3-icon, .table .btn .t3-icon { margin: 0; } -.t3-table .btn.btn-danger, .table .btn.btn-danger { color: #ffffff; background-color: #c83c3c; border-color: #b73434; } -.t3-table .btn.btn-danger:hover, .table .btn.btn-danger:hover, -.t3-table .btn.btn-danger:focus, .table .btn.btn-danger:focus, -.t3-table .btn.btn-danger.focus, .table .btn.btn-danger.focus, -.t3-table .btn.btn-danger:active, .table .btn.btn-danger:active, -.t3-table .btn.btn-danger.active, .table .btn.btn-danger.active, -.open > .dropdown-toggle.t3-table .btn.btn-danger, .open > .dropdown-toggle.table .btn.btn-danger { color: #ffffff; background-color: #a32e2e; border-color: #872626; } -.t3-table .btn.btn-danger:active, .table .btn.btn-danger:active, -.t3-table .btn.btn-danger.active, .table .btn.btn-danger.active, -.open > .dropdown-toggle.t3-table .btn.btn-danger, .open > .dropdown-toggle.table .btn.btn-danger { background-image: none; } -.t3-table .btn.btn-danger.disabled, .table .btn.btn-danger.disabled, -.t3-table .btn.btn-danger[disabled], .table .btn.btn-danger[disabled], -fieldset[disabled] .t3-table .btn.btn-danger, fieldset[disabled] .table .btn.btn-danger, -.t3-table .btn.btn-danger.disabled:hover, .table .btn.btn-danger.disabled:hover, -.t3-table .btn.btn-danger[disabled]:hover, .table .btn.btn-danger[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-danger:hover, fieldset[disabled] .table .btn.btn-danger:hover, -.t3-table .btn.btn-danger.disabled:focus, .table .btn.btn-danger.disabled:focus, -.t3-table .btn.btn-danger[disabled]:focus, .table .btn.btn-danger[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-danger:focus, fieldset[disabled] .table .btn.btn-danger:focus, -.t3-table .btn.btn-danger.disabled.focus, .table .btn.btn-danger.disabled.focus, -.t3-table .btn.btn-danger[disabled].focus, .table .btn.btn-danger[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-danger.focus, fieldset[disabled] .table .btn.btn-danger.focus, -.t3-table .btn.btn-danger.disabled:active, .table .btn.btn-danger.disabled:active, -.t3-table .btn.btn-danger[disabled]:active, .table .btn.btn-danger[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-danger:active, fieldset[disabled] .table .btn.btn-danger:active, -.t3-table .btn.btn-danger.disabled.active, .table .btn.btn-danger.disabled.active, -.t3-table .btn.btn-danger[disabled].active, .table .btn.btn-danger[disabled].active, -fieldset[disabled] .t3-table .btn.btn-danger.active, fieldset[disabled] .table .btn.btn-danger.active { background-color: #c83c3c; border-color: #b73434; } -.t3-table .btn.btn-danger .badge, .table .btn.btn-danger .badge { color: #c83c3c; background-color: #ffffff; } -.t3-table .btn.btn-success, .table .btn.btn-success { color: #ffffff; background-color: #1eb941; border-color: #1aa339; } -.t3-table .btn.btn-success:hover, .table .btn.btn-success:hover, -.t3-table .btn.btn-success:focus, .table .btn.btn-success:focus, -.t3-table .btn.btn-success.focus, .table .btn.btn-success.focus, -.t3-table .btn.btn-success:active, .table .btn.btn-success:active, -.t3-table .btn.btn-success.active, .table .btn.btn-success.active, -.open > .dropdown-toggle.t3-table .btn.btn-success, .open > .dropdown-toggle.table .btn.btn-success { color: #ffffff; background-color: #178d32; border-color: #126e27; } -.t3-table .btn.btn-success:active, .table .btn.btn-success:active, -.t3-table .btn.btn-success.active, .table .btn.btn-success.active, -.open > .dropdown-toggle.t3-table .btn.btn-success, .open > .dropdown-toggle.table .btn.btn-success { background-image: none; } -.t3-table .btn.btn-success.disabled, .table .btn.btn-success.disabled, -.t3-table .btn.btn-success[disabled], .table .btn.btn-success[disabled], -fieldset[disabled] .t3-table .btn.btn-success, fieldset[disabled] .table .btn.btn-success, -.t3-table .btn.btn-success.disabled:hover, .table .btn.btn-success.disabled:hover, -.t3-table .btn.btn-success[disabled]:hover, .table .btn.btn-success[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-success:hover, fieldset[disabled] .table .btn.btn-success:hover, -.t3-table .btn.btn-success.disabled:focus, .table .btn.btn-success.disabled:focus, -.t3-table .btn.btn-success[disabled]:focus, .table .btn.btn-success[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-success:focus, fieldset[disabled] .table .btn.btn-success:focus, -.t3-table .btn.btn-success.disabled.focus, .table .btn.btn-success.disabled.focus, -.t3-table .btn.btn-success[disabled].focus, .table .btn.btn-success[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-success.focus, fieldset[disabled] .table .btn.btn-success.focus, -.t3-table .btn.btn-success.disabled:active, .table .btn.btn-success.disabled:active, -.t3-table .btn.btn-success[disabled]:active, .table .btn.btn-success[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-success:active, fieldset[disabled] .table .btn.btn-success:active, -.t3-table .btn.btn-success.disabled.active, .table .btn.btn-success.disabled.active, -.t3-table .btn.btn-success[disabled].active, .table .btn.btn-success[disabled].active, -fieldset[disabled] .t3-table .btn.btn-success.active, fieldset[disabled] .table .btn.btn-success.active { background-color: #1eb941; border-color: #1aa339; } -.t3-table .btn.btn-success .badge, .table .btn.btn-success .badge { color: #1eb941; background-color: #ffffff; } -.t3-table .btn.btn-warning, .table .btn.btn-warning { color: #ffffff; background-color: #f07814; border-color: #dc6c0e; } -.t3-table .btn.btn-warning:hover, .table .btn.btn-warning:hover, -.t3-table .btn.btn-warning:focus, .table .btn.btn-warning:focus, -.t3-table .btn.btn-warning.focus, .table .btn.btn-warning.focus, -.t3-table .btn.btn-warning:active, .table .btn.btn-warning:active, -.t3-table .btn.btn-warning.active, .table .btn.btn-warning.active, -.open > .dropdown-toggle.t3-table .btn.btn-warning, .open > .dropdown-toggle.table .btn.btn-warning { color: #ffffff; background-color: #c4600d; border-color: #a3500a; } -.t3-table .btn.btn-warning:active, .table .btn.btn-warning:active, -.t3-table .btn.btn-warning.active, .table .btn.btn-warning.active, -.open > .dropdown-toggle.t3-table .btn.btn-warning, .open > .dropdown-toggle.table .btn.btn-warning { background-image: none; } -.t3-table .btn.btn-warning.disabled, .table .btn.btn-warning.disabled, -.t3-table .btn.btn-warning[disabled], .table .btn.btn-warning[disabled], -fieldset[disabled] .t3-table .btn.btn-warning, fieldset[disabled] .table .btn.btn-warning, -.t3-table .btn.btn-warning.disabled:hover, .table .btn.btn-warning.disabled:hover, -.t3-table .btn.btn-warning[disabled]:hover, .table .btn.btn-warning[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-warning:hover, fieldset[disabled] .table .btn.btn-warning:hover, -.t3-table .btn.btn-warning.disabled:focus, .table .btn.btn-warning.disabled:focus, -.t3-table .btn.btn-warning[disabled]:focus, .table .btn.btn-warning[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-warning:focus, fieldset[disabled] .table .btn.btn-warning:focus, -.t3-table .btn.btn-warning.disabled.focus, .table .btn.btn-warning.disabled.focus, -.t3-table .btn.btn-warning[disabled].focus, .table .btn.btn-warning[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-warning.focus, fieldset[disabled] .table .btn.btn-warning.focus, -.t3-table .btn.btn-warning.disabled:active, .table .btn.btn-warning.disabled:active, -.t3-table .btn.btn-warning[disabled]:active, .table .btn.btn-warning[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-warning:active, fieldset[disabled] .table .btn.btn-warning:active, -.t3-table .btn.btn-warning.disabled.active, .table .btn.btn-warning.disabled.active, -.t3-table .btn.btn-warning[disabled].active, .table .btn.btn-warning[disabled].active, -fieldset[disabled] .t3-table .btn.btn-warning.active, fieldset[disabled] .table .btn.btn-warning.active { background-color: #f07814; border-color: #dc6c0e; } -.t3-table .btn.btn-warning .badge, .table .btn.btn-warning .badge { color: #f07814; background-color: #ffffff; } -.t3-table .btn.btn-info, .table .btn.btn-info { color: #ffffff; background-color: #41b4dc; border-color: #2bacd8; } -.t3-table .btn.btn-info:hover, .table .btn.btn-info:hover, -.t3-table .btn.btn-info:focus, .table .btn.btn-info:focus, -.t3-table .btn.btn-info.focus, .table .btn.btn-info.focus, -.t3-table .btn.btn-info:active, .table .btn.btn-info:active, -.t3-table .btn.btn-info.active, .table .btn.btn-info.active, -.open > .dropdown-toggle.t3-table .btn.btn-info, .open > .dropdown-toggle.table .btn.btn-info { color: #ffffff; background-color: #249cc6; border-color: #1f84a7; } -.t3-table .btn.btn-info:active, .table .btn.btn-info:active, -.t3-table .btn.btn-info.active, .table .btn.btn-info.active, -.open > .dropdown-toggle.t3-table .btn.btn-info, .open > .dropdown-toggle.table .btn.btn-info { background-image: none; } -.t3-table .btn.btn-info.disabled, .table .btn.btn-info.disabled, -.t3-table .btn.btn-info[disabled], .table .btn.btn-info[disabled], -fieldset[disabled] .t3-table .btn.btn-info, fieldset[disabled] .table .btn.btn-info, -.t3-table .btn.btn-info.disabled:hover, .table .btn.btn-info.disabled:hover, -.t3-table .btn.btn-info[disabled]:hover, .table .btn.btn-info[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-info:hover, fieldset[disabled] .table .btn.btn-info:hover, -.t3-table .btn.btn-info.disabled:focus, .table .btn.btn-info.disabled:focus, -.t3-table .btn.btn-info[disabled]:focus, .table .btn.btn-info[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-info:focus, fieldset[disabled] .table .btn.btn-info:focus, -.t3-table .btn.btn-info.disabled.focus, .table .btn.btn-info.disabled.focus, -.t3-table .btn.btn-info[disabled].focus, .table .btn.btn-info[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-info.focus, fieldset[disabled] .table .btn.btn-info.focus, -.t3-table .btn.btn-info.disabled:active, .table .btn.btn-info.disabled:active, -.t3-table .btn.btn-info[disabled]:active, .table .btn.btn-info[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-info:active, fieldset[disabled] .table .btn.btn-info:active, -.t3-table .btn.btn-info.disabled.active, .table .btn.btn-info.disabled.active, -.t3-table .btn.btn-info[disabled].active, .table .btn.btn-info[disabled].active, -fieldset[disabled] .t3-table .btn.btn-info.active, fieldset[disabled] .table .btn.btn-info.active { background-color: #41b4dc; border-color: #2bacd8; } -.t3-table .btn.btn-info .badge, .table .btn.btn-info .badge { color: #41b4dc; background-color: #ffffff; } -.t3-table .btn.btn-default, .table .btn.btn-default { - color: #ffffff; - background-color: #828282; - border-color: #757575; + color: #333333; + background-color: #eeeeee; + border-color: #cccccc; } -.t3-table .btn.btn-default:hover, .table .btn.btn-default:hover, -.t3-table .btn.btn-default:focus, .table .btn.btn-default:focus, -.t3-table .btn.btn-default.focus, .table .btn.btn-default.focus, -.t3-table .btn.btn-default:active, .table .btn.btn-default:active, -.t3-table .btn.btn-default.active, .table .btn.btn-default.active, -.open > .dropdown-toggle.t3-table .btn.btn-default, .open > .dropdown-toggle.table .btn.btn-default { - color: #ffffff; - background-color: #696969; - border-color: #575757; + color: #333333; + background-color: #d5d5d5; + border-color: #adadad; } -.t3-table .btn.btn-default:active, .table .btn.btn-default:active, -.t3-table .btn.btn-default.active, .table .btn.btn-default.active, -.open > .dropdown-toggle.t3-table .btn.btn-default, .open > .dropdown-toggle.table .btn.btn-default { background-image: none; } -.t3-table .btn.btn-default.disabled, .table .btn.btn-default.disabled, -.t3-table .btn.btn-default[disabled], .table .btn.btn-default[disabled], -fieldset[disabled] .t3-table .btn.btn-default, fieldset[disabled] .table .btn.btn-default, -.t3-table .btn.btn-default.disabled:hover, .table .btn.btn-default.disabled:hover, -.t3-table .btn.btn-default[disabled]:hover, .table .btn.btn-default[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-default:hover, fieldset[disabled] .table .btn.btn-default:hover, -.t3-table .btn.btn-default.disabled:focus, .table .btn.btn-default.disabled:focus, -.t3-table .btn.btn-default[disabled]:focus, .table .btn.btn-default[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-default:focus, fieldset[disabled] .table .btn.btn-default:focus, -.t3-table .btn.btn-default.disabled.focus, .table .btn.btn-default.disabled.focus, -.t3-table .btn.btn-default[disabled].focus, .table .btn.btn-default[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-default.focus, fieldset[disabled] .table .btn.btn-default.focus, -.t3-table .btn.btn-default.disabled:active, .table .btn.btn-default.disabled:active, -.t3-table .btn.btn-default[disabled]:active, .table .btn.btn-default[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-default:active, fieldset[disabled] .table .btn.btn-default:active, -.t3-table .btn.btn-default.disabled.active, .table .btn.btn-default.disabled.active, -.t3-table .btn.btn-default[disabled].active, .table .btn.btn-default[disabled].active, -fieldset[disabled] .t3-table .btn.btn-default.active, fieldset[disabled] .table .btn.btn-default.active { - background-color: #828282; - border-color: #757575; + background-color: #eeeeee; + border-color: #cccccc; } -.t3-table .btn.btn-default .badge, .table .btn.btn-default .badge { - color: #828282; - background-color: #ffffff; + color: #eeeeee; + background-color: #333333; } -.t3-table .btn.btn-primary, .table .btn.btn-primary { color: #ffffff; background-color: #0078e6; border-color: #006bcd; } -.t3-table .btn.btn-primary:hover, .table .btn.btn-primary:hover, -.t3-table .btn.btn-primary:focus, .table .btn.btn-primary:focus, -.t3-table .btn.btn-primary.focus, .table .btn.btn-primary.focus, -.t3-table .btn.btn-primary:active, .table .btn.btn-primary:active, -.t3-table .btn.btn-primary.active, .table .btn.btn-primary.active, -.open > .dropdown-toggle.t3-table .btn.btn-primary, .open > .dropdown-toggle.table .btn.btn-primary { color: #ffffff; background-color: #005db3; border-color: #004b8f; } -.t3-table .btn.btn-primary:active, .table .btn.btn-primary:active, -.t3-table .btn.btn-primary.active, .table .btn.btn-primary.active, -.open > .dropdown-toggle.t3-table .btn.btn-primary, .open > .dropdown-toggle.table .btn.btn-primary { background-image: none; } -.t3-table .btn.btn-primary.disabled, .table .btn.btn-primary.disabled, -.t3-table .btn.btn-primary[disabled], .table .btn.btn-primary[disabled], -fieldset[disabled] .t3-table .btn.btn-primary, fieldset[disabled] .table .btn.btn-primary, -.t3-table .btn.btn-primary.disabled:hover, .table .btn.btn-primary.disabled:hover, -.t3-table .btn.btn-primary[disabled]:hover, .table .btn.btn-primary[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-primary:hover, fieldset[disabled] .table .btn.btn-primary:hover, -.t3-table .btn.btn-primary.disabled:focus, .table .btn.btn-primary.disabled:focus, -.t3-table .btn.btn-primary[disabled]:focus, .table .btn.btn-primary[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-primary:focus, fieldset[disabled] .table .btn.btn-primary:focus, -.t3-table .btn.btn-primary.disabled.focus, .table .btn.btn-primary.disabled.focus, -.t3-table .btn.btn-primary[disabled].focus, .table .btn.btn-primary[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-primary.focus, fieldset[disabled] .table .btn.btn-primary.focus, -.t3-table .btn.btn-primary.disabled:active, .table .btn.btn-primary.disabled:active, -.t3-table .btn.btn-primary[disabled]:active, .table .btn.btn-primary[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-primary:active, fieldset[disabled] .table .btn.btn-primary:active, -.t3-table .btn.btn-primary.disabled.active, .table .btn.btn-primary.disabled.active, -.t3-table .btn.btn-primary[disabled].active, .table .btn.btn-primary[disabled].active, -fieldset[disabled] .t3-table .btn.btn-primary.active, fieldset[disabled] .table .btn.btn-primary.active { background-color: #0078e6; border-color: #006bcd; } -.t3-table .btn.btn-primary .badge, .table .btn.btn-primary .badge { color: #0078e6; background-color: #ffffff; } -.t3-table .btn-group, .table .btn-group { font-size: 0; } -.t3-table .btn-group .btn, .table .btn-group .btn { font-size: 12px; float: none; } -.t3-table .btn-checkbox-holder, .table .btn-checkbox-holder { position: relative; display: inline-block; } -.t3-table .btn-checkbox-holder .btn-checkbox, .table .btn-checkbox-holder .btn-checkbox { position: absolute; top: 0; @@ -9025,1090 +8750,454 @@ fieldset[disabled] .table .btn.btn-primary.active { opacity: 0; z-index: 10; } -.t3-table .btn-checkbox-holder input[type=checkbox] + .btn .t3-icon:before, .table .btn-checkbox-holder input[type=checkbox] + .btn .t3-icon:before { content: "\f096"; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn { color: #ffffff; background-color: #0078e6; border-color: #006bcd; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active, -.open > .dropdown-toggle.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn, .open > .dropdown-toggle.table .btn-checkbox-holder input[type=checkbox]:checked + .btn { color: #ffffff; background-color: #005db3; border-color: #004b8f; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active, -.open > .dropdown-toggle.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn, .open > .dropdown-toggle.table .btn-checkbox-holder input[type=checkbox]:checked + .btn { background-image: none; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled], .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled], -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn, fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:hover, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:hover, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:hover, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:hover, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover, fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:focus, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:focus, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:focus, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus, fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.focus, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].focus, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].focus, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus, fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:active, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:active, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:active, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active, fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.active, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].active, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].active, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active, fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active { background-color: #0078e6; border-color: #006bcd; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn .badge, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn .badge { color: #0078e6; background-color: #ffffff; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn .t3-icon:before, .table .btn-checkbox-holder input[type=checkbox]:checked + .btn .t3-icon:before { content: "\f00c"; } -.t3-table .btn-group .btn + .btn-checkbox-holder, .table .btn-group .btn + .btn-checkbox-holder { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } -.t3-table .pagination, .table .pagination { margin: 0; } -.t3-table .col-icon, .table .col-icon { text-align: center; } -.t3-table .col-icon .t3-icon, .table .col-icon .t3-icon { margin: 0; } -.t3-table .col-title, .table .col-title { width: 95%; } -.t3-table .col-control, .table .col-control, -.t3-table .col-clipboard, .table .col-clipboard { white-space: nowrap; text-align: right; } -/** - * Copy table stylings from bootstrap - **/ -.t3-table { +.table .col-border-left { + border-left: 1px solid #cccccc; +} +.table-fit { width: 100%; - max-width: 100%; - margin-bottom: 18px; - background-color: #fafafa; margin-bottom: 1.5em; - border: 1px solid #cccccc; + overflow-x: auto; + overflow-y: hidden; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #ddd; } -.t3-table > thead > tr > th, -.t3-table > tbody > tr > th, -.t3-table > tfoot > tr > th, -.t3-table > thead > tr > td, -.t3-table > tbody > tr > td, -.t3-table > tfoot > tr > td { - padding: 6px; - line-height: 1.5; - vertical-align: top; - border-top: 1px solid #cccccc; +.table-fit > .table { + margin-top: 0; + margin-bottom: 0; + border: 0; } -.t3-table > thead > tr > th { - vertical-align: bottom; - border-bottom: 2px solid #cccccc; +.table-fit > .table > thead > tr > td, +.table-fit > .table > tbody > tr > td, +.table-fit > .table > tfoot > tr > td { + white-space: nowrap; } -.t3-table > caption + thead > tr:first-child > th, -.t3-table > colgroup + thead > tr:first-child > th, -.t3-table > thead:first-child > tr:first-child > th, -.t3-table > caption + thead > tr:first-child > td, -.t3-table > colgroup + thead > tr:first-child > td, -.t3-table > thead:first-child > tr:first-child > td { - border-top: 0; +.panel { + margin: 3em 0; } -.t3-table > tbody + tbody { - border-top: 2px solid #cccccc; +.panel .panel-heading { + font-weight: bold; } -.t3-table .table { - background-color: #ffffff; +.panel .table, +.panel .table-fit { + border: 0; + margin: 0; } -.t3-table * { - box-sizing: border-box; +.typo3-TCEforms .typo3-dyntabmenu-divs { + border-top: 1px solid #cccccc; } -.t3-table > thead > tr > th, -.t3-table > tbody > tr > th, -.t3-table > tfoot > tr > th { - white-space: nowrap; - vertical-align: middle; +.typo3-TCEforms .typo3-dyntabmenu-tabs + .typo3-dyntabmenu-divs { + border-top: none; + padding: 0; } -.t3-table > thead > tr > td, -.t3-table > tbody > tr > td, -.t3-table > tfoot > tr > td { - vertical-align: middle; +.typo3-TCEforms .c-tablayer div, +.typo3-TCEforms .c-tablayer td { + vertical-align: top; } -.t3-table > thead > tr { - background-color: #ededed; +.typo3-TCEforms .c-tablayer > table { + margin-bottom: 0; } -.t3-table > thead > tr th, -.t3-table > thead > tr td { - border-bottom: 1px solid #cccccc; +.typo3-TCEforms .c-tablayer > table > tbody > tr > td { + padding: 0 18px 0 18px; + background: none; } -.t3-table > thead > tr th i, -.t3-table > thead > tr td i { - font-weight: normal; +.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header { + border-top: 1px solid #cccccc; + padding: 27px 18px 4px 18px; } -.t3-table .btn { - padding: 4px 4px; - font-size: 11px; - line-height: 1.5; - border-radius: 2px; - color: #333; - background-color: #dedede; - border-color: #c4c4c4; - margin-top: -2px; - margin-bottom: -2px; +.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header h3 { + margin-top: 0; } -.t3-table .btn:hover { - border-color: #ababab; - background-color: #c4c4c4; +.typo3-TCEforms .c-tablayer > table > tbody > tr > td .t3-form-palette-fieldset .t3-form-palette-field-container { + display: inline-block; + padding-right: 25px; + padding-bottom: 18px; } -.t3-table .btn .t3-icon { - margin: 0; +.typo3-TCEforms .c-tablayer > table > tbody > tr:first-child > td { + padding-top: 18px; } -.t3-table .btn.btn-danger { - color: #ffffff; - background-color: #c83c3c; - border-color: #b73434; +.typo3-TCEforms .c-tablayer > table > tbody > tr:first-child > td.palette-header { + border-top: none; } -.t3-table .btn.btn-danger:hover, -.t3-table .btn.btn-danger:focus, -.t3-table .btn.btn-danger.focus, -.t3-table .btn.btn-danger:active, -.t3-table .btn.btn-danger.active, -.open > .dropdown-toggle.t3-table .btn.btn-danger { - color: #ffffff; - background-color: #a32e2e; - border-color: #872626; +.typo3-TCEforms .c-tablayer > table > tbody > tr:last-child > td { + padding-bottom: 18px; } -.t3-table .btn.btn-danger:active, -.t3-table .btn.btn-danger.active, -.open > .dropdown-toggle.t3-table .btn.btn-danger { - background-image: none; +img.t3-TCEforms-reqImg { + display: block; + position: absolute; + left: 14px; + top: 28%; + z-index: 3000; + height: 16px; + margin-right: 2px; + width: 16px; } -.t3-table .btn.btn-danger.disabled, -.t3-table .btn.btn-danger[disabled], -fieldset[disabled] .t3-table .btn.btn-danger, -.t3-table .btn.btn-danger.disabled:hover, -.t3-table .btn.btn-danger[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-danger:hover, -.t3-table .btn.btn-danger.disabled:focus, -.t3-table .btn.btn-danger[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-danger:focus, -.t3-table .btn.btn-danger.disabled.focus, -.t3-table .btn.btn-danger[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-danger.focus, -.t3-table .btn.btn-danger.disabled:active, -.t3-table .btn.btn-danger[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-danger:active, -.t3-table .btn.btn-danger.disabled.active, -.t3-table .btn.btn-danger[disabled].active, -fieldset[disabled] .t3-table .btn.btn-danger.active { - background-color: #c83c3c; - border-color: #b73434; +img.t3-TCEforms-reqTabImg { + height: 16px; + margin-left: 4px; + margin-bottom: -3px; + width: 16px; } -.t3-table .btn.btn-danger .badge { - color: #c83c3c; - background-color: #ffffff; +img.t3-TCEforms-contentchangedImg { + display: block; + position: absolute; + left: 4px; + top: 32%; + z-index: 4000; + width: 7px; } -.t3-table .btn.btn-success { - color: #ffffff; - background-color: #1eb941; - border-color: #1aa339; +.t3-form-palette-icon-required { + display: block; + position: absolute; + left: 4px; + top: 26%; + z-index: 3000; + height: 16px; + margin-right: 2px; + width: 16px; } -.t3-table .btn.btn-success:hover, -.t3-table .btn.btn-success:focus, -.t3-table .btn.btn-success.focus, -.t3-table .btn.btn-success:active, -.t3-table .btn.btn-success.active, -.open > .dropdown-toggle.t3-table .btn.btn-success { - color: #ffffff; - background-color: #178d32; - border-color: #126e27; +img.t3-TCEforms-reqPaletteImg { + display: block; + position: absolute; + left: 14px; + top: 30%; + z-index: 3000; + height: 16px; + margin-right: 2px; + width: 16px; } -.t3-table .btn.btn-success:active, -.t3-table .btn.btn-success.active, -.open > .dropdown-toggle.t3-table .btn.btn-success { - background-image: none; +.t3-form-palette-icon-contentchanged { + display: block; + position: absolute; + left: -6px; + top: 30%; + z-index: 4000; + width: 7px; } -.t3-table .btn.btn-success.disabled, -.t3-table .btn.btn-success[disabled], -fieldset[disabled] .t3-table .btn.btn-success, -.t3-table .btn.btn-success.disabled:hover, -.t3-table .btn.btn-success[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-success:hover, -.t3-table .btn.btn-success.disabled:focus, -.t3-table .btn.btn-success[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-success:focus, -.t3-table .btn.btn-success.disabled.focus, -.t3-table .btn.btn-success[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-success.focus, -.t3-table .btn.btn-success.disabled:active, -.t3-table .btn.btn-success[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-success:active, -.t3-table .btn.btn-success.disabled.active, -.t3-table .btn.btn-success[disabled].active, -fieldset[disabled] .t3-table .btn.btn-success.active { - background-color: #1eb941; - border-color: #1aa339; +img.t3-TCEforms-contentchangedPaletteImg { + display: block; + position: absolute; + left: 4px; + top: 30%; + z-index: 4000; + width: 7px; } -.t3-table .btn.btn-success .badge { - color: #1eb941; - background-color: #ffffff; +.typo3-TCEforms { + width: 100%; } -.t3-table .btn.btn-warning { - color: #ffffff; - background-color: #f07814; - border-color: #dc6c0e; +.typo3-TCEforms-recHeaderRow { + padding-top: 5px; + padding-bottom: 20px; } -.t3-table .btn.btn-warning:hover, -.t3-table .btn.btn-warning:focus, -.t3-table .btn.btn-warning.focus, -.t3-table .btn.btn-warning:active, -.t3-table .btn.btn-warning.active, -.open > .dropdown-toggle.t3-table .btn.btn-warning { - color: #ffffff; - background-color: #c4600d; - border-color: #a3500a; +.typo3-TCEforms .bgColor2, +.typo3-TCEforms tr.bgColor2 td { + padding-bottom: 5px; } -.t3-table .btn.btn-warning:active, -.t3-table .btn.btn-warning.active, -.open > .dropdown-toggle.t3-table .btn.btn-warning { - background-image: none; +.typo3-TCEforms optgroup.c-divider, +select option.c-divider { + margin-top: 10px; + padding: 0px; } -.t3-table .btn.btn-warning.disabled, -.t3-table .btn.btn-warning[disabled], -fieldset[disabled] .t3-table .btn.btn-warning, -.t3-table .btn.btn-warning.disabled:hover, -.t3-table .btn.btn-warning[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-warning:hover, -.t3-table .btn.btn-warning.disabled:focus, -.t3-table .btn.btn-warning[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-warning:focus, -.t3-table .btn.btn-warning.disabled.focus, -.t3-table .btn.btn-warning[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-warning.focus, -.t3-table .btn.btn-warning.disabled:active, -.t3-table .btn.btn-warning[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-warning:active, -.t3-table .btn.btn-warning.disabled.active, -.t3-table .btn.btn-warning[disabled].active, -fieldset[disabled] .t3-table .btn.btn-warning.active { - background-color: #f07814; - border-color: #dc6c0e; +.typo3-TCEforms optgroup option { + background-color: white; + border-bottom: none; + color: black; + font-style: normal; + text-indent: 0px; + text-transform: none; + margin: 0px; + padding: 2px; } -.t3-table .btn.btn-warning .badge { - color: #f07814; - background-color: #ffffff; +.typo3-TCEforms select.icon-select option { + padding-left: 22px; } -.t3-table .btn.btn-info { - color: #ffffff; - background-color: #41b4dc; - border-color: #2bacd8; +.typo3-TCEforms table.typo3-TCEforms-select-checkbox { + margin-bottom: 10px; } -.t3-table .btn.btn-info:hover, -.t3-table .btn.btn-info:focus, -.t3-table .btn.btn-info.focus, -.t3-table .btn.btn-info:active, -.t3-table .btn.btn-info.active, -.open > .dropdown-toggle.t3-table .btn.btn-info { - color: #ffffff; - background-color: #249cc6; - border-color: #1f84a7; +.typo3-TCEforms table.typo3-TCEforms-select-checkbox tbody { + display: block; + max-height: 300px; + overflow-y: scroll; } -.t3-table .btn.btn-info:active, -.t3-table .btn.btn-info.active, -.open > .dropdown-toggle.t3-table .btn.btn-info { - background-image: none; +.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td { + vertical-align: middle; } -.t3-table .btn.btn-info.disabled, -.t3-table .btn.btn-info[disabled], -fieldset[disabled] .t3-table .btn.btn-info, -.t3-table .btn.btn-info.disabled:hover, -.t3-table .btn.btn-info[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-info:hover, -.t3-table .btn.btn-info.disabled:focus, -.t3-table .btn.btn-info[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-info:focus, -.t3-table .btn.btn-info.disabled.focus, -.t3-table .btn.btn-info[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-info.focus, -.t3-table .btn.btn-info.disabled:active, -.t3-table .btn.btn-info[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-info:active, -.t3-table .btn.btn-info.disabled.active, -.t3-table .btn.btn-info[disabled].active, -fieldset[disabled] .t3-table .btn.btn-info.active { - background-color: #41b4dc; - border-color: #2bacd8; +.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td, +.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-checkbox, +.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell { + padding: 1px 3px; } -.t3-table .btn.btn-info .badge { - color: #41b4dc; - background-color: #ffffff; +.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell { + min-width: 300px; } -.t3-table .btn.btn-default { - color: #ffffff; - background-color: #828282; - border-color: #757575; -} -.t3-table .btn.btn-default:hover, -.t3-table .btn.btn-default:focus, -.t3-table .btn.btn-default.focus, -.t3-table .btn.btn-default:active, -.t3-table .btn.btn-default.active, -.open > .dropdown-toggle.t3-table .btn.btn-default { - color: #ffffff; - background-color: #696969; - border-color: #575757; +.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell img { + margin-right: 5px; + width: 16px; } -.t3-table .btn.btn-default:active, -.t3-table .btn.btn-default.active, -.open > .dropdown-toggle.t3-table .btn.btn-default { - background-image: none; +.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr { + width: 40px; } -.t3-table .btn.btn-default.disabled, -.t3-table .btn.btn-default[disabled], -fieldset[disabled] .t3-table .btn.btn-default, -.t3-table .btn.btn-default.disabled:hover, -.t3-table .btn.btn-default[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-default:hover, -.t3-table .btn.btn-default.disabled:focus, -.t3-table .btn.btn-default[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-default:focus, -.t3-table .btn.btn-default.disabled.focus, -.t3-table .btn.btn-default[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-default.focus, -.t3-table .btn.btn-default.disabled:active, -.t3-table .btn.btn-default[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-default:active, -.t3-table .btn.btn-default.disabled.active, -.t3-table .btn.btn-default[disabled].active, -fieldset[disabled] .t3-table .btn.btn-default.active { - background-color: #828282; - border-color: #757575; -} -.t3-table .btn.btn-default .badge { - color: #828282; - background-color: #ffffff; +.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr img { + float: right; } -.t3-table .btn.btn-primary { - color: #ffffff; - background-color: #0078e6; - border-color: #006bcd; +.typo3-TCEforms table.typo3-TCEforms-select-singlebox { + margin-bottom: 10px; + margin-top: 4px; } -.t3-table .btn.btn-primary:hover, -.t3-table .btn.btn-primary:focus, -.t3-table .btn.btn-primary.focus, -.t3-table .btn.btn-primary:active, -.t3-table .btn.btn-primary.active, -.open > .dropdown-toggle.t3-table .btn.btn-primary { - color: #ffffff; - background-color: #005db3; - border-color: #004b8f; +.typo3-TCEforms .checkbox, +.typo3-TCEforms .checkbox:hover { + position: relative; + z-index: 3500; } -.t3-table .btn.btn-primary:active, -.t3-table .btn.btn-primary.active, -.open > .dropdown-toggle.t3-table .btn.btn-primary { - background-image: none; +.typo3-TCEforms td.formField-header, +.typo3-TCEforms td.palette-header, +.typo3-TCEforms td.formField-field { + display: block; + position: relative; + vertical-align: top; } -.t3-table .btn.btn-primary.disabled, -.t3-table .btn.btn-primary[disabled], -fieldset[disabled] .t3-table .btn.btn-primary, -.t3-table .btn.btn-primary.disabled:hover, -.t3-table .btn.btn-primary[disabled]:hover, -fieldset[disabled] .t3-table .btn.btn-primary:hover, -.t3-table .btn.btn-primary.disabled:focus, -.t3-table .btn.btn-primary[disabled]:focus, -fieldset[disabled] .t3-table .btn.btn-primary:focus, -.t3-table .btn.btn-primary.disabled.focus, -.t3-table .btn.btn-primary[disabled].focus, -fieldset[disabled] .t3-table .btn.btn-primary.focus, -.t3-table .btn.btn-primary.disabled:active, -.t3-table .btn.btn-primary[disabled]:active, -fieldset[disabled] .t3-table .btn.btn-primary:active, -.t3-table .btn.btn-primary.disabled.active, -.t3-table .btn.btn-primary[disabled].active, -fieldset[disabled] .t3-table .btn.btn-primary.active { - background-color: #0078e6; - border-color: #006bcd; +div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable > tbody > tr > td { + padding-left: 10px; + padding-right: 10px; } -.t3-table .btn.btn-primary .badge { - color: #0078e6; - background-color: #ffffff; +.t3-form-field-group-file tr:last-child td { + vertical-align: top; } -.t3-table .btn-group { - font-size: 0; +.typo3-TCEforms td.icons { + padding: 0 2px 2px 2px; } -.t3-table .btn-group .btn { - font-size: 12px; - float: none; +.typo3-TCEforms td.thumbnails { + padding-top: 2px; } -.t3-table .btn-checkbox-holder { - position: relative; +.typo3-TCEforms div.imagethumbs { + padding-top: 2px; + white-space: normal; + width: 253px; +} +.typo3-TCEforms div.imagethumbs br { + display: none; +} +.typo3-TCEforms div.imagethumbs .nobr { + background-color: #CCC; display: inline-block; + width: 60px; + height: 60px; + overflow: hidden; + margin-right: 3px; + margin-bottom: 1px; + text-align: center; } -.t3-table .btn-checkbox-holder .btn-checkbox { - position: absolute; - top: 0; - height: 100%; - width: 100%; - opacity: 0; - z-index: 10; +.typo3-TCEforms div.imagethumbs .nobr a { + display: block; + width: 60px; + height: 60px; + line-height: 58px; + text-align: center; } -.t3-table .btn-checkbox-holder input[type=checkbox] + .btn .t3-icon:before { - content: "\f096"; +.typo3-TCEforms div.imagethumbs .nobr a img { + display: inline; + margin-right: auto; + vertical-align: middle; + margin-left: auto; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn { - color: #ffffff; - background-color: #0078e6; - border-color: #006bcd; +.typo3-TCEforms div.imagethumbs .nobr span { + display: none; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active, -.open > .dropdown-toggle.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn { - color: #ffffff; - background-color: #005db3; - border-color: #004b8f; +.typo3-TCEforms span.filetypes { + font-size: 0.8em; + display: block; + margin-top: 6px; + white-space: normal; + width: 250px; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active, -.open > .dropdown-toggle.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn { - background-image: none; +.t3-form-field-container { + display: block; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled], -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:hover, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:hover, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:focus, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].focus, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:active, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.active, -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].active, -fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active { - background-color: #0078e6; - border-color: #006bcd; +.typo3-TCEforms-palette .typo3-csh-link img { + padding-top: 3px; + vertical-align: top; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn .badge { - color: #0078e6; - background-color: #ffffff; +.typo3-TCEforms-palette select.select, +.t3-form-palette-field-container select.select { + margin: 4px 2px 4px 1px; } -.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn .t3-icon:before { - content: "\f00c"; +.t3-form-palette-field-container .t3-form-palette-field-label, +.t3-form-palette-field-container .t3-form-palette-field { + display: block; + position: relative; } -.t3-table .btn-group .btn + .btn-checkbox-holder { - margin-left: -1px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.typo3-TCEforms .typo3-csh-link { + margin-left: 5px; } -.t3-table .pagination { - margin: 0; +.t3-tceforms-fieldReadOnly { + background-color: #fefefe; + border: 1px solid #7c7c7c; + border-radius: 2px; + pointer-events: none; + cursor: default; + opacity: 0.5; + filter: alpha(opacity=@50); + box-shadow: none; + /** Lock icon in right corner */ + padding: 3px 30px 3px 6px; + margin: 0 0.5em 0.5em 0; + position: relative; } -.t3-table .col-icon { - text-align: center; +div.typo3-TCEforms-suggest-position-right { + margin-left: 10px; } -.t3-table .col-icon .t3-icon { - margin: 0; +div.typo3-TCEforms-suggest label { + margin-right: 5px; } -.t3-table .col-title { - width: 95%; +div.typo3-TCEforms-suggest-indicator { + left: 230px; + position: relative; + top: -18px; } -.t3-table .col-control, -.t3-table .col-clipboard { - white-space: nowrap; - text-align: right; +div.typo3-TCEforms-suggest-choices { + background-color: white; + border: 1px solid #888; + position: absolute; + width: 250px; + z-index: 4000; } -.t3-table > tbody > tr:nth-child(odd) { - background-color: #f7f7f7; +div.typo3-TCEforms-suggest-choices ul { + margin: 0; + padding: 0; } -.t3-table > tbody > tr:hover { - background-color: #ededed; +div.typo3-TCEforms-suggest-choices li { + cursor: pointer; + background-color: #efeff4; + background-repeat: no-repeat; + background-position: 4px center; + list-style-type: none; + display: block; + margin: 0; + padding: 4px 2px 4px 24px; } -.t3-table > thead > tr > td.active, -.t3-table > tbody > tr > td.active, -.t3-table > tfoot > tr > td.active, -.t3-table > thead > tr > th.active, -.t3-table > tbody > tr > th.active, -.t3-table > tfoot > tr > th.active, -.t3-table > thead > tr.active > td, -.t3-table > tbody > tr.active > td, -.t3-table > tfoot > tr.active > td, -.t3-table > thead > tr.active > th, -.t3-table > tbody > tr.active > th, -.t3-table > tfoot > tr.active > th { - background-color: #ededed; +div.typo3-TCEforms-suggest-choices li.suggest-noresults { + height: auto; } -.t3-table > tbody > tr > td.active:hover, -.t3-table > tbody > tr > th.active:hover, -.t3-table > tbody > tr.active:hover > td, -.t3-table > tbody > tr:hover > .active, -.t3-table > tbody > tr.active:hover > th { - background-color: #e0e0e0; +div.typo3-TCEforms-suggest-choices span.suggest-uid { + margin-left: 0.3em; } -.t3-table > thead > tr > td.success, -.t3-table > tbody > tr > td.success, -.t3-table > tfoot > tr > td.success, -.t3-table > thead > tr > th.success, -.t3-table > tbody > tr > th.success, -.t3-table > tfoot > tr > th.success, -.t3-table > thead > tr.success > td, -.t3-table > tbody > tr.success > td, -.t3-table > tfoot > tr.success > td, -.t3-table > thead > tr.success > th, -.t3-table > tbody > tr.success > th, -.t3-table > tfoot > tr.success > th { - background-color: #c7f6d1; +div.typo3-TCEforms-suggest-choices span.suggest-path { + font-size: 0.9em; + margin-top: 0.3em; } -.t3-table > tbody > tr > td.success:hover, -.t3-table > tbody > tr > th.success:hover, -.t3-table > tbody > tr.success:hover > td, -.t3-table > tbody > tr:hover > .success, -.t3-table > tbody > tr.success:hover > th { - background-color: #b1f2c0; +input.typo3-TCEforms-suggest-search { + width: 200px; + padding-left: 20px; + vertical-align: middle; } -.t3-table > thead > tr > td.info, -.t3-table > tbody > tr > td.info, -.t3-table > tfoot > tr > td.info, -.t3-table > thead > tr > th.info, -.t3-table > tbody > tr > th.info, -.t3-table > tfoot > tr > th.info, -.t3-table > thead > tr.info > td, -.t3-table > tbody > tr.info > td, -.t3-table > tfoot > tr.info > td, -.t3-table > thead > tr.info > th, -.t3-table > tbody > tr.info > th, -.t3-table > tfoot > tr.info > th { - background-color: #d8f0f8; +.t3-form-field-label-flex { + border-top: 1px solid #c0c0c0; + padding: 5px; } -.t3-table > tbody > tr > td.info:hover, -.t3-table > tbody > tr > th.info:hover, -.t3-table > tbody > tr.info:hover > td, -.t3-table > tbody > tr:hover > .info, -.t3-table > tbody > tr.info:hover > th { - background-color: #c2e7f4; +.t3-form-field-flex { + padding: 0 5px 5px; } -.t3-table > thead > tr > td.warning, -.t3-table > tbody > tr > td.warning, -.t3-table > tfoot > tr > td.warning, -.t3-table > thead > tr > th.warning, -.t3-table > tbody > tr > th.warning, -.t3-table > tfoot > tr > th.warning, -.t3-table > thead > tr.warning > td, -.t3-table > tbody > tr.warning > td, -.t3-table > tfoot > tr.warning > td, -.t3-table > thead > tr.warning > th, -.t3-table > tbody > tr.warning > th, -.t3-table > tfoot > tr.warning > th { - background-color: #fbd8bc; +.t3-form-field-container-wrap { + margin: 6px 0px; } -.t3-table > tbody > tr > td.warning:hover, -.t3-table > tbody > tr > th.warning:hover, -.t3-table > tbody > tr.warning:hover > td, -.t3-table > tbody > tr:hover > .warning, -.t3-table > tbody > tr.warning:hover > th { - background-color: #f9cba4; +.t3-form-field-container-inline { + border: 1px solid #aaaaaa; + background-color: #f9f9f9; + margin: 2px 0px; } -.t3-table > thead > tr > td.danger, -.t3-table > tbody > tr > td.danger, -.t3-table > tfoot > tr > td.danger, -.t3-table > thead > tr > th.danger, -.t3-table > tbody > tr > th.danger, -.t3-table > tfoot > tr > th.danger, -.t3-table > thead > tr.danger > td, -.t3-table > tbody > tr.danger > td, -.t3-table > tfoot > tr.danger > td, -.t3-table > thead > tr.danger > th, -.t3-table > tbody > tr.danger > th, -.t3-table > tfoot > tr.danger > th { - background-color: #efc7c7; +.t3-form-field-header-inline > span { + position: absolute; + left: 4px; + top: 15px; } -.t3-table > tbody > tr > td.danger:hover, -.t3-table > tbody > tr > th.danger:hover, -.t3-table > tbody > tr.danger:hover > td, -.t3-table > tbody > tr:hover > .danger, -.t3-table > tbody > tr.danger:hover > th { - background-color: #eab3b3; +.t3-form-field-header-inline-wrap:before, +.t3-form-field-header-inline-wrap:after { + content: " "; + display: table; } -/** - * 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; +.t3-form-field-header-inline-wrap:after { + clear: both; } -.table-fit > .table, -.table-fit > .t3-table { - margin-top: 0; - margin-bottom: 0; - border: 0; +.t3-form-field-header-inline-wrap { + min-width: 300px; } -.table-fit > .table > thead > tr > td, -.table-fit > .t3-table > thead > tr > td, -.table-fit > .table > tbody > tr > td, -.table-fit > .t3-table > tbody > tr > td, -.table-fit > .table > tfoot > tr > td, -.table-fit > .t3-table > tfoot > tr > td { - white-space: nowrap; -} -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -.panel { - margin: 3em 0; -} -.panel .panel-heading { - font-weight: bold; -} -.panel .table, -.panel .table-fit { - border: 0; - margin: 0; -} -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms -- - - - - - - - - - - - - - - - - - - - - */ -.typo3-TCEforms .typo3-dyntabmenu-divs { - border-top: 1px solid #cccccc; -} -.typo3-TCEforms .typo3-dyntabmenu-tabs + .typo3-dyntabmenu-divs { - border-top: none; - padding: 0; -} -.typo3-TCEforms .c-tablayer div, -.typo3-TCEforms .c-tablayer td { - vertical-align: top; -} -.typo3-TCEforms .c-tablayer > table { - margin-bottom: 0; -} -.typo3-TCEforms .c-tablayer > table > tbody > tr > td { - padding: 0 18px 0 18px; - background: none; -} -.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header { - border-top: 1px solid #cccccc; - padding: 27px 18px 4px 18px; -} -.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header h3 { - margin-top: 0; -} -.typo3-TCEforms .c-tablayer > table > tbody > tr > td .t3-form-palette-fieldset .t3-form-palette-field-container { - display: inline-block; - padding-right: 25px; - padding-bottom: 18px; -} -.typo3-TCEforms .c-tablayer > table > tbody > tr:first-child > td { - padding-top: 18px; -} -.typo3-TCEforms .c-tablayer > table > tbody > tr:first-child > td.palette-header { - border-top: none; -} -.typo3-TCEforms .c-tablayer > table > tbody > tr:last-child > td { - padding-bottom: 18px; -} -img.t3-TCEforms-reqImg { - display: block; - position: absolute; - left: 14px; - top: 28%; - z-index: 3000; - height: 16px; - margin-right: 2px; - width: 16px; -} -img.t3-TCEforms-reqTabImg { - height: 16px; - margin-left: 4px; - margin-bottom: -3px; - width: 16px; -} -img.t3-TCEforms-contentchangedImg { - display: block; - position: absolute; - left: 4px; - top: 32%; - z-index: 4000; - width: 7px; -} -.t3-form-palette-icon-required { - display: block; - position: absolute; - left: 4px; - top: 26%; - z-index: 3000; - height: 16px; - margin-right: 2px; - width: 16px; -} -/* renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility */ -img.t3-TCEforms-reqPaletteImg { - display: block; - position: absolute; - left: 14px; - top: 30%; - z-index: 3000; - height: 16px; - margin-right: 2px; - width: 16px; -} -.t3-form-palette-icon-contentchanged { - display: block; - position: absolute; - left: -6px; - top: 30%; - z-index: 4000; - width: 7px; -} -/* renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility */ -img.t3-TCEforms-contentchangedPaletteImg { - display: block; - position: absolute; - left: 4px; - top: 30%; - z-index: 4000; - width: 7px; -} -.typo3-TCEforms { - width: 100%; -} -.typo3-TCEforms-recHeaderRow { - padding-top: 5px; - padding-bottom: 20px; -} -.typo3-TCEforms .bgColor2, -.typo3-TCEforms tr.bgColor2 td { - padding-bottom: 5px; -} -.typo3-TCEforms optgroup.c-divider, -select option.c-divider { - margin-top: 10px; - padding: 0px; -} -.typo3-TCEforms optgroup option { - background-color: white; - border-bottom: none; - color: black; - font-style: normal; - text-indent: 0px; - text-transform: none; - margin: 0px; - padding: 2px; -} -.typo3-TCEforms select.icon-select option { - padding-left: 22px; -} -.typo3-TCEforms table.typo3-TCEforms-select-checkbox { - margin-bottom: 10px; -} -.typo3-TCEforms table.typo3-TCEforms-select-checkbox tbody { - display: block; - max-height: 300px; - overflow-y: scroll; -} -.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td { - vertical-align: middle; -} -.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td, -.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-checkbox, -.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell { - padding: 1px 3px; -} -.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell { - min-width: 300px; -} -.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell img { - margin-right: 5px; - width: 16px; -} -.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr { - width: 40px; -} -.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr img { - float: right; -} -.typo3-TCEforms table.typo3-TCEforms-select-singlebox { - margin-bottom: 10px; - margin-top: 4px; -} -.typo3-TCEforms .checkbox, -.typo3-TCEforms .checkbox:hover { - position: relative; - z-index: 3500; -} -.typo3-TCEforms td.formField-header, -.typo3-TCEforms td.palette-header, -.typo3-TCEforms td.formField-field { - display: block; - position: relative; - vertical-align: top; -} -div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable > tbody > tr > td { - padding-left: 10px; - padding-right: 10px; -} -.t3-form-field-group-file tr:last-child td { - vertical-align: top; -} -.typo3-TCEforms td.icons { - padding: 0 2px 2px 2px; -} -.typo3-TCEforms td.thumbnails { - padding-top: 2px; -} -.typo3-TCEforms div.imagethumbs { - padding-top: 2px; - white-space: normal; - width: 253px; -} -.typo3-TCEforms div.imagethumbs br { - display: none; -} -.typo3-TCEforms div.imagethumbs .nobr { - background-color: #CCC; - display: inline-block; - width: 60px; - height: 60px; - overflow: hidden; - margin-right: 3px; - margin-bottom: 1px; - text-align: center; -} -.typo3-TCEforms div.imagethumbs .nobr a { - display: block; - width: 60px; - height: 60px; - line-height: 58px; - text-align: center; -} -.typo3-TCEforms div.imagethumbs .nobr a img { - display: inline; - margin-right: auto; - vertical-align: middle; - margin-left: auto; -} -.typo3-TCEforms div.imagethumbs .nobr span { - display: none; -} -.typo3-TCEforms span.filetypes { - font-size: 0.8em; - display: block; - margin-top: 6px; - white-space: normal; - width: 250px; -} -.t3-form-field-container { - display: block; -} -.typo3-TCEforms-palette .typo3-csh-link img { - padding-top: 3px; - vertical-align: top; -} -.typo3-TCEforms-palette select.select, -.t3-form-palette-field-container select.select { - margin: 4px 2px 4px 1px; -} -.t3-form-palette-field-container .t3-form-palette-field-label, -.t3-form-palette-field-container .t3-form-palette-field { - display: block; - position: relative; -} -.typo3-TCEforms .typo3-csh-link { - margin-left: 5px; -} -.t3-tceforms-fieldReadOnly { - background-color: #fefefe; - border: 1px solid #7c7c7c; - border-radius: 2px; - pointer-events: none; - cursor: default; - opacity: 0.5; - filter: alpha(opacity=@50); - box-shadow: none; - /** Lock icon in right corner */ - padding: 3px 30px 3px 6px; - margin: 0 0.5em 0.5em 0; - position: relative; -} -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms suggest -- - - - - - - - - - - - - - - - - - - - - */ -div.typo3-TCEforms-suggest-position-right { - margin-left: 10px; -} -div.typo3-TCEforms-suggest label { - margin-right: 5px; -} -div.typo3-TCEforms-suggest-indicator { - left: 230px; - position: relative; - top: -18px; -} -div.typo3-TCEforms-suggest-choices { - background-color: white; - border: 1px solid #888; - position: absolute; - width: 250px; - z-index: 4000; -} -div.typo3-TCEforms-suggest-choices ul { - margin: 0; - padding: 0; -} -div.typo3-TCEforms-suggest-choices li { - cursor: pointer; - background-color: #efeff4; - background-repeat: no-repeat; - background-position: 4px center; - list-style-type: none; - display: block; - margin: 0; - padding: 4px 2px 4px 24px; -} -div.typo3-TCEforms-suggest-choices li.suggest-noresults { - height: auto; -} -div.typo3-TCEforms-suggest-choices span.suggest-uid { - margin-left: 0.3em; -} -div.typo3-TCEforms-suggest-choices span.suggest-path { - font-size: 0.9em; - margin-top: 0.3em; -} -input.typo3-TCEforms-suggest-search { - width: 200px; - padding-left: 20px; - vertical-align: middle; -} -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Flexforms -- - - - - - - - - - - - - - - - - - - - - */ -.t3-form-field-label-flex { - border-top: 1px solid #c0c0c0; - padding: 5px; -} -.t3-form-field-flex { - padding: 0 5px 5px; -} -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Inline-Relational-Record-Editing -- - - - - - - - - - - - - - - - - - - - - */ -.t3-form-field-container-wrap { - margin: 6px 0px; -} -.t3-form-field-container-inline { - border: 1px solid #aaaaaa; - background-color: #f9f9f9; - margin: 2px 0px; -} -.t3-form-field-header-inline > span { - position: absolute; - left: 4px; - top: 15px; -} -.t3-form-field-header-inline-wrap:before, -.t3-form-field-header-inline-wrap:after { - content: " "; - display: table; -} -.t3-form-field-header-inline-wrap:after { - clear: both; -} -.t3-form-field-header-inline-wrap { - min-width: 300px; -} -.t3-form-field-header-inline-icon, -.t3-form-field-header-inline-thumbnail { - float: left; - margin-right: 5px; +.t3-form-field-header-inline-icon, +.t3-form-field-header-inline-thumbnail { + float: left; + margin-right: 5px; } .t3-form-field-header-inline-icon { width: 18px; @@ -10199,9 +9288,6 @@ TCEforms Inline-Relational-Record-Editing .sortableHandle { cursor: move; } -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Sections -- - - - - - - - - - - - - - - - - - - - - */ .t3-flex-section-header .t3-record-title { font-weight: bold; } @@ -10252,7 +9338,6 @@ TCEforms Sections white-space: nowrap; text-overflow: ellipsis; } -/* preview image in sys_file records */ img.t3-tceforms-sysfile-imagepreview { float: left; margin-right: 10px; @@ -10264,9 +9349,6 @@ img.t3-tceforms-sysfile-imagepreview { .typo3-TCEforms img[src*="clear.gif"] { z-index: 0; } -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms -- - - - - - - - - - - - - - - - - - - - - */ table#typo3-altdoc-header input, .c-inputButton { background: none; @@ -10348,9 +9430,6 @@ select option.c-divider { font-style: italic; text-transform: uppercase; } -/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -show text of default language under the translated input field - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .t3-form-original-language { background-color: #dadada; border: 1px solid #c0c0c0; @@ -10374,7 +9453,6 @@ a.t3-form-original-language-diffheader:hover { .t3-form-original-language-diffcontent { padding: 2px; } -/* Default. Always used on main-palettes in the bottom of the forms */ .typo3-TCEforms .typo3-TCEforms-checkboxArray td { padding-right: 5px; } @@ -10401,13 +9479,9 @@ div.typo3-TCEforms-suggest-choices span.suggest-path abbr { 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; } -/** no separate background for dyntabs in flexforms **/ .typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs, .typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs, .typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs, @@ -10416,7 +9490,6 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex { .typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs { background: transparent; } -/** tabs inside the table => flexforms */ .typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs, .typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs, .typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs, @@ -10425,9 +9498,6 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex { .typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs { border: 1px solid #c0c0c0; } -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Inline-Relational-Record-Editing -- - - - - - - - - - - - - - - - - - - - - */ .t3-form-field-header-inline:hover { background-color: #cccccc; } @@ -10455,9 +9525,6 @@ TCEforms Inline-Relational-Record-Editing .t3-form-field-header-inline td.t3-form-field-header-inline-summary dl dt { font-weight: bold; } -/* - - - - - - - - - - - - - - - - - - - - - -TCEforms Sections -- - - - - - - - - - - - - - - - - - - - - */ .typo3-TCEforms-flexForm .bgColor4, .typo3-TCEforms-flexForm .bgColor5 { background: none; @@ -10513,33 +9580,14 @@ TCEforms Sections .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; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Trees -- - - - - - - - - - - - - - - - - - - - - */ table#typo3-tree { margin: 10px 0 20px 10px; width: 95%; @@ -10572,9 +9620,6 @@ body#typo3-alt-db-navframe-php div.c-notice { padding: 5px 5px 5px 5px; width: 95%; } -/* - - - - - - - - - - - - - - - - - - - - - -Configuration trees, used in Admin Tools => Configuration -- - - - - - - - - - - - - - - - - - - - - */ table.t3-tree-config { background: #ececec; background-image: linear-gradient(center top, #ffffff 0px, #ececec 100px); @@ -10584,9 +9629,6 @@ table.t3-tree-config { table.t3-tree-config .t3-tree-config-header { text-align: left; } -/* - - - - - - - - - - - - - - - - - - - - - -AJAX Page Tree -- - - - - - - - - - - - - - - - - - - - - */ body#typo3-pagetree, body#typo3-alt-file-navframe-php { margin: 0; @@ -10655,8 +9697,6 @@ ul.tree ul li.active ul span a { ul #pages0_0 > ul { padding-left: 0; } -/* active tree items, we have to work against the border: 1px here, - otherwise tree elements would take too much space */ ul.tree li.active div.treeLinkItem { margin: -1px 0 -1px -1px; } @@ -10711,7 +9751,6 @@ ul.tree div.treeLinkItem span.dragIcon { #typo3-alt-file-navframe-php #typo3-docheader img { margin: 2px; } -/* Sprite icons for tree lines. Single lines need 6px padding. Can also be used directly inside .t3-table */ .t3-icon-treeline { display: block; float: left; @@ -10722,9 +9761,6 @@ ul.tree div.treeLinkItem span.dragIcon { white-space: nowrap; overflow: hidden; } -/* - - - - - - - - - - - - - - - - - - - - - -Tree -- - - - - - - - - - - - - - - - - - - - - */ body#typo3-pagetree, body#typo3-alt-file-navframe-php { background: #ebebeb; @@ -10749,9 +9785,6 @@ body#typo3-alt-file-navframe-php { table#typo3-tree tr:hover { background-color: #d7dbe2; } -/* - - - - - - - - - - - - - - - - - - - - - -AJAX Page Tree -- - - - - - - - - - - - - - - - - - - - - */ #dragIcon { filter: alpha(opacity=50); opacity: 0.5; @@ -10769,18 +9802,6 @@ AJAX Page Tree #tree-toolbar-filter-item.active { background-image: url("../../../../icons/gfx/toolbar_item_active_bg.png"); } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ .pagination .t3-icon { margin: 0; text-align: center; @@ -10789,19 +9810,6 @@ AJAX Page Tree display: inline-block; margin: -2px 0; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* Include Share webfont */ @font-face { font-family: 'Share'; src: url('../../Fonts/share-bold-webfont.eot'); @@ -10830,24 +9838,6 @@ AJAX Page Tree font-weight: bold; font-style: italic; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* 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. - */ #typo3-index-php { background: #ebebeb; min-width: 400px; @@ -10908,872 +9898,722 @@ AJAX Page Tree padding: 4px 20px; height: 41.2px; } -#typo3-index-php #t3-login-wrap .t3-login-body .form-group #t3-login-process { - background-color: #ff8600; - color: #fff; - cursor: wait; +#typo3-index-php #t3-login-wrap .t3-login-body .form-group #t3-login-process { + background-color: #ff8600; + color: #fff; + cursor: wait; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 10; + line-height: 41.2px; + text-align: center; +} +#typo3-index-php #t3-login-wrap .t3-login-body .form-group:last-child { + margin-bottom: 0; +} +#typo3-index-php #t3-login-wrap .t3-login-body a { + cursor: pointer; +} +#typo3-index-php #t3-login-wrap .t3-login-body a i { + margin-right: 6px; +} +#typo3-index-php #t3-login-wrap .t3-login-body a.switchToOpenId { + color: #a7a7a7; +} +#typo3-index-php #t3-login-wrap #t3-login-news { + background: #fff; + padding: 25px 40px; +} +#typo3-index-php #t3-login-wrap #t3-login-news h4 { + margin-top: 0; +} +#typo3-index-php #t3-login-wrap #t3-login-news dl { + margin-bottom: 0; +} +#typo3-index-php #t3-login-wrap #t3-login-news dl dt { + font-size: 17px; + font-weight: 500; +} +#typo3-index-php #t3-login-wrap #t3-login-news dl dt span { + color: #737373; + font-size: 11px; +} +#typo3-index-php #t3-login-copyright { + font-size: 11px; + color: #737373; + position: fixed; + bottom: 18px; + left: 18px; + right: 18px; +} +#typo3-index-php #t3-login-copyright a { + color: #4d4d4d; + text-decoration: underline; +} +#typo3-index-php #t3-login-copyright a:hover { + color: #000; +} +div.typo3-noDoc { + margin-left: 10px; + margin-top: 5px; + width: 740px; +} +div.typo3-noDoc h2 { + width: 740px; +} +div.typo3-fullDoc { + height: 100%; + width: 100%; +} +div#typo3-docbody { + bottom: 0; + overflow: auto; + position: absolute; + top: 49px; + width: 100%; + z-index: 2; +} +div#typo3-inner-docbody { + padding: 24px; + margin-top: 0; + transition: border 0.2s ease; +} +body#typo3-show-item-php { + padding: 12px 24px; +} +.shadow-box-bottom-424 { + height: 3px; + background-image: url('../../../../images/shadows/box-bottom-424.png'); + background-position: top center; + background-repeat: no-repeat; +} +.shadow-box-top-428 { + height: 4px; + background-image: url('../../../../images/shadows/box-top-428.png'); + background-position: bottom center; + background-repeat: no-repeat; +} +h1 { + font-family: Share, Verdana, Arial, Helvetica, sans-serif; + font-variant: normal; + font-weight: normal; + margin-top: 0; + margin-bottom: 22px; +} +h2 { + margin: 24px 0 12px 0; +} +h3 { + margin: 24px 0 12px 0; +} +ul, +ol, +blockquote { + margin-bottom: 9px; +} +ul, +ol { + padding-left: 3em; +} +pre { + margin: 0px; +} +div.hr { + height: 1px; +} +.divider { + padding-bottom: 12px; +} +li.divider { + padding: 0; +} +a span { + cursor: pointer; +} +video { + background-color: #000; +} +div.diff-r { + padding: 3px 3px 3px 3px; +} +div.diff-g { + padding: 3px 3px 3px 3px; +} +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; +} +tr:hover .t3-page-ce a, +tr:hover .x-tree a { + text-decoration: none; +} +a.t3-link { + text-decoration: underline; +} +hr, +div.hr { + background: none; + border: none; + height: 1px; +} +em { + font-style: italic; +} +.typo3-app-icon { + position: relative; + display: inline-block; + padding: 0px; + height: 32px; + width: 32px; + overflow: hidden; + border-radius: 2px; + background-color: #484848; +} +.typo3-app-icon > span { + display: table; + height: 100%; + width: 100%; +} +.typo3-app-icon > span > span { + display: table-cell; + text-align: center; + vertical-align: middle; +} +.typo3-app-icon img { + max-height: 32px; + max-width: 32px; +} +.typo3-app-icon .fa { + font-size: 21px; + vertical-align: middle; +} +.typo3-app-icon:after { position: absolute; + content: ''; + display: block; top: 0; + left: 0; right: 0; bottom: 0; - left: 0; - z-index: 10; - line-height: 41.2px; - text-align: center; + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 2px; } -#typo3-index-php #t3-login-wrap .t3-login-body .form-group:last-child { - margin-bottom: 0; +.section { + margin-bottom: 15px; } -#typo3-index-php #t3-login-wrap .t3-login-body a { - cursor: pointer; +.diff-r { + color: red; } -#typo3-index-php #t3-login-wrap .t3-login-body a i { - margin-right: 6px; +.diff-g { + color: green; } -#typo3-index-php #t3-login-wrap .t3-login-body a.switchToOpenId { - color: #a7a7a7; +div.diff-r { + background-color: red; + color: black; } -#typo3-index-php #t3-login-wrap #t3-login-news { - background: #fff; - padding: 25px 40px; +div.diff-g { + background-color: green; + color: black; } -#typo3-index-php #t3-login-wrap #t3-login-news h4 { - margin-top: 0; +.t3-overview-list dt { + font-weight: bold; } -#typo3-index-php #t3-login-wrap #t3-login-news dl { - margin-bottom: 0; +.c-na { + color: #666; + font-style: italic; } -#typo3-index-php #t3-login-wrap #t3-login-news dl dt { - font-size: 17px; - font-weight: 500; +.not-found a { + color: #cccccc; } -#typo3-index-php #t3-login-wrap #t3-login-news dl dt span { - color: #737373; - font-size: 11px; +table.warningbox { + border: solid 2px black; + background-color: yellow; + margin: 20px 0px 20px 0px; } -#typo3-index-php #t3-login-copyright { - font-size: 11px; - color: #737373; - position: fixed; - bottom: 18px; - left: 18px; - right: 18px; +table.warningbox td { + padding: 20px 20px 20px 20px; + font-weight: bold; } -#typo3-index-php #t3-login-copyright a { - color: #4d4d4d; +table.warningbox td a { text-decoration: underline; } -#typo3-index-php #t3-login-copyright a:hover { - color: #000; +div.warningbox { + border: solid 2px black; + background-color: yellow; + font-weight: bold; + margin: 10px 0px 10px 0px; + padding: 10px; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -body tags -- - - - - - - - - - - - - - - - - - - - - */ -/* - - - - - - - - - - - - - - - - - - - - - -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; +span.warningboxheader { + margin-left: 5px; } -div.typo3-noDoc h2 { - width: 740px; +.t3-btn { + cursor: pointer; } -div.typo3-fullDoc { - height: 100%; - width: 100%; +#typo3-docbody form { + margin-bottom: 1.25em; } -div#typo3-docbody { - bottom: 0; - overflow: auto; +textarea { + display: inline-block; + margin: 0 0.5em 0.5em 0; + padding: 3px 6px; + vertical-align: middle; +} +.form-group { + max-width: 440px; +} +textarea.fixed-font { + font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace; +} +.checkbox, +.checkbox:hover, +input[type="checkbox"] { + background: none; + border: none; + cursor: pointer; +} +.t3-form-field-group { + margin-bottom: 1.5em; +} +a.typo3-goBack img { + margin-right: 5px; + vertical-align: middle; +} +span.typo3-moduleHeader img { + margin-right: 4px; + vertical-align: middle; +} +a.typo3-goBack { + font-weight: bold; +} +.t3-clearable-wrapper { + position: relative; + display: inline-block; +} +.t3-clearable { + padding-right: 15px; +} +.t3-clearable-wrapper .t3-input-clearer { position: absolute; - top: 49px; - width: 100%; - z-index: 2; + right: 5px; + top: 5px; + z-index: 100; } -div#typo3-inner-docbody { - padding: 24px; - margin-top: 0; - transition: border 0.2s ease; +.t3-tceforms-input-wrapper-datetime .t3-clearable-wrapper .t3-input-clearer { + top: 10px; } -/* - - - - - - - - - - - - - - - - - - - - - -Information popup, show_item.php -- - - - - - - - - - - - - - - - - - - - - */ -body#typo3-show-item-php { - padding: 12px 24px; +body#typo3-backend-php { + margin: 0; + padding: 0; } -/* - - - - - - - - - - - - - - - - - - - - - -Decorations (shadows etc.) -- - - - - - - - - - - - - - - - - - - - - */ -.shadow-box-bottom-424 { - height: 3px; - background-image: url('../../../../images/shadows/box-bottom-424.png'); - background-position: top center; - background-repeat: no-repeat; +#typo3-main-container { + clear: both; } -.shadow-box-top-428 { - height: 4px; - background-image: url('../../../../images/shadows/box-top-428.png'); - background-position: bottom center; - background-repeat: no-repeat; +#typo3-top { + margin-left: 160px; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -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: 22px; +iframe { + width: 100%; } -h2 { - margin: 24px 0 12px 0; +#typo3-side-menu, +iframe { + height: 100%; + overflow: auto; } -h3 { - margin: 24px 0 12px 0; +[id="typo3-module-menu"] { + background: #222222; + color: #dddddd; } -ul, -ol, -blockquote { - margin-bottom: 9px; +[id="typo3-module-menu-xsplit"] { + z-index: 10; + width: 1px; + background-color: #2b2b2b; + -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5); + box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5); } -/* Lists */ -ul, -ol { - padding-left: 3em; +[id="typo3-module-menu-xsplit"]:hover { + -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9); + box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9); } -/* Preformatted text - not used so much in TYPO3 */ -pre { - margin: 0px; +[id="typo3-module-menu-xsplit"] .x-layout-mini-wrapper { + left: -7px; + width: 15px; } -/* horizontal ruler */ -div.hr { - height: 1px; +[id="typo3-menu"] { + padding-left: 0; + list-style: none; } -/** .uppercase is kept for backwards-compatibility, use .divider */ -.divider { - padding-bottom: 12px; +[id="typo3-menu"] .typo3-module-menu-group-container { + clear: both; + padding-left: 0; + list-style: none; + padding-right: 15px; +} +[id="typo3-menu"] .typo3-module-menu-group { + -webkit-transition: background-color 0.4s ease-in-out; + -o-transition: background-color 0.4s ease-in-out; + transition: background-color 0.4s ease-in-out; + position: relative; + color: #dddddd; + background-color: #222222; + border-top: 1px solid #2b2b2b; + border-bottom: 1px solid #111111; + padding: 5px 0; } -li.divider { - padding: 0; +[id="typo3-menu"] .typo3-module-menu-group.expanded { + background-color: #222222; } -a span { +[id="typo3-menu"] .typo3-module-menu-group-header { + position: relative; cursor: pointer; + display: block; + padding: 4px 9px; + text-transform: uppercase; } -video { - background-color: #000; +[id="typo3-menu"] .typo3-module-menu-group-header:before, +[id="typo3-menu"] .typo3-module-menu-group-header:after { + content: " "; + display: table; } -/* - - - - - - - - - - - - - - - - - - - - - -Various classes -- - - - - - - - - - - - - - - - - - - - - */ -div.diff-r { - padding: 3px 3px 3px 3px; +[id="typo3-menu"] .typo3-module-menu-group-header:after { + clear: both; } -div.diff-g { - padding: 3px 3px 3px 3px; +[id="typo3-menu"] .typo3-module-menu-group-header:before, +[id="typo3-menu"] .typo3-module-menu-group-header:after { + content: " "; + display: table; } -img.absmiddle { - vertical-align: middle; +[id="typo3-menu"] .typo3-module-menu-group-header:after { + clear: both; } -.smallCheckboxes { - height: 12px; - margin: 0px; - width: 12px; +[id="typo3-menu"] .typo3-module-menu-item { + margin: 1px 0; } -.alignToInputText, -.alignToInputText:hover { - margin-top: 5px; - margin-right: 2px; - vertical-align: top; +[id="typo3-menu"] .typo3-module-menu-item-link { + position: relative; + cursor: pointer; + display: block; + padding: 4px 9px; + color: #666666; + border-radius: 0 2px 2px 0; + text-decoration: none; } -.nowrap { - white-space: nowrap; +[id="typo3-menu"] .typo3-module-menu-item-link:before, +[id="typo3-menu"] .typo3-module-menu-item-link:after { + content: " "; + display: table; } -/* - - - - - - - - - - - - - - - - - - - - - -TYPO3 styles for basic elements -- - - - - - - - - - - - - - - - - - - - - */ -tr:hover .t3-page-ce a, -tr:hover .x-tree a { - text-decoration: none; +[id="typo3-menu"] .typo3-module-menu-item-link:after { + clear: both; } -a.t3-link { - text-decoration: underline; +[id="typo3-menu"] .typo3-module-menu-item-link:before, +[id="typo3-menu"] .typo3-module-menu-item-link:after { + content: " "; + display: table; } -/* horizontal ruler */ -hr, -div.hr { - background: none; - border: none; - height: 1px; +[id="typo3-menu"] .typo3-module-menu-item-link:after { + clear: both; } -em { - font-style: italic; +[id="typo3-menu"] .typo3-module-menu-item-link:focus, +[id="typo3-menu"] .typo3-module-menu-item-link:hover { + outline: none; + color: #dddddd; + background-color: #2a2a2a; } -/* - - - - - - - - - - - - - - - - - - - - - -Various classes -- - - - - - - - - - - - - - - - - - - - - */ -.typo3-app-icon { - position: relative; - display: inline-block; - padding: 0px; - height: 32px; - width: 32px; - overflow: hidden; - border-radius: 2px; +[id="typo3-menu"] .typo3-module-menu-item.active .typo3-module-menu-item-link { + color: #ffffff; background-color: #484848; } -.typo3-app-icon > span { - display: table; - height: 100%; - width: 100%; -} -.typo3-app-icon > span > span { - display: table-cell; - text-align: center; - vertical-align: middle; +[id="typo3-menu"] .typo3-module-menu-group-icon, +[id="typo3-menu"] .typo3-module-menu-item-icon { + float: left; + margin-right: 10px; } -.typo3-app-icon img { - max-height: 32px; - max-width: 32px; +[id="typo3-menu"] .typo3-module-menu-group-icon { + background-color: transparent; } -.typo3-app-icon .fa { - font-size: 21px; - vertical-align: middle; +[id="typo3-menu"] .typo3-module-menu-group-icon:after { + display: none; } -.typo3-app-icon:after { - position: absolute; - content: ''; +[id="typo3-menu"] .typo3-module-menu-group-title, +[id="typo3-menu"] .typo3-module-menu-item-title { + white-space: nowrap; + text-overflow: ellipsis; + padding-top: 7px; display: block; - top: 0; - left: 0; - right: 0; - bottom: 0; - border: 1px solid rgba(255, 255, 255, 0.1); - border-radius: 2px; + overflow: hidden; + *zoom: 1; } -.section { - margin-bottom: 15px; +[id="typo3-menu"] .typo3-module-menu-group-title { + padding-right: 20px; } -.diff-r { - color: red; +[id="typo3-menu"] .typo3-module-menu-group-title .caret { + -webkit-transition: all 0.25s ease-in-out; + -o-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + position: absolute; + top: 17px; + right: 18px; } -.diff-g { - color: green; +[id="typo3-menu"] .expanded .typo3-module-menu-group-title .caret { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } -div.diff-r { - background-color: red; - color: black; +.typo3-module-menu-snapped .typo3-module-menu-group-container { + padding-right: 0; } -div.diff-g { - background-color: green; - color: black; +.typo3-module-menu-snapped .typo3-module-menu-item-link { + border-radius: 0; } -/** used in the admin tools => DB check **/ -.t3-overview-list dt { - font-weight: bold; +.typo3-module-menu-snapped .typo3-module-menu-group-title, +.typo3-module-menu-snapped .typo3-module-menu-item-title { + display: none; } -/* - - - - - - - - - - - - - - - - - - - - - -Dimmed span tag color (disabled) -- - - - - - - - - - - - - - - - - - - - - */ -.c-na { - color: #666; - font-style: italic; +[id="typo3-topbar"], +[id="typo3-topbar"] .x-panel-body { + min-width: 1000px; } -.not-found a { - color: #cccccc; +[id="typo3-topbar"] { + height: 45px; + position: relative; + background-color: #111111; + color: #dddddd; } -/* - - - - - - - - - - - - - - - - - - - - - -Red span tag color (warning, notice) -- - - - - - - - - - - - - - - - - - - - - */ -table.warningbox { - border: solid 2px black; - background-color: yellow; - margin: 20px 0px 20px 0px; +[id="typo3-topbar"] .x-panel-bwrap, +[id="typo3-topbar"] .x-panel-body { + overflow: visible; } -table.warningbox td { - padding: 20px 20px 20px 20px; - font-weight: bold; +.typo3-in-workspace [id="typo3-topbar"] { + background-color: #6d860d; } -table.warningbox td a { - text-decoration: underline; +.typo3-in-workspace [id="typo3-topbar"] .typo3-topbar-site-name { + color: #fff; } -div.warningbox { - border: solid 2px black; - background-color: yellow; - font-weight: bold; - margin: 10px 0px 10px 0px; - padding: 10px; +.typo3-topbar-container { + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; + -o-user-select: none; + user-select: none; + height: 45px; + position: relative; } -span.warningboxheader { - margin-left: 5px; +.typo3-topbar-site { + display: table; + padding: 0; + height: 45px; + float: left; } -/* all buttons have the "click" mouse cursor */ -.t3-btn { - cursor: pointer; +.typo3-topbar-site-logo, +.typo3-topbar-site-name { + display: table-cell; + vertical-align: middle; + text-align: center; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Form -- - - - - - - - - - - - - - - - - - - - - */ -#typo3-docbody form { - margin-bottom: 1.25em; +.typo3-topbar-site-logo { + background-color: #111111; + width: 51px; + -webkit-box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15); + box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15); } -textarea, -button { - display: inline-block; - margin: 0 0.5em 0.5em 0; - padding: 3px 6px; - vertical-align: middle; +.typo3-topbar-site-logo:hover { + background-color: #333333; } -/* - - - - - - - - - - - - - - - - - - - - - -Form -- - - - - - - - - - - - - - - - - - - - - */ -/* Limit form width globally */ -.form-group { - max-width: 440px; +.typo3-topbar-site-logo > img { + max-width: 50px; + max-height: 50px; } -input, -textarea, -button { - background-color: #fefefe; - border: 1px solid #7c7c7c; - border-radius: 2px; +.typo3-topbar-site-name { + cursor: default; + padding: 0 15px; } -input:focus, -textarea:focus, -button:focus { - border-color: #32a0ff; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 6px rgba(50, 160, 255, 0.6); - outline: 0; +.typo3-topbar-navigation { + color: #dddddd; + background-color: #222222; + float: right; } -textarea.fixed-font { - font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace; +.typo3-topbar-navigation .shortcut { + min-width: 180px; } -.checkbox, -.checkbox:hover, -input[type="checkbox"] { - background: none; - border: none; - cursor: pointer; +.typo3-topbar-navigation .shortcut-form { + padding: 16px; + margin: 4px -16px; + border-top: 1px solid #373737; + background-color: #2b2b2b; + border-bottom: 1px solid #111111; } -/* - - - - - - - - - - - - - - - - - - - - - -Buttons -- - - - - - - - - - - - - - - - - - - - - */ -/* Deprecated HTML5 definitions */ -.t3-button, -button, -input[type=submit], -input[type=button], -input[type=reset] { - display: inline-block; +.typo3-topbar-navigation-items { + height: 45px; margin-bottom: 0; - font-weight: normal; - text-align: center; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - background-image: none; - border: 1px solid transparent; - white-space: nowrap; - padding: 6px 6px; - font-size: 12px; - line-height: 1.5; - border-radius: 2px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - color: #ffffff; - background-color: #828282; - border-color: #757575; -} -.t3-button:focus, -button:focus, -input[type=submit]:focus, -input[type=button]:focus, -input[type=reset]:focus, -.t3-button:active:focus, -button:active:focus, -input[type=submit]:active:focus, -input[type=button]:active:focus, -input[type=reset]:active:focus, -.t3-button.active:focus, -button.active:focus, -input[type=submit].active:focus, -input[type=button].active:focus, -input[type=reset].active:focus, -.t3-button.focus, -button.focus, -input[type=submit].focus, -input[type=button].focus, -input[type=reset].focus, -.t3-button:active.focus, -button:active.focus, -input[type=submit]:active.focus, -input[type=button]:active.focus, -input[type=reset]:active.focus, -.t3-button.active.focus, -button.active.focus, -input[type=submit].active.focus, -input[type=button].active.focus, -input[type=reset].active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; + padding-left: 0; + list-style: none; + float: left; } -.t3-button:hover, -button:hover, -input[type=submit]:hover, -input[type=button]:hover, -input[type=reset]:hover, -.t3-button:focus, -button:focus, -input[type=submit]:focus, -input[type=button]:focus, -input[type=reset]:focus, -.t3-button.focus, -button.focus, -input[type=submit].focus, -input[type=button].focus, -input[type=reset].focus { - color: #ffffff; +.typo3-topbar-navigation-items a { + color: #dddddd; text-decoration: none; } -.t3-button:active, -button:active, -input[type=submit]:active, -input[type=button]:active, -input[type=reset]:active, -.t3-button.active, -button.active, -input[type=submit].active, -input[type=button].active, -input[type=reset].active { - outline: 0; - background-image: none; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +.typo3-topbar-navigation-items > li { + float: left; + height: 45px; } -.t3-button.disabled, -button.disabled, -input[type=submit].disabled, -input[type=button].disabled, -input[type=reset].disabled, -.t3-button[disabled], -button[disabled], -input[type=submit][disabled], -input[type=button][disabled], -input[type=reset][disabled], -fieldset[disabled] .t3-button, -fieldset[disabled] button, -fieldset[disabled] input[type=submit], -fieldset[disabled] input[type=button], -fieldset[disabled] input[type=reset] { - cursor: not-allowed; - pointer-events: none; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; +.typo3-topbar-navigation-items > li > a { + position: relative; + display: block; + padding: 13.5px 10px; + border-left: 1px solid #2b2b2b; + border-right: 1px solid #111111; } -.t3-button:hover, -button:hover, -input[type=submit]:hover, -input[type=button]:hover, -input[type=reset]:hover, -.t3-button:focus, -button:focus, -input[type=submit]:focus, -input[type=button]:focus, -input[type=reset]:focus, -.t3-button.focus, -button.focus, -input[type=submit].focus, -input[type=button].focus, -input[type=reset].focus, -.t3-button:active, -button:active, -input[type=submit]:active, -input[type=button]:active, -input[type=reset]:active, -.t3-button.active, -button.active, -input[type=submit].active, -input[type=button].active, -input[type=reset].active, -.open > .dropdown-toggle.t3-button, -.open > .dropdown-togglebutton, -.open > .dropdown-toggleinput[type=submit], -.open > .dropdown-toggleinput[type=button], -.open > .dropdown-toggleinput[type=reset] { +.typo3-topbar-navigation-items > li > a:hover, +.typo3-topbar-navigation-items > li > a:focus, +.typo3-topbar-navigation-items > li > a:active { color: #ffffff; - background-color: #696969; - border-color: #575757; -} -.t3-button:active, -button:active, -input[type=submit]:active, -input[type=button]:active, -input[type=reset]:active, -.t3-button.active, -button.active, -input[type=submit].active, -input[type=button].active, -input[type=reset].active, -.open > .dropdown-toggle.t3-button, -.open > .dropdown-togglebutton, -.open > .dropdown-toggleinput[type=submit], -.open > .dropdown-toggleinput[type=button], -.open > .dropdown-toggleinput[type=reset] { - background-image: none; -} -.t3-button.disabled, -button.disabled, -input[type=submit].disabled, -input[type=button].disabled, -input[type=reset].disabled, -.t3-button[disabled], -button[disabled], -input[type=submit][disabled], -input[type=button][disabled], -input[type=reset][disabled], -fieldset[disabled] .t3-button, -fieldset[disabled] button, -fieldset[disabled] input[type=submit], -fieldset[disabled] input[type=button], -fieldset[disabled] input[type=reset], -.t3-button.disabled:hover, -button.disabled:hover, -input[type=submit].disabled:hover, -input[type=button].disabled:hover, -input[type=reset].disabled:hover, -.t3-button[disabled]:hover, -button[disabled]:hover, -input[type=submit][disabled]:hover, -input[type=button][disabled]:hover, -input[type=reset][disabled]:hover, -fieldset[disabled] .t3-button:hover, -fieldset[disabled] button:hover, -fieldset[disabled] input[type=submit]:hover, -fieldset[disabled] input[type=button]:hover, -fieldset[disabled] input[type=reset]:hover, -.t3-button.disabled:focus, -button.disabled:focus, -input[type=submit].disabled:focus, -input[type=button].disabled:focus, -input[type=reset].disabled:focus, -.t3-button[disabled]:focus, -button[disabled]:focus, -input[type=submit][disabled]:focus, -input[type=button][disabled]:focus, -input[type=reset][disabled]:focus, -fieldset[disabled] .t3-button:focus, -fieldset[disabled] button:focus, -fieldset[disabled] input[type=submit]:focus, -fieldset[disabled] input[type=button]:focus, -fieldset[disabled] input[type=reset]:focus, -.t3-button.disabled.focus, -button.disabled.focus, -input[type=submit].disabled.focus, -input[type=button].disabled.focus, -input[type=reset].disabled.focus, -.t3-button[disabled].focus, -button[disabled].focus, -input[type=submit][disabled].focus, -input[type=button][disabled].focus, -input[type=reset][disabled].focus, -fieldset[disabled] .t3-button.focus, -fieldset[disabled] button.focus, -fieldset[disabled] input[type=submit].focus, -fieldset[disabled] input[type=button].focus, -fieldset[disabled] input[type=reset].focus, -.t3-button.disabled:active, -button.disabled:active, -input[type=submit].disabled:active, -input[type=button].disabled:active, -input[type=reset].disabled:active, -.t3-button[disabled]:active, -button[disabled]:active, -input[type=submit][disabled]:active, -input[type=button][disabled]:active, -input[type=reset][disabled]:active, -fieldset[disabled] .t3-button:active, -fieldset[disabled] button:active, -fieldset[disabled] input[type=submit]:active, -fieldset[disabled] input[type=button]:active, -fieldset[disabled] input[type=reset]:active, -.t3-button.disabled.active, -button.disabled.active, -input[type=submit].disabled.active, -input[type=button].disabled.active, -input[type=reset].disabled.active, -.t3-button[disabled].active, -button[disabled].active, -input[type=submit][disabled].active, -input[type=button][disabled].active, -input[type=reset][disabled].active, -fieldset[disabled] .t3-button.active, -fieldset[disabled] button.active, -fieldset[disabled] input[type=submit].active, -fieldset[disabled] input[type=button].active, -fieldset[disabled] input[type=reset].active { - background-color: #828282; - border-color: #757575; -} -.t3-button .badge, -button .badge, -input[type=submit] .badge, -input[type=button] .badge, -input[type=reset] .badge { - color: #828282; - background-color: #ffffff; + background-color: #333333; + border-left-color: #3b3b3b; } -/* - - - - - - - - - - - - - - - - - - - - - -Groups -- - - - - - - - - - - - - - - - - - - - - */ -.t3-form-field-group { - margin-bottom: 1.5em; +.typo3-topbar-navigation-items > li.open > a { + color: #ffffff; + background-color: #484848; + border-left-color: #505050; } -/* - - - - - - - - - - - - - - - - - - - - - -Go back A-tags -- - - - - - - - - - - - - - - - - - - - - */ -a.typo3-goBack img { - margin-right: 5px; - vertical-align: middle; +.typo3-topbar-navigation-items .dropdown { + min-width: 45px; + text-align: center; } -span.typo3-moduleHeader img { - margin-right: 4px; +.typo3-topbar-navigation-items .dropdown > a > .fa { + font-size: 16px; + margin: 0; + display: inline-block; + position: relative; vertical-align: middle; + width: auto; + height: auto; } -a.typo3-goBack { - font-weight: bold; -} -/* - - - - - - - - - - - - - - - - - - - - - - Styles for the "clearable" jquery plugin. -- - - - - - - - - - - - - - - - - - - - - */ -.t3-clearable-wrapper { +.typo3-topbar-navigation-items .dropdown-toggle { position: relative; - display: inline-block; -} -.t3-clearable { - padding-right: 15px; } -.t3-clearable-wrapper .t3-input-clearer { +.typo3-topbar-navigation-items .dropdown-toggle .badge { + display: none; + font-size: 10px; + min-width: 15px; + height: 15px; position: absolute; + padding: 0; + border-radius: 2px; + line-height: 15px; + bottom: 5px; right: 5px; - top: 5px; - z-index: 100; -} -.t3-tceforms-input-wrapper-datetime .t3-clearable-wrapper .t3-input-clearer { - top: 10px; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -TYPO3 backend scaffolding -- - - - - - - - - - - - - - - - - - - - - */ -body#typo3-backend-php { +.typo3-topbar-navigation-items .dropdown-menu { + left: auto; + right: 0; margin: 0; - padding: 0; -} -#typo3-main-container { - clear: both; -} -#typo3-top { - margin-left: 160px; -} -iframe { - width: 100%; -} -#typo3-side-menu, -iframe { - height: 100%; - overflow: auto; -} -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Module menu -- - - - - - - - - - - - - - - - - - - - - */ -[id="typo3-module-menu"] { - background: #222222; + padding: 8px 16px; color: #dddddd; + background-color: #222222; + border-color: #111111; + border-top: 1px solid #444444; + border-left: 0; + border-right: 0; + border-radius: 0 0 2px 2px; + -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); + box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); } -[id="typo3-module-menu-xsplit"] { - z-index: 10; - width: 1px; - background-color: #2b2b2b; - -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5); - box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5); -} -[id="typo3-module-menu-xsplit"]:hover { - -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9); - box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9); -} -[id="typo3-module-menu-xsplit"] .x-layout-mini-wrapper { - left: -7px; - width: 15px; +.typo3-topbar-navigation-items .dropdown-menu a { + color: #dddddd; + white-space: nowrap; } -[id="typo3-menu"] { - padding-left: 0; - list-style: none; +.typo3-topbar-navigation-items .dropdown-menu > *:last-child { + margin-bottom: 0; } -[id="typo3-menu"] .typo3-module-menu-group-container { - clear: both; +.typo3-topbar-navigation-items .dropdown-list { padding-left: 0; list-style: none; - padding-right: 15px; -} -[id="typo3-menu"] .typo3-module-menu-group { - -webkit-transition: background-color 0.4s ease-in-out; - -o-transition: background-color 0.4s ease-in-out; - transition: background-color 0.4s ease-in-out; - position: relative; - color: #dddddd; - background-color: #222222; - border-top: 1px solid #2b2b2b; - border-bottom: 1px solid #111111; - padding: 5px 0; -} -[id="typo3-menu"] .typo3-module-menu-group.expanded { - background-color: #222222; } -[id="typo3-menu"] .typo3-module-menu-group-header { +.typo3-topbar-navigation-items .dropdown-list > li { position: relative; - cursor: pointer; - display: block; - padding: 4px 9px; - text-transform: uppercase; } -[id="typo3-menu"] .typo3-module-menu-group-header:before, -[id="typo3-menu"] .typo3-module-menu-group-header:after { +.typo3-topbar-navigation-items .dropdown-list > li:before, +.typo3-topbar-navigation-items .dropdown-list > li:after { content: " "; display: table; } -[id="typo3-menu"] .typo3-module-menu-group-header:after { +.typo3-topbar-navigation-items .dropdown-list > li:after { clear: both; } -[id="typo3-menu"] .typo3-module-menu-group-header:before, -[id="typo3-menu"] .typo3-module-menu-group-header:after { +.typo3-topbar-navigation-items .dropdown-list > li:before, +.typo3-topbar-navigation-items .dropdown-list > li:after { content: " "; display: table; } -[id="typo3-menu"] .typo3-module-menu-group-header:after { +.typo3-topbar-navigation-items .dropdown-list > li:after { clear: both; } -[id="typo3-menu"] .typo3-module-menu-item { - margin: 1px 0; +.typo3-topbar-navigation-items .dropdown-list > li.active .dropdown-list-link { + background-color: #484848; + color: #ffffff; +} +.typo3-topbar-navigation-items .dropdown-list > li + li { + margin-top: 1px; +} +.typo3-topbar-navigation-items .dropdown-list > li.divider + li { + margin-top: 0; +} +.typo3-topbar-navigation-items .dropdown-list .divider { + border-top: 1px solid #111111; + background-color: #2b2b2b; + margin: 8px 0; + padding: 0; + padding-top: 1px; + margin-left: -16px; + margin-right: -16px; } -[id="typo3-menu"] .typo3-module-menu-item-link { - position: relative; - cursor: pointer; - display: block; - padding: 4px 9px; - color: #666666; - border-radius: 0 2px 2px 0; - text-decoration: none; +.typo3-topbar-navigation-items .dropdown-list .modlink { + width: 210px; } -[id="typo3-menu"] .typo3-module-menu-item-link:before, -[id="typo3-menu"] .typo3-module-menu-item-link:after { +.typo3-topbar-navigation-items .dropdown-list .modlink:before, +.typo3-topbar-navigation-items .dropdown-list .modlink:after { content: " "; display: table; } -[id="typo3-menu"] .typo3-module-menu-item-link:after { +.typo3-topbar-navigation-items .dropdown-list .modlink:after { clear: both; } -[id="typo3-menu"] .typo3-module-menu-item-link:before, -[id="typo3-menu"] .typo3-module-menu-item-link:after { +.typo3-topbar-navigation-items .dropdown-list .modlink:before, +.typo3-topbar-navigation-items .dropdown-list .modlink:after { content: " "; display: table; } -[id="typo3-menu"] .typo3-module-menu-item-link:after { +.typo3-topbar-navigation-items .dropdown-list .modlink:after { clear: both; } -[id="typo3-menu"] .typo3-module-menu-item-link:focus, -[id="typo3-menu"] .typo3-module-menu-item-link:hover { - outline: none; - color: #dddddd; - background-color: #2a2a2a; -} -[id="typo3-menu"] .typo3-module-menu-item.active .typo3-module-menu-item-link { - color: #ffffff; - background-color: #484848; -} -[id="typo3-menu"] .typo3-module-menu-group-icon, -[id="typo3-menu"] .typo3-module-menu-item-icon { +.typo3-topbar-navigation-items .dropdown-list .modlink .submodule-icon { float: left; margin-right: 10px; } -[id="typo3-menu"] .typo3-module-menu-group-icon { - background-color: transparent; -} -[id="typo3-menu"] .typo3-module-menu-group-icon:after { - display: none; -} -[id="typo3-menu"] .typo3-module-menu-group-title, -[id="typo3-menu"] .typo3-module-menu-item-title { +.typo3-topbar-navigation-items .dropdown-list .modlink .submodule-label { white-space: nowrap; text-overflow: ellipsis; padding-top: 7px; @@ -11781,113 +10621,189 @@ Module menu overflow: hidden; *zoom: 1; } -[id="typo3-menu"] .typo3-module-menu-group-title { - padding-right: 20px; +.typo3-topbar-navigation-items .dropdown-list .dropdown-header { + font-size: 1em; + margin-left: -16px; + margin-right: -16px; + padding: 8px 16px; } -[id="typo3-menu"] .typo3-module-menu-group-title .caret { - -webkit-transition: all 0.25s ease-in-out; - -o-transition: all 0.25s ease-in-out; - transition: all 0.25s ease-in-out; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); +.typo3-topbar-navigation-items .dropdown-list-link { + max-width: 300px; + overflow: hidden; + text-overflow: ellipsis; + display: block; + text-decoration: none; + cursor: pointer; + white-space: nowrap; + color: #dddddd; + margin-left: -16px; + margin-right: -16px; + padding: 4px 16px; +} +.typo3-topbar-navigation-items .dropdown-list-link:hover { + color: #ffffff; + background-color: #333333; +} +.typo3-topbar-navigation-items .dropdown-list-link-edit, +.typo3-topbar-navigation-items .dropdown-list-link-delete, +.typo3-topbar-navigation-items .dropdown-list-link-close { + display: table; position: absolute; - top: 17px; - right: 18px; + top: 0; + bottom: 0; + right: -8px; + padding: 0; + text-align: center; + width: 26px; + height: 26px; } -[id="typo3-menu"] .expanded .typo3-module-menu-group-title .caret { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); +.typo3-topbar-navigation-items .dropdown-list-link-edit .t3-icon, +.typo3-topbar-navigation-items .dropdown-list-link-delete .t3-icon, +.typo3-topbar-navigation-items .dropdown-list-link-close .t3-icon { + display: table-cell; + margin: 0; + height: auto; + width: auto; } -.typo3-module-menu-snapped .typo3-module-menu-group-container { - padding-right: 0; +.typo3-topbar-navigation-items .dropdown-list-link-edit:hover, +.typo3-topbar-navigation-items .dropdown-list-link-delete:hover, +.typo3-topbar-navigation-items .dropdown-list-link-close:hover { + color: #ffffff; + background-color: #333333; } -.typo3-module-menu-snapped .typo3-module-menu-item-link { - border-radius: 0; +.typo3-topbar-navigation-items .dropdown-list-link-edit { + right: 18px; } -.typo3-module-menu-snapped .typo3-module-menu-group-title, -.typo3-module-menu-snapped .typo3-module-menu-item-title { - display: none; +.typo3-topbar-navigation-items .dropdown-list-link-delete:hover, +.typo3-topbar-navigation-items .dropdown-list-link-close:hover { + color: #ffffff; + background-color: #c83c3c; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -[id="typo3-topbar"], -[id="typo3-topbar"] .x-panel-body { - min-width: 1000px; +.typo3-topbar-navigation-items .dropdown-link-list-add-close { + padding-right: 50px; } -[id="typo3-topbar"] { - height: 45px; +.typo3-topbar-navigation-items .dropdown-link-list-add-editdelete { + padding-right: 85px; +} +.typo3-topbar-navigation-items .topbar-workspaces-title { + margin-left: 3px; +} +.typo3-topbar-navigation-search { position: relative; - background-color: #111111; + padding: 0; + margin: 0; +} +.typo3-topbar-navigation-search .form-group:before { + content: "\f002"; + font: normal normal normal 14px/1 FontAwesome; + position: absolute; + top: 50%; + left: 15px; + margin-top: -8px; + z-index: 1; +} +.typo3-topbar-navigation-search .form-control { + box-sizing: content-box; + background-color: #222222; color: #dddddd; + height: 18px; + padding-left: 35px; + padding-right: 30px; + padding-top: 14px; + padding-bottom: 13px; + border: none; + border-left: 1px solid #2b2b2b; + border-radius: 0; } -[id="typo3-topbar"] .x-panel-bwrap, -[id="typo3-topbar"] .x-panel-body { - overflow: visible; +.typo3-topbar-navigation-search .form-control:hover { + border-left-color: #373737; + background-color: #333333; } -.typo3-in-workspace [id="typo3-topbar"] { - background-color: #6d860d; +.typo3-topbar-navigation-search .form-control:focus { + outline: none; + border-left-color: #373737; + background-color: #484848; + -webkit-box-shadow: none; + box-shadow: none; } -.typo3-in-workspace [id="typo3-topbar"] .typo3-topbar-site-name { - color: #fff; +.typo3-topbar-navigation-search .form-control + .t3-icon { + text-align: center; + position: absolute; + top: 50%; + right: 15px; + margin-right: 0; + margin-top: -8px; } -.typo3-topbar-container { - -moz-user-select: -moz-none; - -khtml-user-select: none; - -webkit-user-select: none; - -o-user-select: none; - user-select: none; - height: 45px; - position: relative; +.live-search-list { + left: auto; + right: 0; + margin: 0; + padding: 8px 16px; + color: #dddddd; + background-color: #222222; + border-color: #111111; + border-top: 1px solid #444444; + border-left: 0; + border-right: 0; + border-radius: 0 0 2px 2px; + -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); + box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); + right: auto; + padding: 0; } -.typo3-topbar-site { - display: table; +.live-search-list a { + color: #dddddd; + white-space: nowrap; +} +.live-search-list > *:last-child { + margin-bottom: 0; +} +.live-search-list .x-toolbar { padding: 0; - height: 45px; - float: left; + border: none; + background: transparent; } -.typo3-topbar-site-logo, -.typo3-topbar-site-name { - display: table-cell; - vertical-align: middle; - text-align: center; +.live-search-list .x-combo-list-hd, +.live-search-list .x-combo-list-inner, +.live-search-list .x-combo-list-ft { + border: none; + background: transparent; + color: #dddddd; +} +.live-search-list .x-combo-list-hd, +.live-search-list .x-combo-list-inner, +.live-search-list .x-combo-list-ft { + padding: 16px; } -.typo3-topbar-site-logo { - background-color: #111111; - width: 51px; - -webkit-box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15); - box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15); +.live-search-list .x-combo-list-hd { + background-color: #2a2a2a; + border-top: 0; + border-bottom: 1px solid #111111; } -.typo3-topbar-site-logo:hover { - background-color: #333333; +.live-search-list .x-combo-list-ft { + padding-top: 0; + border-bottom: 0; } -.typo3-topbar-site-logo > img { - max-width: 50px; - max-height: 50px; +.live-search-list .x-combo-list-inner { + padding-right: 0; + border-top: 1px solid #2b2b2b; } -.typo3-topbar-site-name { - cursor: default; - padding: 0 15px; +.live-search-list .x-btn { + background: none; + border: none; + color: inherit; } -.typo3-topbar-navigation { - color: #dddddd; - background-color: #222222; - float: right; +.live-search-list .x-btn .x-btn-tl, +.live-search-list .x-btn .x-btn-tc, +.live-search-list .x-btn .x-btn-tr, +.live-search-list .x-btn .x-btn-ml, +.live-search-list .x-btn .x-btn-mr, +.live-search-list .x-btn .x-btn-bl, +.live-search-list .x-btn .x-btn-bc, +.live-search-list .x-btn .x-btn-br { + display: none; } -.typo3-topbar-navigation .btn { +.live-search-list .x-btn button { display: inline-block; margin-bottom: 0; font-weight: normal; @@ -11900,39 +10816,45 @@ Module menu white-space: nowrap; padding: 6px 6px; font-size: 12px; - line-height: 1.5; - border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + padding: 4px 4px; + font-size: 11px; + line-height: 1.5; + border-radius: 2px; + color: #333333; + background-color: #eeeeee; + border-color: #cccccc; + height: auto!important; } -.typo3-topbar-navigation .btn:focus, -.typo3-topbar-navigation .btn:active:focus, -.typo3-topbar-navigation .btn.active:focus, -.typo3-topbar-navigation .btn.focus, -.typo3-topbar-navigation .btn:active.focus, -.typo3-topbar-navigation .btn.active.focus { +.live-search-list .x-btn button:focus, +.live-search-list .x-btn button:active:focus, +.live-search-list .x-btn button.active:focus, +.live-search-list .x-btn button.focus, +.live-search-list .x-btn button:active.focus, +.live-search-list .x-btn button.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.typo3-topbar-navigation .btn:hover, -.typo3-topbar-navigation .btn:focus, -.typo3-topbar-navigation .btn.focus { - color: #ffffff; +.live-search-list .x-btn button:hover, +.live-search-list .x-btn button:focus, +.live-search-list .x-btn button.focus { + color: #333333; text-decoration: none; } -.typo3-topbar-navigation .btn:active, -.typo3-topbar-navigation .btn.active { +.live-search-list .x-btn button:active, +.live-search-list .x-btn button.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } -.typo3-topbar-navigation .btn.disabled, -.typo3-topbar-navigation .btn[disabled], -fieldset[disabled] .typo3-topbar-navigation .btn { +.live-search-list .x-btn button.disabled, +.live-search-list .x-btn button[disabled], +fieldset[disabled] .live-search-list .x-btn button { cursor: not-allowed; pointer-events: none; opacity: 0.65; @@ -11940,738 +10862,596 @@ fieldset[disabled] .typo3-topbar-navigation .btn { -webkit-box-shadow: none; box-shadow: none; } -.typo3-topbar-navigation .btn.btn-default { - color: #ffffff; - background-color: #828282; - border-color: #757575; -} -.typo3-topbar-navigation .btn.btn-default:hover, -.typo3-topbar-navigation .btn.btn-default:focus, -.typo3-topbar-navigation .btn.btn-default.focus, -.typo3-topbar-navigation .btn.btn-default:active, -.typo3-topbar-navigation .btn.btn-default.active, -.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-default { - color: #ffffff; - background-color: #696969; - border-color: #575757; +.live-search-list .x-btn button:hover, +.live-search-list .x-btn button:focus, +.live-search-list .x-btn button.focus, +.live-search-list .x-btn button:active, +.live-search-list .x-btn button.active, +.open > .dropdown-toggle.live-search-list .x-btn button { + color: #333333; + background-color: #d5d5d5; + border-color: #adadad; } -.typo3-topbar-navigation .btn.btn-default:active, -.typo3-topbar-navigation .btn.btn-default.active, -.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-default { +.live-search-list .x-btn button:active, +.live-search-list .x-btn button.active, +.open > .dropdown-toggle.live-search-list .x-btn button { background-image: none; } -.typo3-topbar-navigation .btn.btn-default.disabled, -.typo3-topbar-navigation .btn.btn-default[disabled], -fieldset[disabled] .typo3-topbar-navigation .btn.btn-default, -.typo3-topbar-navigation .btn.btn-default.disabled:hover, -.typo3-topbar-navigation .btn.btn-default[disabled]:hover, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-default:hover, -.typo3-topbar-navigation .btn.btn-default.disabled:focus, -.typo3-topbar-navigation .btn.btn-default[disabled]:focus, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-default:focus, -.typo3-topbar-navigation .btn.btn-default.disabled.focus, -.typo3-topbar-navigation .btn.btn-default[disabled].focus, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-default.focus, -.typo3-topbar-navigation .btn.btn-default.disabled:active, -.typo3-topbar-navigation .btn.btn-default[disabled]:active, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-default:active, -.typo3-topbar-navigation .btn.btn-default.disabled.active, -.typo3-topbar-navigation .btn.btn-default[disabled].active, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-default.active { - background-color: #828282; - border-color: #757575; -} -.typo3-topbar-navigation .btn.btn-default .badge { - color: #828282; - background-color: #ffffff; -} -.typo3-topbar-navigation .btn.btn-success { - color: #ffffff; - background-color: #1eb941; - border-color: #1aa339; -} -.typo3-topbar-navigation .btn.btn-success:hover, -.typo3-topbar-navigation .btn.btn-success:focus, -.typo3-topbar-navigation .btn.btn-success.focus, -.typo3-topbar-navigation .btn.btn-success:active, -.typo3-topbar-navigation .btn.btn-success.active, -.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-success { - color: #ffffff; - background-color: #178d32; - border-color: #126e27; +.live-search-list .x-btn button.disabled, +.live-search-list .x-btn button[disabled], +fieldset[disabled] .live-search-list .x-btn button, +.live-search-list .x-btn button.disabled:hover, +.live-search-list .x-btn button[disabled]:hover, +fieldset[disabled] .live-search-list .x-btn button:hover, +.live-search-list .x-btn button.disabled:focus, +.live-search-list .x-btn button[disabled]:focus, +fieldset[disabled] .live-search-list .x-btn button:focus, +.live-search-list .x-btn button.disabled.focus, +.live-search-list .x-btn button[disabled].focus, +fieldset[disabled] .live-search-list .x-btn button.focus, +.live-search-list .x-btn button.disabled:active, +.live-search-list .x-btn button[disabled]:active, +fieldset[disabled] .live-search-list .x-btn button:active, +.live-search-list .x-btn button.disabled.active, +.live-search-list .x-btn button[disabled].active, +fieldset[disabled] .live-search-list .x-btn button.active { + background-color: #eeeeee; + border-color: #cccccc; } -.typo3-topbar-navigation .btn.btn-success:active, -.typo3-topbar-navigation .btn.btn-success.active, -.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-success { - background-image: none; +.live-search-list .x-btn button .badge { + color: #eeeeee; + background-color: #333333; } -.typo3-topbar-navigation .btn.btn-success.disabled, -.typo3-topbar-navigation .btn.btn-success[disabled], -fieldset[disabled] .typo3-topbar-navigation .btn.btn-success, -.typo3-topbar-navigation .btn.btn-success.disabled:hover, -.typo3-topbar-navigation .btn.btn-success[disabled]:hover, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-success:hover, -.typo3-topbar-navigation .btn.btn-success.disabled:focus, -.typo3-topbar-navigation .btn.btn-success[disabled]:focus, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-success:focus, -.typo3-topbar-navigation .btn.btn-success.disabled.focus, -.typo3-topbar-navigation .btn.btn-success[disabled].focus, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-success.focus, -.typo3-topbar-navigation .btn.btn-success.disabled:active, -.typo3-topbar-navigation .btn.btn-success[disabled]:active, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-success:active, -.typo3-topbar-navigation .btn.btn-success.disabled.active, -.typo3-topbar-navigation .btn.btn-success[disabled].active, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-success.active { - background-color: #1eb941; - border-color: #1aa339; +.live-search-list .search-item-type { + padding: 5px 20px 5px 0px; + white-space: nowrap; } -.typo3-topbar-navigation .btn.btn-success .badge { - color: #1eb941; - background-color: #ffffff; +.live-search-list .search-item-title { + border-radius: 2px 0px 0px 2px; + padding: 5px 20px 5px 10px; } -.typo3-topbar-navigation .btn.btn-danger { - color: #ffffff; - background-color: #c83c3c; - border-color: #b73434; +.live-search-list .search-item-title.x-combo-selected { + border: none!important; + background-color: #3c3c3c; } -.typo3-topbar-navigation .btn.btn-danger:hover, -.typo3-topbar-navigation .btn.btn-danger:focus, -.typo3-topbar-navigation .btn.btn-danger.focus, -.typo3-topbar-navigation .btn.btn-danger:active, -.typo3-topbar-navigation .btn.btn-danger.active, -.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-danger { - color: #ffffff; - background-color: #a32e2e; - border-color: #872626; +.search-list-help-content { + padding: 16px; } -.typo3-topbar-navigation .btn.btn-danger:active, -.typo3-topbar-navigation .btn.btn-danger.active, -.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-danger { - background-image: none; +.search-list-help-content strong { + display: block; + margin-bottom: 0.5em; } -.typo3-topbar-navigation .btn.btn-danger.disabled, -.typo3-topbar-navigation .btn.btn-danger[disabled], -fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger, -.typo3-topbar-navigation .btn.btn-danger.disabled:hover, -.typo3-topbar-navigation .btn.btn-danger[disabled]:hover, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger:hover, -.typo3-topbar-navigation .btn.btn-danger.disabled:focus, -.typo3-topbar-navigation .btn.btn-danger[disabled]:focus, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger:focus, -.typo3-topbar-navigation .btn.btn-danger.disabled.focus, -.typo3-topbar-navigation .btn.btn-danger[disabled].focus, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger.focus, -.typo3-topbar-navigation .btn.btn-danger.disabled:active, -.typo3-topbar-navigation .btn.btn-danger[disabled]:active, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger:active, -.typo3-topbar-navigation .btn.btn-danger.disabled.active, -.typo3-topbar-navigation .btn.btn-danger[disabled].active, -fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger.active { - background-color: #c83c3c; - border-color: #b73434; +.search-list-help-content p { + margin-top: 0.5em; + margin-bottom: 0; } -.typo3-topbar-navigation .btn.btn-danger .badge { - color: #c83c3c; - background-color: #ffffff; +#typo3-dblist-sysnotes { + margin-top: 15px; } -.typo3-topbar-navigation .shortcut { - min-width: 180px; +#typo3-dblist-sysnotes .single-note { + margin-bottom: 12px; } -.typo3-topbar-navigation .shortcut-form { - padding: 16px; - margin: 4px -16px; - border-top: 1px solid #373737; - background-color: #2b2b2b; - border-bottom: 1px solid #111111; +#typo3-dblist-sysnotes .single-note .header { + min-height: 24px; + line-height: 24px; + background: #d7d7d7; + color: #000; + font-size: 0.9em; } -.typo3-topbar-navigation-items { - height: 45px; - margin-bottom: 0; - padding-left: 0; - list-style: none; +#typo3-dblist-sysnotes .single-note .header span.typeicon { + width: 23px; + height: 24px; + margin-right: 7px; + display: block; float: left; + cursor: pointer; + background: url(../../../../icons/ext/sys_note/icon-default.png) no-repeat top left; } -.typo3-topbar-navigation-items a { - color: #dddddd; - text-decoration: none; +#typo3-dblist-sysnotes .single-note .header .right.icons { + visibility: hidden; } -.typo3-topbar-navigation-items > li { - float: left; - height: 45px; +#typo3-dblist-sysnotes .single-note .header .right { + float: right; + margin-right: 5px; } -.typo3-topbar-navigation-items > li > a { - position: relative; - display: block; - padding: 13.5px 10px; - border-left: 1px solid #2b2b2b; - border-right: 1px solid #111111; +#typo3-dblist-sysnotes .single-note .header span { + color: #666; } -.typo3-topbar-navigation-items > li > a:hover, -.typo3-topbar-navigation-items > li > a:focus, -.typo3-topbar-navigation-items > li > a:active { - color: #ffffff; - background-color: #333333; - border-left-color: #3b3b3b; +#typo3-dblist-sysnotes .single-note .content { + padding: 12px; + background: #fffeed; + border: 1px solid #dadada; + border-top: none; + color: #666; } -.typo3-topbar-navigation-items > li.open > a { - color: #ffffff; - background-color: #484848; - border-left-color: #505050; +#typo3-dblist-sysnotes .single-note .content .title { + margin-bottom: 6px; + font-weight: bold; } -.typo3-topbar-navigation-items .dropdown { - min-width: 45px; - text-align: center; +#typo3-dblist-sysnotes .single-note:hover .header { + background-color: #666; } -.typo3-topbar-navigation-items .dropdown > a > .fa { - font-size: 16px; - margin: 0; - display: inline-block; - position: relative; - vertical-align: middle; - width: auto; - height: auto; +#typo3-dblist-sysnotes .single-note:hover .header .right.icons { + visibility: visible; } -.typo3-topbar-navigation-items .dropdown-toggle { - position: relative; +#typo3-dblist-sysnotes .category-1 .header span.typeicon { + background-image: url(../../../../icons/ext/sys_note/icon-instruction.png); } -.typo3-topbar-navigation-items .dropdown-toggle .badge { - display: none; - font-size: 10px; - min-width: 15px; - height: 15px; - position: absolute; - padding: 0; - border-radius: 2px; - line-height: 15px; - bottom: 5px; - right: 5px; +#typo3-dblist-sysnotes .category-2 .header span.typeicon { + background-image: url(../../../../icons/ext/sys_note/icon-template.png); } -.typo3-topbar-navigation-items .dropdown-menu { - left: auto; - right: 0; - margin: 0; - padding: 8px 16px; - color: #dddddd; - background-color: #222222; - border-color: #111111; - border-top: 1px solid #444444; - border-left: 0; - border-right: 0; - border-radius: 0 0 2px 2px; - -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); - box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); +#typo3-dblist-sysnotes .category-3 .header span.typeicon { + background-image: url(../../../../icons/ext/sys_note/icon-note.png); } -.typo3-topbar-navigation-items .dropdown-menu a { - color: #dddddd; - white-space: nowrap; +#typo3-dblist-sysnotes .category-4 .header span.typeicon { + background-image: url(../../../../icons/ext/sys_note/icon-todo.png); } -.typo3-topbar-navigation-items .dropdown-menu > *:last-child { - margin-bottom: 0; +#typo3-dblist-sysnotes .single-note:hover .header, +#typo3-dblist-sysnotes .single-note:hover .header span { + color: #d7d7d7; } -.typo3-topbar-navigation-items .dropdown-list { - padding-left: 0; - list-style: none; +.contentelement-wizard li { + margin-bottom: 10px; } -.typo3-topbar-navigation-items .dropdown-list > li { - position: relative; +.contentelement-wizard li .contentelement-wizard-item-input, +.contentelement-wizard li .contentelement-wizard-item-icon { + float: left; + margin-right: 5px; } -.typo3-topbar-navigation-items .dropdown-list > li:before, -.typo3-topbar-navigation-items .dropdown-list > li:after { +.contentelement-wizard li:last-child { + margin-bottom: 0px; +} +.contentelement-wizard a { + display: inline-block; +} +#typo3-extension-main-menu .tabs ul, +#typo3-extension-configuration-forms .tabs ul { + list-style: none; + padding: 0; + margin-bottom: -1px; +} +#typo3-extension-main-menu .tabs ul:before, +#typo3-extension-configuration-forms .tabs ul:before, +#typo3-extension-main-menu .tabs ul:after, +#typo3-extension-configuration-forms .tabs ul:after { content: " "; display: table; } -.typo3-topbar-navigation-items .dropdown-list > li:after { +#typo3-extension-main-menu .tabs ul:after, +#typo3-extension-configuration-forms .tabs ul:after { clear: both; } -.typo3-topbar-navigation-items .dropdown-list > li:before, -.typo3-topbar-navigation-items .dropdown-list > li:after { +#typo3-extension-main-menu .tabs ul:before, +#typo3-extension-configuration-forms .tabs ul:before, +#typo3-extension-main-menu .tabs ul:after, +#typo3-extension-configuration-forms .tabs ul:after { content: " "; display: table; } -.typo3-topbar-navigation-items .dropdown-list > li:after { +#typo3-extension-main-menu .tabs ul:after, +#typo3-extension-configuration-forms .tabs ul:after { clear: both; } -.typo3-topbar-navigation-items .dropdown-list > li.active .dropdown-list-link { - background-color: #484848; - color: #ffffff; +#typo3-extension-main-menu .tabs ul > li, +#typo3-extension-configuration-forms .tabs ul > li { + cursor: pointer; } -.typo3-topbar-navigation-items .dropdown-list > li + li { - margin-top: 1px; +#typo3-extension-main-menu .tabs ul > li.ui-tabs-active a, +#typo3-extension-configuration-forms .tabs ul > li.ui-tabs-active a, +#typo3-extension-main-menu .tabs ul > li a.current, +#typo3-extension-configuration-forms .tabs ul > li a.current { + background: white; + color: black; + border-bottom: 0; + padding-top: 4px; + cursor: default; } -.typo3-topbar-navigation-items .dropdown-list > li.divider + li { - margin-top: 0; +#typo3-extension-main-menu .tabs ul > li a, +#typo3-extension-configuration-forms .tabs ul > li a { + border-radius: 4px 4px 0 0; + float: left; + height: 22px; + background: #dadada; + padding: 4px 15px; + margin-top: -1px; + margin-right: 2px; + border: 1px solid #adadad; + color: #606060; + outline: none; } -.typo3-topbar-navigation-items .dropdown-list .divider { - border-top: 1px solid #111111; - background-color: #2b2b2b; - margin: 8px 0; - padding: 0; - padding-top: 1px; - margin-left: -16px; - margin-right: -16px; +#typo3-extension-main-menu .tabs ul > li a:hover, +#typo3-extension-configuration-forms .tabs ul > li a:hover { + background-color: #eee; + border-color: #adadad; + color: #606060; } -.typo3-topbar-navigation-items .dropdown-list .modlink { - width: 210px; +.typo3-extension-list .ext-icon { + max-height: 16px; + width: auto; } -.typo3-topbar-navigation-items .dropdown-list .modlink:before, -.typo3-topbar-navigation-items .dropdown-list .modlink:after { - content: " "; - display: table; +.typo3-extensionmanager-headerRowLeft { + float: left; } -.typo3-topbar-navigation-items .dropdown-list .modlink:after { - clear: both; +.typo3-extensionmanager-headerRowRight { + float: right; } -.typo3-topbar-navigation-items .dropdown-list .modlink:before, -.typo3-topbar-navigation-items .dropdown-list .modlink:after { - content: " "; - display: table; +.ui-toolbar { + margin-bottom: 5px; } -.typo3-topbar-navigation-items .dropdown-list .modlink:after { - clear: both; +.ui-toolbar .dataTables_filter { + float: left; } -.typo3-topbar-navigation-items .dropdown-list .modlink .submodule-icon { +.dataTables_info { + display: none; +} +.dataTables_paginate { float: left; - margin-right: 10px; + margin: 10px 0 0; } -.typo3-topbar-navigation-items .dropdown-list .modlink .submodule-label { - white-space: nowrap; - text-overflow: ellipsis; - padding-top: 7px; - display: block; - overflow: hidden; - *zoom: 1; +.uploadForm { + background-color: #ededed; + border-top: 1px solid #cdcdcd; + border-bottom: 1px solid #cdcdcd; + padding: 12px; + margin-bottom: 24px; } -.typo3-topbar-navigation-items .dropdown-list .dropdown-header { - font-size: 1em; - margin-left: -16px; - margin-right: -16px; - padding: 8px 16px; +.uploadForm form .control-group { + clear: both; + margin-bottom: 5px; } -.typo3-topbar-navigation-items .dropdown-list-link { - max-width: 300px; - overflow: hidden; - text-overflow: ellipsis; - display: block; - text-decoration: none; - cursor: pointer; - white-space: nowrap; - color: #dddddd; - margin-left: -16px; - margin-right: -16px; - padding: 4px 16px; +.uploadForm form label { + float: left; + height: 20px; + padding: 4px 0; + line-height: 20px; + width: 90px; } -.typo3-topbar-navigation-items .dropdown-list-link:hover { - color: #ffffff; - background-color: #333333; +.uploadForm form .control { + min-height: 20px; + padding: 4px 0; + margin-left: 110px; } -.typo3-topbar-navigation-items .dropdown-list-link-edit, -.typo3-topbar-navigation-items .dropdown-list-link-delete, -.typo3-topbar-navigation-items .dropdown-list-link-close { - display: table; - position: absolute; - top: 0; - bottom: 0; - right: -8px; - padding: 0; - text-align: center; - width: 26px; - height: 26px; +.distribution { + border: 1px solid #cfcfcf; + background-color: #f5f5f5; + margin-bottom: 20px; + margin-left: 20px; + width: 300px; + float: left; } -.typo3-topbar-navigation-items .dropdown-list-link-edit .t3-icon, -.typo3-topbar-navigation-items .dropdown-list-link-delete .t3-icon, -.typo3-topbar-navigation-items .dropdown-list-link-close .t3-icon { - display: table-cell; - margin: 0; - height: auto; - width: auto; +.distribution:hover { + background-color: #ededed; } -.typo3-topbar-navigation-items .dropdown-list-link-edit:hover, -.typo3-topbar-navigation-items .dropdown-list-link-delete:hover, -.typo3-topbar-navigation-items .dropdown-list-link-close:hover { - color: #ffffff; - background-color: #333333; +.distribution:hover .distribution-hover { + top: 0px; + opacity: 1; } -.typo3-topbar-navigation-items .dropdown-list-link-edit { - right: 18px; +.distribution:hover .distribution-more { + text-decoration: underline; } -.typo3-topbar-navigation-items .dropdown-list-link-delete:hover, -.typo3-topbar-navigation-items .dropdown-list-link-close:hover { - color: #ffffff; - background-color: #c83c3c; +.distribution-holder { + top: 0px; + bottom: 0px; + margin-left: -20px; } -.typo3-topbar-navigation-items .dropdown-link-list-add-close { - padding-right: 50px; +.distribution-holder:before, +.distribution-holder:after { + content: " "; + display: table; } -.typo3-topbar-navigation-items .dropdown-link-list-add-editdelete { - padding-right: 85px; +.distribution-holder:after { + clear: both; } -.typo3-topbar-navigation-items .topbar-workspaces-title { - margin-left: 3px; +.distribution-holder:before, +.distribution-holder:after { + content: " "; + display: table; } -.typo3-topbar-navigation-search { +.distribution-holder:after { + clear: both; +} +.distribution-image { position: relative; - padding: 0; - margin: 0; + width: 300px; + height: 225px; + overflow: hidden; } -.typo3-topbar-navigation-search .form-group:before { - content: "\f002"; - font: normal normal normal 14px/1 FontAwesome; +.distribution-image img { + display: block; + height: 100%; + width: 100%; +} +.distribution-hover { + background-color: #f5f5f5; position: absolute; - top: 50%; - left: 15px; - margin-top: -8px; - z-index: 1; + top: 100%; + left: 0px; + width: 300px; + height: 225px; + overflow: hidden; + opacity: 0; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } -.typo3-topbar-navigation-search .form-control { - box-sizing: content-box; - background-color: #222222; - color: #dddddd; - height: 18px; - padding-left: 35px; - padding-right: 30px; - padding-top: 14px; - padding-bottom: 13px; - border: none; - border-left: 1px solid #2b2b2b; - border-radius: 0; +.distribution-hover-inner { + padding: 15px; } -.typo3-topbar-navigation-search .form-control:hover { - border-left-color: #373737; - background-color: #333333; +.distribution-meta { + border-top: 1px solid #dcdcdc; + padding: 15px; } -.typo3-topbar-navigation-search .form-control:focus { - outline: none; - border-left-color: #373737; - background-color: #484848; - -webkit-box-shadow: none; - box-shadow: none; +.distribution-meta .distribution-title { + margin: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; } -.typo3-topbar-navigation-search .form-control + .t3-icon { - text-align: center; - position: absolute; - top: 50%; - right: 15px; - margin-right: 0; - margin-top: -8px; +.distribution-meta .distribution-install { + margin-top: 0.5em; } -.live-search-list { - left: auto; - right: 0; - margin: 0; - padding: 8px 16px; - color: #dddddd; - background-color: #222222; - border-color: #111111; - border-top: 1px solid #444444; - border-left: 0; - border-right: 0; - border-radius: 0 0 2px 2px; - -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); - box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); - right: auto; - padding: 0; +.distribution-meta .distribution-official { + border: 1px solid #0078e6; + background-color: #0078e6; + border-radius: 2px; + display: inline-block; + padding: 3px 8px; + vertical-align: middle; + color: #FFFFFF; +} +.distribution-detail-flashmessage { + margin-bottom: 2.5em; } -.live-search-list a { - color: #dddddd; - white-space: nowrap; +.distribution-detail-flashmessage p { + padding-bottom: 0; } -.live-search-list > *:last-child { - margin-bottom: 0; +.distribution-detail { + min-width: 750px; } -.live-search-list .x-toolbar { - padding: 0; - border: none; - background: transparent; +.distribution-detail:before, +.distribution-detail:after { + content: " "; + display: table; } -.live-search-list .x-combo-list-hd, -.live-search-list .x-combo-list-inner, -.live-search-list .x-combo-list-ft { - border: none; - background: transparent; - color: #dddddd; +.distribution-detail:after { + clear: both; } -.live-search-list .x-combo-list-hd, -.live-search-list .x-combo-list-inner, -.live-search-list .x-combo-list-ft { - padding: 16px; +.distribution-detail:before, +.distribution-detail:after { + content: " "; + display: table; } -.live-search-list .x-combo-list-hd { - background-color: #2a2a2a; - border-top: 0; - border-bottom: 1px solid #111111; +.distribution-detail:after { + clear: both; } -.live-search-list .x-combo-list-ft { - padding-top: 0; - border-bottom: 0; +.distribution-detail-previewpane { + float: left; + margin-right: 30px; } -.live-search-list .x-combo-list-inner { - padding-right: 0; - border-top: 1px solid #2b2b2b; +.distribution-detail-preview { + display: block; + border: 1px solid #cfcfcf; } -.live-search-list .x-btn { +.distribution-detail-body { + overflow: hidden; + zoom: 1; +} +.distribution-detail-header { + margin-bottom: 2.5em; +} +.distribution-detail-header h1 { + margin-bottom: 0.5em; +} +.distribution-detail-header p { + padding: 0px; + max-width: 500px; + margin-bottom: 1.25em; +} +.distribution-detail-summary { + margin-top: 2.5em; + margin-bottom: 2.5em; +} +.distribution-installed hr { + margin: 2.5em 0; + border: 0; + border-top: 1px solid #cfcfcf; +} +.ui-widget-header { background: none; border: none; - color: inherit; + font-weight: normal; } -.live-search-list .x-btn .x-btn-tl, -.live-search-list .x-btn .x-btn-tc, -.live-search-list .x-btn .x-btn-tr, -.live-search-list .x-btn .x-btn-ml, -.live-search-list .x-btn .x-btn-mr, -.live-search-list .x-btn .x-btn-bl, -.live-search-list .x-btn .x-btn-bc, -.live-search-list .x-btn .x-btn-br { - display: none; +.dataTables_info { + font-size: 10px; + color: #444; + float: left; } -.live-search-list .x-btn button { - display: inline-block; - margin-bottom: 0; - font-weight: normal; - text-align: center; - vertical-align: middle; - touch-action: manipulation; +.paging_two_button .ui-button { + float: left; cursor: pointer; - background-image: none; - border: 1px solid transparent; - white-space: nowrap; - padding: 6px 6px; - font-size: 12px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding: 4px 4px; - font-size: 11px; - line-height: 1.5; - border-radius: 2px; - color: #ffffff; - background-color: #828282; - border-color: #757575; - height: auto!important; } -.live-search-list .x-btn button:focus, -.live-search-list .x-btn button:active:focus, -.live-search-list .x-btn button.active:focus, -.live-search-list .x-btn button.focus, -.live-search-list .x-btn button:active.focus, -.live-search-list .x-btn button.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; +.paging_full_numbers .ui-button { + padding: 2px 6px; + margin: 0; + cursor: pointer; + color: #333 !important; } -.live-search-list .x-btn button:hover, -.live-search-list .x-btn button:focus, -.live-search-list .x-btn button.focus { - color: #ffffff; - text-decoration: none; +.dataTables_paginate .ui-button { + margin-right: -0.1em !important; } -.live-search-list .x-btn button:active, -.live-search-list .x-btn button.active { - outline: 0; - background-image: none; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +.paging_full_numbers { + float: right; } -.live-search-list .x-btn button.disabled, -.live-search-list .x-btn button[disabled], -fieldset[disabled] .live-search-list .x-btn button { - cursor: not-allowed; - pointer-events: none; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; +.dataTables_paginate { + width: auto; } -.live-search-list .x-btn button:hover, -.live-search-list .x-btn button:focus, -.live-search-list .x-btn button.focus, -.live-search-list .x-btn button:active, -.live-search-list .x-btn button.active, -.open > .dropdown-toggle.live-search-list .x-btn button { - color: #ffffff; - background-color: #696969; - border-color: #575757; +#typo3-extension-configuration-forms { + min-width: 400px; + max-width: 900px; } -.live-search-list .x-btn button:active, -.live-search-list .x-btn button.active, -.open > .dropdown-toggle.live-search-list .x-btn button { - background-image: none; +#typo3-extension-configuration-forms .category { + background-repeat: repeat-x; + background-color: #fff; + border: 1px solid #adadad; + padding: 15px; } -.live-search-list .x-btn button.disabled, -.live-search-list .x-btn button[disabled], -fieldset[disabled] .live-search-list .x-btn button, -.live-search-list .x-btn button.disabled:hover, -.live-search-list .x-btn button[disabled]:hover, -fieldset[disabled] .live-search-list .x-btn button:hover, -.live-search-list .x-btn button.disabled:focus, -.live-search-list .x-btn button[disabled]:focus, -fieldset[disabled] .live-search-list .x-btn button:focus, -.live-search-list .x-btn button.disabled.focus, -.live-search-list .x-btn button[disabled].focus, -fieldset[disabled] .live-search-list .x-btn button.focus, -.live-search-list .x-btn button.disabled:active, -.live-search-list .x-btn button[disabled]:active, -fieldset[disabled] .live-search-list .x-btn button:active, -.live-search-list .x-btn button.disabled.active, -.live-search-list .x-btn button[disabled].active, -fieldset[disabled] .live-search-list .x-btn button.active { - background-color: #828282; - border-color: #757575; +#typo3-extension-configuration-forms .group { + margin-bottom: 30px; } -.live-search-list .x-btn button .badge { - color: #828282; - background-color: #ffffff; +#typo3-extension-configuration-forms .group label { + display: block; + padding-bottom: 10px; } -.live-search-list .search-item-type { - padding: 5px 20px 5px 0px; - white-space: nowrap; +#typo3-extension-configuration-forms .group input[type=text] { + width: 300px; } -.live-search-list .search-item-title { - border-radius: 2px 0px 0px 2px; - padding: 5px 20px 5px 10px; +#typo3-extension-configuration-forms #typo3-docheader-row2 .back { + float: right; } -.live-search-list .search-item-title.x-combo-selected { - border: none!important; - background-color: #3c3c3c; +#typo3-extension-configuration-forms input.submit { + margin-top: 10px; } -.search-list-help-content { - padding: 16px; +#typo3-extension-configuration-forms .error, +#typo3-extension-configuration-forms .invalid { + border-radius: 0 4px 4px 0; + -webkit-box-shadow: 0 0 6px #dddddd; + box-shadow: 0 0 6px #dddddd; + height: 15px; + background-color: #ff2262; + border: 1px solid #e1e16d; + font-size: 11px; + color: #000; + padding: 3px 10px; + margin-left: -2px; } -.search-list-help-content strong { - display: block; - margin-bottom: 0.5em; +#typo3-extension-configuration-forms .info { + color: #666; + font-weight: normal; } -.search-list-help-content p { - margin-top: 0.5em; +.typo3-extension-list tr.installed td { + background-color: #c8ffaa; +} +.typo3-extension-list tr.available td { + background-color: #E1E1aa; +} +.typo3-extension-manager .insecure { + color: #ff2262; +} +.typo3-extension-manager .outdated { + color: #0c08ff; +} +.typo3-extension-manager form#extensionUploadForm { margin-bottom: 0; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Sys notes -- - - - - - - - - - - - - - - - - - - - - */ -/* Should be added by sys_note only when necessary */ -#typo3-dblist-sysnotes { - margin-top: 15px; +.typo3-extension-manager form#extensionUploadForm div.control-group:last-child { + margin-bottom: 0; } -#typo3-dblist-sysnotes .single-note { - margin-bottom: 12px; +.typo3-extension-list .inactive { + color: #aaaaaa; } -#typo3-dblist-sysnotes .single-note .header { - min-height: 24px; - line-height: 24px; - background: #d7d7d7; - color: #000; - font-size: 0.9em; +.headerTooltip, +.tooltip { + -webkit-box-shadow: 2px 2px 11px #666666; + box-shadow: 2px 2px 11px #666666; + display: none; + width: 400px; + background-color: #ffa; + border: 1px solid #cc9; + padding: 3px; + font-size: 13px; + z-index: 1000; } -#typo3-dblist-sysnotes .single-note .header span.typeicon { - width: 23px; - height: 24px; - margin-right: 7px; - display: block; - float: left; - cursor: pointer; - background: url(../../../../icons/ext/sys_note/icon-default.png) no-repeat top left; +.headerTooltip { + width: 150px; } -#typo3-dblist-sysnotes .single-note .header .right.icons { - visibility: hidden; +#terTableWrapper { + position: relative; } -#typo3-dblist-sysnotes .single-note .header .right { - float: right; - margin-right: 5px; +#terTableWrapper .splash-receivedata { + display: none; + position: absolute; + top: 50px; + left: 50%; + margin: 0 0 0 -150px; } -#typo3-dblist-sysnotes .single-note .header span { - color: #666; +#terTableWrapper .splash-receivedata a { + display: inline-block; + width: 200px; + vertical-align: top; + padding: 3px 20px; } -#typo3-dblist-sysnotes .single-note .content { - padding: 12px; - background: #fffeed; - border: 1px solid #dadada; - border-top: none; - color: #666; +#terTableWrapper .splash-receivedata.is-shown { + display: block; } -#typo3-dblist-sysnotes .single-note .content .title { - margin-bottom: 6px; +#terTableWrapper .spinner { + display: inline-block; +} +#terTableWrapper .ui-icon { + width: 16px; + height: 16px; + background-image: url('../Images/ui-icons_222222_256x240.png'); + background-position: -64px -16px; +} +.time-since-last-update { font-weight: bold; + padding-right: 0.4em; + cursor: help; } -#typo3-dblist-sysnotes .single-note:hover .header { - background-color: #666; +.is-loading { + opacity: 0; +} +.is-hidden { + display: none; } -#typo3-dblist-sysnotes .single-note:hover .header .right.icons { - visibility: visible; +.typo3-extension-list .t3-icon, +.typo3-extension-list .t3-icon:hover { + border: none; + background-color: transparent; } -#typo3-dblist-sysnotes .category-1 .header span.typeicon { - background-image: url(../../../../icons/ext/sys_note/icon-instruction.png); +.typo3-extension-list .author { + display: none; } -#typo3-dblist-sysnotes .category-2 .header span.typeicon { - background-image: url(../../../../icons/ext/sys_note/icon-template.png); +.versions-all { + display: inline-block; + width: 20px; + text-indent: -200px; + overflow: hidden; } -#typo3-dblist-sysnotes .category-3 .header span.typeicon { - background-image: url(../../../../icons/ext/sys_note/icon-note.png); +.currentVersionInfo { + padding: 0 0 20px 0; } -#typo3-dblist-sysnotes .category-4 .header span.typeicon { - background-image: url(../../../../icons/ext/sys_note/icon-todo.png); +.currentVersionInfo td { + padding: 4px 0; } -#typo3-dblist-sysnotes .single-note:hover .header, -#typo3-dblist-sysnotes .single-note:hover .header span { - color: #d7d7d7; +.currentVersionInfo th { + font-weight: normal; + color: #8c8c8c; + padding: 4px 20px 4px 0; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - --New Record Wizard -- - - -- - - - - - - - - - - - - - - - - */ -/* Should be added by NewContentElementController only when necessary */ -.contentelement-wizard li { - margin-bottom: 10px; +span.ter-ext-state { + padding: 0 0 0 5px; + font-weight: bold; + text-transform: capitalize; } -.contentelement-wizard li .contentelement-wizard-item-input, -.contentelement-wizard li .contentelement-wizard-item-icon { - float: left; - margin-right: 5px; +#typo3-docbody form.download { + margin-bottom: 0; } -.contentelement-wizard li:last-child { - margin-bottom: 0px; +.typo3-extensionmanager-headerRowLeft { + display: inline-block; } -.contentelement-wizard a { +.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper { display: inline-block; + position: relative; +} +.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper input { + height: 15px; +} +.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper .t3-icon-input-clear { + position: absolute; + right: 3px; + top: 4px; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Move Element -- - - - - - - - - - - - - - - - - - - - - */ table#typo3-ttContentList { border: 1px solid #a2aab8; background-color: #fff; @@ -12686,21 +11466,6 @@ body#typo3-move-el-php img#c-recIcon { body#typo3-move-el-php label.t3-label-valign-top { vertical-align: top; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Workspace -- - - - - - - - - - - - - - - - - - - - - */ div.workspace-info { padding: 7px; } @@ -12737,21 +11502,6 @@ table.ver-verElement { margin-right: 5px; float: left; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Wizards -- - - - - - - - - - - - - - - - - - - - - */ body#typo3-wizard-tsconfig-php { margin-left: 5px; } @@ -12789,21 +11539,6 @@ body#typo3-wizard-rte-php table#typo3-rtewizard tr td#c-formContent { body#typo3-wizard-colorpicker-php p.c-head { margin-top: 4px; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -File > List -- - - - - - - - - - - - - - - - - - - - - */ table#typo3-filelist tr td div.typo3-clipCtrl { float: left; } @@ -12811,9 +11546,6 @@ table#typo3-filelist tr td div.typo3-editCtrl { float: left; padding-right: 10px; } -/* - - - - - - - - - - - - - - - - - - - - - -File scripts -- - - - - - - - - - - - - - - - - - - - - */ body#typo3-file-upload-php div#c-submit, body#typo3-file-upload-php div#c-upload, body#typo3-file-upload-php div#c-override, @@ -12835,39 +11567,9 @@ body#typo3-file-edit-php div#c-submit, body#typo3-file-edit-php div#c-edit { margin-top: 10px; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/** - * Styling for the module User => Workspace - */ #typo3-mod-user-ws-index-php .typo3-dyntabmenu-divs { padding: 10px; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Web > List -- - - - - - - - - - - - - - - - - - - - - */ table.typo3-dblist tr.c-table-row-spacer td { display: none; } @@ -12994,21 +11696,6 @@ div#typo3-listOptions { vertical-align: text-bottom !important; margin-right: 10px !important; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Web > Page -- - - - - - - - - - - - - - - - - - - - - */ table.t3-gridTable, table.t3-page-langMode { margin-bottom: 1.5em; @@ -13116,21 +11803,6 @@ td.t3-page-column.t3-gridCell .t3-page-colHeader { tr:first-child td.t3-page-column.t3-gridCell .t3-page-colHeader { padding-top: 0; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -extJS icons -- - - - - - - - - - - - - - - - - - - - - */ .t3icon-ext-upload { background: url('../../../../icons/gfx/upload.gif') 3px 4px no-repeat !important; } @@ -13140,21 +11812,6 @@ extJS icons .t3iconstyle-center { background-position: center center; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -TypoScript Highlighting -- - - - - - - - - - - - - - - - - - - - - */ pre.ts-hl { font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace; } @@ -13199,21 +11856,6 @@ pre.ts-hl .ts-linenum { background-color: #eee; color: #212424; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Workspace -- - - - - - - - - - - - - - - - - - - - - */ #typo3-pagetree .workspace-info { background-color: #ffec97; font-weight: bold; @@ -13300,21 +11942,6 @@ table.ver-subtree tr.typo3-ver-noComp td { .ver-wl-current-user { font-weight: bold; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -File > List -- - - - - - - - - - - - - - - - - - - - - */ table#typo3-filelist tr td div.typo3-clipCtrl, table#typo3-filelist tr td div.typo3-editCtrl { text-align: center; @@ -13419,21 +12046,6 @@ div.t3-upload-queue-progress { .error .t3-upload-queue-progress-bar { background-color: #BF383F; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -File Upload Window -- - - - - - - - - - - - - - - - - - - - - */ .t3icon-ext-upload { background: url('../../../../icons/gfx/upload.gif') 1px 1px no-repeat !important; } @@ -13444,86 +12056,6 @@ File Upload Window text-align: left; text-indent: 6px; } -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Web > Info -- - - - - - - - - - - - - - - - - - - - - */ -table.typo3-page-sysnote tr td { - background-color: #d9d5c9; -} -table.typo3-page-sysnote tr td.c-headLine { - background-color: #c5c1b5; -} -table#langTable td.c-blocked { - background-color: #f6d3cf; -} -table#langTable td.c-ok { - background-color: #cdeaca; -} -table#langTable td.c-leftLine { - border-left: 1px solid #a2aab8; -} -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Web > List -- - - - - - - - - - - - - - - - - - - - - */ -table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning { - font-weight: bold; - line-height: 16px; - text-align: center; -} -table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-multipleVersions { - background-color: #ffff00; -} -table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion { - background-color: #9999cc; -} -#db_list-searchbox-toolbar { - padding: 5px; -} -#db_list-searchbox-toolbar .container { - width: 100%; -} -#db_list-searchbox-toolbar input.btn-block { - margin-top: 23px; -} -/* - * This file is part of the TYPO3 CMS project. - * - * It is free software; you can redistribute it and/or modify it under - * the terms of the GNU General Public License, either version 2 - * of the License, or any later version. - * - * For the full copyright and license information, please read the - * LICENSE.txt file that was distributed with this source code. - * - * The TYPO3 project - inspiring people to share! - */ -/* - - - - - - - - - - - - - - - - - - - - - -Web > Page -- - - - - - - - - - - - - - - - - - - - - */ .t3-page-langMode { width: 100%; } diff --git a/typo3/sysext/t3skin/Resources/Public/Images/ui-icons_222222_256x240.png b/typo3/sysext/t3skin/Resources/Public/Images/ui-icons_222222_256x240.png new file mode 100644 index 0000000000000000000000000000000000000000..e913bce11f7488ad1f74056543356e11b1487283 Binary files /dev/null and b/typo3/sysext/t3skin/Resources/Public/Images/ui-icons_222222_256x240.png differ diff --git a/typo3/sysext/tstemplate/Classes/Controller/TemplateAnalyzerModuleFunctionController.php b/typo3/sysext/tstemplate/Classes/Controller/TemplateAnalyzerModuleFunctionController.php index b63da7839ae3a62521a1dbf660d1d61adca0ad4d..d06b03c11980bbc911d4a5e66a93fe64e87f431a 100644 --- a/typo3/sysext/tstemplate/Classes/Controller/TemplateAnalyzerModuleFunctionController.php +++ b/typo3/sysext/tstemplate/Classes/Controller/TemplateAnalyzerModuleFunctionController.php @@ -121,7 +121,7 @@ class TemplateAnalyzerModuleFunctionController extends \TYPO3\CMS\Backend\Module $head .= '<th>' . $GLOBALS['LANG']->getLL('nextLevel', TRUE) . '</th>'; $head .= '</tr></thead>'; $hierar = implode(array_reverse($GLOBALS['tmpl']->ext_getTemplateHierarchyArr($hierarchyInfo, '', array(), 1)), ''); - $hierar = '<div class="table-fit"><table class="t3-table" id="ts-analyzer">' . $head . $hierar . '</table></div>'; + $hierar = '<div class="table-fit"><table class="table table-striped table-hover" id="ts-analyzer">' . $head . $hierar . '</table></div>'; $theOutput .= $this->pObj->doc->spacer(5); $theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('templateHierarchy', TRUE), $hierar, 0, 1); $urlParameters = array( @@ -129,7 +129,7 @@ class TemplateAnalyzerModuleFunctionController extends \TYPO3\CMS\Backend\Module 'template' => 'all' ); $aHref = BackendUtility::getModuleUrl('web_ts', $urlParameters); - $completeLink = '<p><a href="' . htmlspecialchars($aHref) . '" class="t3-button">' . $GLOBALS['LANG']->getLL('viewCompleteTS', TRUE) . '</a></p>'; + $completeLink = '<p><a href="' . htmlspecialchars($aHref) . '" class="btn btn-default">' . $GLOBALS['LANG']->getLL('viewCompleteTS', TRUE) . '</a></p>'; $theOutput .= $this->pObj->doc->spacer(5); $theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('completeTS', TRUE), $completeLink, 0, 1); $theOutput .= $this->pObj->doc->spacer(15); diff --git a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateInformationModuleFunctionController.php b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateInformationModuleFunctionController.php index c167544d5d1c2e7716f6d0bd4f47887e9da771dd..fea15609a93005d6701ee5f003a005c64ff70b1c 100644 --- a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateInformationModuleFunctionController.php +++ b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateInformationModuleFunctionController.php @@ -267,7 +267,7 @@ class TypoScriptTemplateInformationModuleFunctionController extends AbstractFunc $outCode .= $this->tableRow($lang->getLL('description'), nl2br(htmlspecialchars($tplRow['description'])), 'description', $tplRow['uid']); $outCode .= $this->tableRow($lang->getLL('constants'), sprintf($lang->getLL('editToView'), trim($tplRow['constants']) ? count(explode(LF, $tplRow['constants'])) : 0), 'constants', $tplRow['uid']); $outCode .= $this->tableRow($lang->getLL('setup'), sprintf($lang->getLL('editToView'), trim($tplRow['config']) ? count(explode(LF, $tplRow['config'])) : 0), 'config', $tplRow['uid']); - $outCode = '<div class="table-fit"><table class="t3-table">' . $outCode . '</table></div>'; + $outCode = '<div class="table-fit"><table class="table table-striped table-hover">' . $outCode . '</table></div>'; // Edit all icon: $editOnClick = BackendUtility::editOnClick(rawurlencode('&createExtension=0') . '&edit[sys_template][' . $tplRow['uid'] . ']=edit', $GLOBALS['BACK_PATH'], ''); diff --git a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateModuleController.php b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateModuleController.php index 1fdfe8523a7fe2595aa2a1b46a91c762168e5ff0..75215c43b4e90768b82de1301d58c16564c0c796 100644 --- a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateModuleController.php +++ b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateModuleController.php @@ -201,7 +201,7 @@ class TypoScriptTemplateModuleController extends \TYPO3\CMS\Backend\Module\BaseS } $GLOBALS['TYPO3_DB']->sql_free_result($res); - $table = '<div class="table-fit"><table class="t3-table" id="ts-overview">' . + $table = '<div class="table-fit"><table class="table table-striped table-hover" id="ts-overview">' . '<thead>' . '<tr>' . '<th>' . $GLOBALS['LANG']->getLL('pageName') . '</th>' . @@ -366,20 +366,27 @@ class TypoScriptTemplateModuleController extends \TYPO3\CMS\Backend\Module\BaseS $staticsText = ''; } // Extension? - $theOutput .= $this->doc->section($GLOBALS['LANG']->getLL('newWebsite') . $staticsText, $GLOBALS['LANG']->getLL('newWebsiteDescription') . '<br /><br />' . $selector . '<input type="Submit" name="newWebsite" value="' . $GLOBALS['LANG']->getLL('newWebsiteAction') . '" />', 0, 1); + $theOutput .= $this->doc->section( + $GLOBALS['LANG']->getLL('newWebsite') . $staticsText, + '<p>' . $GLOBALS['LANG']->getLL('newWebsiteDescription') . '</p>' . $selector . '<input class="btn btn-primary" type="submit" name="newWebsite" value="' . $GLOBALS['LANG']->getLL('newWebsiteAction') . '" />', + 0, 1); } // Extension? - $theOutput .= $this->doc->spacer(10); - $theOutput .= $this->doc->section($GLOBALS['LANG']->getLL('extTemplate'), $GLOBALS['LANG']->getLL('extTemplateDescription') . '<br /><br />' . '<input type="submit" name="createExtension" value="' . $GLOBALS['LANG']->getLL('extTemplateAction') . '" />', 0, 1); + $theOutput .= $this->doc->section( + $GLOBALS['LANG']->getLL('extTemplate'), + '<p>' . $GLOBALS['LANG']->getLL('extTemplateDescription') . '</p>' . '<input class="btn btn-default" type="submit" name="createExtension" value="' . $GLOBALS['LANG']->getLL('extTemplateAction') . '" />', + 0, 1); // Go to first appearing... $first = $tmpl->ext_prevPageWithTemplate($this->id, $this->perms_clause); if ($first) { - $theOutput .= $this->doc->spacer(10); $urlParameters = array( 'id' => $first['uid'] ); $aHref = BackendUtility::getModuleUrl('web_ts', $urlParameters); - $theOutput .= $this->doc->section($GLOBALS['LANG']->getLL('goToClosest'), sprintf($GLOBALS['LANG']->getLL('goToClosestDescription') . '<br /><br />%s<strong>' . $GLOBALS['LANG']->getLL('goToClosestAction') . '</strong>%s', htmlspecialchars($first['title']), $first['uid'], '<a href="' . htmlspecialchars($aHref) . '">', '</a>'), 0, 1); + $theOutput .= $this->doc->section( + $GLOBALS['LANG']->getLL('goToClosest'), + sprintf('<p>' .$GLOBALS['LANG']->getLL('goToClosestDescription') . '</p>%s' . $GLOBALS['LANG']->getLL('goToClosestAction') . '%s', htmlspecialchars($first['title']), $first['uid'], '<a class="btn btn-default" href="' . htmlspecialchars($aHref) . '">', '</a>'), + 0, 1); } return $theOutput; } diff --git a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateObjectBrowserModuleFunctionController.php b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateObjectBrowserModuleFunctionController.php index 4d5579dd165ab9d5956978b79a63c489693cf506..c818cae12748a5e8f161b503c6ee7020d5f99cd3 100644 --- a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateObjectBrowserModuleFunctionController.php +++ b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateObjectBrowserModuleFunctionController.php @@ -305,22 +305,22 @@ class TypoScriptTemplateObjectBrowserModuleFunctionController extends \TYPO3\CMS // Value $out = ''; $out .= htmlspecialchars($this->pObj->sObj) . ' =<br />'; - $out .= '<input type="Text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][value]" value="' . htmlspecialchars($theSetupValue) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(40) . ' />'; - $out .= '<input type="Submit" name="update_value" value="' . $GLOBALS['LANG']->getLL('updateButton') . '" />'; + $out .= '<input type="text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][value]" value="' . htmlspecialchars($theSetupValue) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(40) . ' />'; + $out .= '<input class="btn btn-default" type="submit" name="update_value" value="' . $GLOBALS['LANG']->getLL('updateButton') . '" />'; $theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('editProperty'), $out, 0, 0); // Property $out = ''; $out = '<nobr>' . htmlspecialchars($this->pObj->sObj) . '.'; - $out .= '<input type="Text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][name]"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . ' /> = </nobr><br />'; - $out .= '<input type="Text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][propertyValue]"' . $GLOBALS['TBE_TEMPLATE']->formWidth(40) . ' />'; - $out .= '<input type="Submit" name="add_property" value="' . $GLOBALS['LANG']->getLL('addButton') . '" />'; + $out .= '<input type="text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][name]"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . ' /> = </nobr><br />'; + $out .= '<input type="text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][propertyValue]"' . $GLOBALS['TBE_TEMPLATE']->formWidth(40) . ' />'; + $out .= '<input class="btn btn-default" type="submit" name="add_property" value="' . $GLOBALS['LANG']->getLL('addButton') . '" />'; $theOutput .= $this->pObj->doc->spacer(20); $theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('addProperty'), $out, 0, 0); // clear $out = ''; $out = htmlspecialchars($this->pObj->sObj) . ' <strong>' . $GLOBALS['LANG']->csConvObj->conv_case($GLOBALS['LANG']->charSet, $GLOBALS['LANG']->getLL('clear'), 'toUpper') . '</strong> '; - $out .= '<input type="Checkbox" name="data[' . htmlspecialchars($this->pObj->sObj) . '][clearValue]" value="1" />'; - $out .= '<input type="Submit" name="clear_object" value="' . $GLOBALS['LANG']->getLL('clearButton') . '" />'; + $out .= '<input type="checkbox" name="data[' . htmlspecialchars($this->pObj->sObj) . '][clearValue]" value="1" />'; + $out .= '<input class="btn btn-default" type="submit" name="clear_object" value="' . $GLOBALS['LANG']->getLL('clearButton') . '" />'; $theOutput .= $this->pObj->doc->spacer(20); $theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('clearObject'), $out, 0, 0); $theOutput .= $this->pObj->doc->spacer(10); @@ -360,17 +360,36 @@ class TypoScriptTemplateObjectBrowserModuleFunctionController extends \TYPO3\CMS // If any POST-vars are send, update the condition array $tmpl->tsbrowser_depthKeys = $tmpl->ext_getSearchKeys($theSetup, '', GeneralUtility::_POST('search_field'), array()); } - $menu = '<div class="tsob-menu"><label>' . $GLOBALS['LANG']->getLL('browse') . '</label>'; - $menu .= BackendUtility::getFuncMenu($this->pObj->id, 'SET[ts_browser_type]', $bType, $this->pObj->MOD_MENU['ts_browser_type']); - $menu .= '<label for="ts_browser_toplevel_' . $bType . '">' . $GLOBALS['LANG']->getLL('objectList') . '</label>'; - $menu .= BackendUtility::getFuncMenu($this->pObj->id, 'SET[ts_browser_toplevel_' . $bType . ']', $this->pObj->MOD_SETTINGS['ts_browser_toplevel_' . $bType], $this->pObj->MOD_MENU['ts_browser_toplevel_' . $bType]); - //search - $menu .= '<label for="search_field">' . $GLOBALS['LANG']->getLL('search') . '</label>'; - $menu .= '<input type="search" name="search_field" id="search_field" value="' . htmlspecialchars($POST['search_field']) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . '/>'; - $menu .= '<input type="submit" name="search" class="tsob-search-submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_common.xlf:search') . '" />'; - $menu .= '<div class="checkbox"><label for="checkTs_browser_regexsearch">' . BackendUtility::getFuncCheck($this->pObj->id, 'SET[ts_browser_regexsearch]', $this->pObj->MOD_SETTINGS['ts_browser_regexsearch'], '', '', 'id="checkTs_browser_regexsearch"') . $GLOBALS['LANG']->getLL('regExp') . '</label></div>'; - $menu .= '</div>'; - $theOutput .= $this->pObj->doc->section('', '<nobr>' . $menu . '</nobr>'); + $theOutput .= ' + <div class="tsob-menu"> + <div class="form-inline">'; + if(is_array($this->pObj->MOD_MENU['ts_browser_type']) && count($this->pObj->MOD_MENU['ts_browser_type']) > 1){ + $theOutput .= ' + <div class="form-group"> + <label class="control-label">' . $GLOBALS['LANG']->getLL('browse') . '</label>' + . BackendUtility::getFuncMenu($this->pObj->id, 'SET[ts_browser_type]', $bType, $this->pObj->MOD_MENU['ts_browser_type']). ' + </div>'; + } + if(is_array($this->pObj->MOD_MENU['ts_browser_toplevel_' . $bType]) && count($this->pObj->MOD_MENU['ts_browser_toplevel_' . $bType]) > 1){ + $theOutput .= ' + <div class="form-group"> + <label class="control-label" for="ts_browser_toplevel_' . $bType . '">' . $GLOBALS['LANG']->getLL('objectList') . '</label> ' + . BackendUtility::getFuncMenu($this->pObj->id, 'SET[ts_browser_toplevel_' . $bType . ']', $this->pObj->MOD_SETTINGS['ts_browser_toplevel_' . $bType], $this->pObj->MOD_MENU['ts_browser_toplevel_' . $bType]) . ' + </div>'; + } + $theOutput .= ' + <div class="form-group"> + <label class="control-label" for="search_field">' . $GLOBALS['LANG']->getLL('search') . '</label> + <input class="form-control" type="search" name="search_field" id="search_field" value="' . htmlspecialchars($POST['search_field']) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . '/> + </div> + <input class="btn btn-default tsob-search-submit" type="submit" name="search" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_common.xlf:search') . '" /> + </div> + <div class="checkbox"> + <label for="checkTs_browser_regexsearch"> + ' . BackendUtility::getFuncCheck($this->pObj->id, 'SET[ts_browser_regexsearch]', $this->pObj->MOD_SETTINGS['ts_browser_regexsearch'], '', '', 'id="checkTs_browser_regexsearch"') . $GLOBALS['LANG']->getLL('regExp') . ' + </label> + </div> + </div>'; $theKey = $this->pObj->MOD_SETTINGS['ts_browser_toplevel_' . $bType]; if (!$theKey || !str_replace('-', '', $theKey)) { $theKey = ''; @@ -438,7 +457,7 @@ class TypoScriptTemplateObjectBrowserModuleFunctionController extends \TYPO3\CMS $out .= '<input class="checkbox" type="checkbox" name="conditions[' . $key . ']" id="check' . $key . '" value="' . htmlspecialchars($val) . '"' . ($this->pObj->MOD_SETTINGS['tsbrowser_conditions'][$key] ? ' checked' : '') . ' />' . $tmpl->substituteCMarkers(htmlspecialchars($val)); $out .= '</label></div>'; } - $theOutput .= '<div class="tsob-menu-row2">' . $out . '</div><input type="submit" name="Submit" value="' . $GLOBALS['LANG']->getLL('setConditions') . '" />'; + $theOutput .= '<div class="tsob-menu-row2">' . $out . '</div><input class="btn btn-default" type="submit" name="Submit" value="' . $GLOBALS['LANG']->getLL('setConditions') . '" />'; } // Ending section: $theOutput .= $this->pObj->doc->sectionEnd(); diff --git a/typo3/sysext/version/Classes/Controller/VersionModuleController.php b/typo3/sysext/version/Classes/Controller/VersionModuleController.php index 7854eae07c9738ed57eacaabfdcbf88c57434167..c69c30646481b7b7757446e746fdb12f897a2aa5 100644 --- a/typo3/sysext/version/Classes/Controller/VersionModuleController.php +++ b/typo3/sysext/version/Classes/Controller/VersionModuleController.php @@ -341,7 +341,7 @@ class VersionModuleController extends \TYPO3\CMS\Backend\Module\BaseScriptClass <td title="' . $GLOBALS['LANG']->getLL('tblHeaderDesc_t3ver_count') . '">' . $GLOBALS['LANG']->getLL('tblHeader_t3ver_count') . '</td> <td title="' . $GLOBALS['LANG']->getLL('tblHeaderDesc_pid') . '">' . $GLOBALS['LANG']->getLL('tblHeader_pid') . '</td> <td title="' . $GLOBALS['LANG']->getLL('tblHeaderDesc_t3ver_label') . '">' . $GLOBALS['LANG']->getLL('tblHeader_t3ver_label') . '</td> - <td colspan="2"><input type="submit" name="do_diff" value="' . $GLOBALS['LANG']->getLL('diff') . '" /></td> + <td colspan="2"><input class="btn btn-default" type="submit" name="do_diff" value="' . $GLOBALS['LANG']->getLL('diff') . '" /></td> </tr>'; $versions = BackendUtility::selectVersionsOfRecord($this->table, $this->uid, '*', $GLOBALS['BE_USER']->workspace); foreach ($versions as $row) { @@ -389,7 +389,7 @@ class VersionModuleController extends \TYPO3\CMS\Backend\Module\BaseScriptClass <br /><input type="hidden" name="cmd[' . $this->table . '][' . $this->uid . '][version][action]" value="new" /> <input type="hidden" name="prErr" value="1" /> <input type="hidden" name="redirect" value="' . htmlspecialchars($this->REQUEST_URI) . '" /> - <input type="submit" name="_" value="' . $GLOBALS['LANG']->getLL('createNewVersion') . '" /> + <input class="btn btn-default" type="submit" name="_" value="' . $GLOBALS['LANG']->getLL('createNewVersion') . '" /> ' . \TYPO3\CMS\Backend\Form\FormEngine::getHiddenTokenField('tceAction') . ' </form> diff --git a/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php b/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php index dfcff1ddbd2cec7ef433e1590ad2b0034deac32a..1c84f97454a1202ea53503d982be8313e8f3955e 100644 --- a/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php +++ b/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php @@ -130,12 +130,12 @@ class CreatePagesWizardModuleFunctionController extends \TYPO3\CMS\Backend\Modul for ($a = 0; $a < 9; $a++) { $tableData[] = $this->getFormLine($a); } - $lines[] = '<table id="formFieldContainer" class="t3-table table-fit"><tbody id="formFieldContainerBody">' . implode(LF, $tableData) . '</tbody></table>'; - $theCode .= '<h4>' . $this->getLanguageService()->getLL('wiz_newPages') . ':</h4>' . implode('', $lines) . '<input type="button" id="createNewFormFields" value="' . $this->getLanguageService()->getLL('wiz_newPages_addMoreLines') . '" />'; + $lines[] = '<div class="table-fit"><table id="formFieldContainer" class="table table-striped table-hover"><tbody id="formFieldContainerBody">' . implode(LF, $tableData) . '</tbody></table></div>'; + $theCode .= '<h4>' . $this->getLanguageService()->getLL('wiz_newPages') . ':</h4>' . implode('', $lines) . '<input class="btn btn-default" type="button" id="createNewFormFields" value="' . $this->getLanguageService()->getLL('wiz_newPages_addMoreLines') . '" />'; $theCode .= '<div class="checkbox"><label for="createInListEnd"><input type="checkbox" name="createInListEnd" id="createInListEnd" value="1" />' . $this->getLanguageService()->getLL('wiz_newPages_listEnd') . '</label></div>'; $theCode .= '<div class="checkbox"><label for="hidePages"><input type="checkbox" name="hidePages" id="hidePages" value="1" />' . $this->getLanguageService()->getLL('wiz_newPages_hidePages') . '</label></div>'; $theCode .= '<div class="checkbox"><label for="hidePagesInMenus"><input type="checkbox" name="hidePagesInMenus" id="hidePagesInMenus" value="1" />' . $this->getLanguageService()->getLL('wiz_newPages_hidePagesInMenus') . '</label></div>'; - $theCode .= '<input type="submit" name="create" value="' . $this->getLanguageService()->getLL('wiz_newPages_lCreate') . '" /> <input type="reset" value="' . $this->getLanguageService()->getLL('wiz_newPages_lReset') . '" />'; + $theCode .= '<input class="btn btn-default" type="submit" name="create" value="' . $this->getLanguageService()->getLL('wiz_newPages_lCreate') . '" /> <input class="btn btn-default" type="reset" value="' . $this->getLanguageService()->getLL('wiz_newPages_lReset') . '" />'; /** @var \TYPO3\CMS\Core\Page\PageRenderer $pageRenderer */ $pageRenderer = $GLOBALS['TBE_TEMPLATE']->getPageRenderer(); @@ -144,12 +144,6 @@ class CreatePagesWizardModuleFunctionController extends \TYPO3\CMS\Backend\Modul // Add inline code $inlineJavaScriptCode = 'var tpl = "' . addslashes(str_replace(array(LF, TAB), array('', ''), $this->getFormLine('#'))) . '", i, line, div, bg, label;'; $pageRenderer->addJsInlineCode('wizard_crpages', $inlineJavaScriptCode); - - $pageRenderer->addCssInlineBlock(__CLASS__, ' - #formFieldContainer {float: left; margin: 0 0 10px 0;} - #formFieldContainer label {width: 70px; display: inline-block;} - #formFieldContainer span {padding: 0 3px;} - '); } } else { $theCode .= GeneralUtility::makeInstance(FlashMessage::class, '', $this->getLanguageService()->getLL('wiz_newPages_errorMsg1'), FlashMessage::ERROR)->render(); diff --git a/typo3/sysext/wizard_sortpages/Classes/View/SortPagesWizardModuleFunction.php b/typo3/sysext/wizard_sortpages/Classes/View/SortPagesWizardModuleFunction.php index ba32674ea8a8ad01009cc62d49b2619fb7ea9e3b..b6926d452feaaa90add2b0aad8ac134aa2015015 100644 --- a/typo3/sysext/wizard_sortpages/Classes/View/SortPagesWizardModuleFunction.php +++ b/typo3/sysext/wizard_sortpages/Classes/View/SortPagesWizardModuleFunction.php @@ -80,7 +80,7 @@ class SortPagesWizardModuleFunction extends \TYPO3\CMS\Backend\Module\AbstractFu </tr>'; } $theCode .= '<h2>' . $GLOBALS['LANG']->getLL('wiz_currentPageOrder', TRUE) . '</h2>'; - $theCode .= '<div class="table-fit"><table class="t3-table">' . implode('', $lines) . '</table></div>'; + $theCode .= '<div class="table-fit"><table class="table table-striped table-hover">' . implode('', $lines) . '</table></div>'; // Menu: $lines = array();