[TASK] Base backend login on Twitter Bootstrap 78/33278/7
authorIngo Pfennigstorf <i.pfennigstorf@gmail.com>
Fri, 17 Oct 2014 12:35:32 +0000 (14:35 +0200)
committerFelix Kopp <felix-source@phorax.com>
Fri, 17 Oct 2014 13:12:39 +0000 (15:12 +0200)
* Change HTML & CSS by using twb
* Cleanup the Controller, e.g remove backend_old setting

Gorgeous brand new login screen for TYPO3 backend.

Resolves: #62180
Releases: master
Change-Id: Idc56f14a22e98d95f49cb73223732f2b17b98fab
Reviewed-on: http://review.typo3.org/33278
Reviewed-by: Felix Kopp <felix-source@phorax.com>
Tested-by: Felix Kopp <felix-source@phorax.com>
Reviewed-by: Ingo Pfennigstorf <i.pfennigstorf@gmail.com>
Tested-by: Ingo Pfennigstorf <i.pfennigstorf@gmail.com>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Frank Nägler <typo3@naegler.net>
Tested-by: Frank Nägler <typo3@naegler.net>
typo3/gfx/typo3-transparent@2x.png [new file with mode: 0644]
typo3/sysext/backend/Classes/Controller/LoginController.php
typo3/sysext/backend/Resources/Private/Templates/login.html
typo3/sysext/backend/Resources/Public/JavaScript/Login.js
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less
typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css
typo3/sysext/t3skin/ext_tables.php
typo3/sysext/t3skin/images/login/login-submit-background.gif [deleted file]

diff --git a/typo3/gfx/typo3-transparent@2x.png b/typo3/gfx/typo3-transparent@2x.png
new file mode 100644 (file)
index 0000000..f646ed4
Binary files /dev/null and b/typo3/gfx/typo3-transparent@2x.png differ
index 6f7616b..240afd2 100644 (file)
@@ -133,10 +133,7 @@ class LoginController {
                // Do a logout if the command is set
                if ($this->L == 'OUT' && is_object($GLOBALS['BE_USER'])) {
                        $GLOBALS['BE_USER']->logoff();
-                       if ($this->redirect_url) {
-                               HttpUtility::redirect($this->redirect_url);
-                       }
-                       die;
+                       HttpUtility::redirect($this->redirect_url);
                }
        }
 
@@ -151,6 +148,7 @@ class LoginController {
                /** @var $pageRenderer \TYPO3\CMS\Core\Page\PageRenderer */
                $pageRenderer = $GLOBALS['TBE_TEMPLATE']->getPageRenderer();
                $pageRenderer->loadJquery();
+
                // support placeholders for IE9 and lower
                $clientInfo = GeneralUtility::clientInfo();
                if ($clientInfo['BROWSER'] == 'msie' && $clientInfo['VERSION'] <= 9) {
@@ -269,10 +267,11 @@ class LoginController {
         */
        public function wrapLoginForm($content) {
                $mainContent = HtmlParser::getSubpart($GLOBALS['TBE_TEMPLATE']->moduleTemplate, '###PAGE###');
+
                if ($GLOBALS['TBE_STYLES']['logo_login']) {
                        $logo = '<img src="' . htmlspecialchars(($GLOBALS['BACK_PATH'] . $GLOBALS['TBE_STYLES']['logo_login'])) . '" alt="" class="t3-login-logo" />';
                } else {
-                       $logo = '<img' . IconUtility::skinImg($GLOBALS['BACK_PATH'], 'gfx/typo3logo.gif', 'width="123" height="34"') . ' alt="" class="t3-login-logo" />';
+                       $logo = '<img' . IconUtility::skinImg($GLOBALS['BACK_PATH'], 'gfx/typo3-transparent@2x.png', 'width="140" height="39"') . ' alt="" class="t3-login-logo t3-default-logo" />';
                }
 
                $additionalCssClasses = array();
@@ -348,8 +347,6 @@ class LoginController {
                        // Based on specific setting of interface we set the redirect script:
                        switch ($this->GPinterface) {
                                case 'backend':
-
-                               case 'backend_old':
                                        $this->redirectToURL = 'backend.php';
                                        break;
                                case 'frontend':
@@ -398,14 +395,14 @@ class LoginController {
                        // Only if more than one interface is defined will we show the selector:
                        if (count($parts) > 1) {
                                // Initialize:
-                               $labels = array();
-                               $labels['backend'] = $GLOBALS['LANG']->getLL('interface.backend');
-                               $labels['backend_old'] = $GLOBALS['LANG']->getLL('interface.backend_old');
-                               $labels['frontend'] = $GLOBALS['LANG']->getLL('interface.frontend');
-                               $jumpScript = array();
-                               $jumpScript['backend'] = 'backend.php';
-                               $jumpScript['backend_old'] = 'backend.php';
-                               $jumpScript['frontend'] = '../';
+                               $labels = array(
+                                       'backend' => $GLOBALS['LANG']->getLL('interface.backend'),
+                                       'frontend' => $GLOBALS['LANG']->getLL('interface.frontend')
+                               );
+                               $jumpScript = array(
+                                       'backend' => 'backend.php',
+                                       'frontend' => '../'
+                               );
                                // Traverse the interface keys:
                                foreach ($parts as $valueStr) {
                                        $this->interfaceSelector .= '
@@ -414,10 +411,10 @@ class LoginController {
                                                        <option value="' . htmlspecialchars($jumpScript[$valueStr]) . '">' . htmlspecialchars($labels[$valueStr]) . '</option>';
                                }
                                $this->interfaceSelector = '
-                                               <select id="t3-interfaceselector" name="interface" class="c-interfaceselector" tabindex="3">' . $this->interfaceSelector . '
+                                               <select id="t3-interfaceselector" name="interface" class="form-control t3-interfaces input-lg" tabindex="3">' . $this->interfaceSelector . '
                                                </select>';
                                $this->interfaceSelector_jump = '
-                                               <select id="t3-interfaceselector" name="interface" class="c-interfaceselector" tabindex="3" onchange="window.location.href=this.options[this.selectedIndex].value;">' . $this->interfaceSelector_jump . '
+                                               <select id="t3-interfaceselector" name="interface" class="form-control t3-interfaces input-lg" tabindex="3" onchange="window.location.href=this.options[this.selectedIndex].value;">' . $this->interfaceSelector_jump . '
                                                </select>';
                        } elseif (!$this->redirect_url) {
                                // If there is only ONE interface value set and no redirect_url is present:
@@ -460,9 +457,9 @@ class LoginController {
                        $count = 1;
                        foreach ($systemNews as $newsItemData) {
                                $additionalClass = '';
-                               if ($count == 1) {
+                               if ($count === 1) {
                                        $additionalClass = ' first-item';
-                               } elseif ($count == count($systemNews)) {
+                               } elseif ($count === count($systemNews)) {
                                        $additionalClass = ' last-item';
                                }
                                $newsItemContent = $htmlParser->TS_transform_rte($htmlParser->TS_links_rte($newsItemData['content']));
@@ -511,7 +508,7 @@ class LoginController {
                $output = '';
                // The form defaults to 'no login'. This prevents plain
                // text logins to the Backend. The 'sv' extension changes the form to
-               // use superchallenged method and rsaauth extension makes rsa authetication.
+               // use superchallenged method and rsaauth extension makes rsa authentication.
                $form = '<form action="index.php" method="post" name="loginform" ' . 'onsubmit="alert(\'No authentication methods available. Please, contact your TYPO3 administrator.\');return false">';
                // Call hooks. If they do not return anything, we fail to login
                if (is_array($GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['typo3/index.php']['loginFormHook'])) {
@@ -524,7 +521,11 @@ class LoginController {
                                }
                        }
                }
-               $output .= $form . '<input type="hidden" name="login_status" value="login" />' . '<input type="hidden" id="t3-field-userident" name="userident" value="" />' . '<input type="hidden" name="redirect_url" value="' . htmlspecialchars($this->redirectToURL) . '" />' . '<input type="hidden" name="loginRefresh" value="' . htmlspecialchars($this->loginRefresh) . '" />' . $this->interfaceSelector_hidden . $this->addFields_hidden;
+               $output .= $form . '<input type="hidden" name="login_status" value="login" />' .
+                       '<input type="hidden" id="t3-field-userident" name="userident" value="" />' .
+                       '<input type="hidden" name="redirect_url" value="' . htmlspecialchars($this->redirectToURL) . '" />' .
+                       '<input type="hidden" name="loginRefresh" value="' . htmlspecialchars($this->loginRefresh) . '" />' .
+                       $this->interfaceSelector_hidden . $this->addFields_hidden;
                return $output;
        }
 
index 6202b43..edb3338 100644 (file)
 <!-- ###PAGE### begin -->
-<div id="t3-login-form" ###CSS_CLASSES###>
-       ###LOGO###
+<div id="t3-login-wrap">
+       <div class="t3-login-header">
+               ###LOGO###
+       </div>
 
-       <div class="shadow">
-               <div class="t3-headline">
-                       <h2>###HEADLINE###</h2>
-               </div>
+       <div class="t3-login-body">
+               <form accept-charset="UTF-8" role="form" id="login-form" method="post">
+                       ###FORM###
+               </form>
 
-               <div class="t3-login-box-body">
-                       <noscript>
-                               <div id="t3-noscript-error" class="t3-login-alert t3-login-alert-error">
-                                       <h2>###ERROR_JAVASCRIPT###</h2>
-                               </div>
-                       </noscript>
-                       <div id="t3-nocookies-error" class="t3-login-alert t3-login-alert-warning" style="display:none">
-                               <h2>###ERROR_COOKIES###</h2>
-                               <div id="t3-nocookies-ignore"><a href="#" onclick="TYPO3.BackendLogin.hideCookieWarning()">###ERROR_COOKIES_IGNORE###</a></div>
-                       </div>
-                       <div id="t3-login-process" style="display: none">
-                               <h2>###LOGIN_PROCESS###</h2>
+               <div class="t3-login-footer">
+                       <div id="t3-login-form-footer-default">
+                               <a id="t3-login-switchToOpenId" class="switchToOpenId text-muted">
+                                       <i class="fa fa-openid"></i>###LABEL_SWITCHOPENID###
+                               </a>
                        </div>
 
-                       ###FORM###
-
+                       <div id="t3-login-form-footer-openId" style="display: none;">
+                               <a id="t3-login-switchToDefault" class="switchToOpenId">
+                                       <i class="fa fa-key"></i>###LABEL_SWITCHDEFAULT###
+                               </a>
+                       </div>
                </div>
        </div>
-
        ###NEWS###
+</div>
 
-       <div id="t3-copyright-notice">
-               ###COPYRIGHT###
-       </div>
-       <div id="t3-meta-links">
-               <a href="http://typo3.org" target="_blank" class="t3-login-link-typo3">TYPO3.org</a>
-               &#124;
-               <a href="http://typo3.org/donate/" target="_blank" class="t3-login-link-donate">###LABEL_DONATELINK###</a>
-       </div>
+
+<div id="t3-login-copyright">
+       ###COPYRIGHT###
+       <a href="http://typo3.org" target="_blank" class="t3-login-link-typo3">TYPO3.org</a>,
+       <strong><a href="http://typo3.org/donate/" target="_blank" class="t3-login-link-donate">###LABEL_DONATELINK###</a></strong>
 </div>
 <!-- ###PAGE### end -->
 
-<!-- ###LOGIN_NEWS### begin -->
-<div id="t3-login-news-outer" class="shadow">
-       <div class="t3-headline">
-               <h2 class="t3-login-news-headline">###NEWS_HEADLINE###</h2>
-       </div>
-       <div class="t3-login-box-body">
-               <div id="t3-login-news">
-                       <!-- ###NEWS_ITEM### begin -->
-                       <dl class="t3-login-news-item###CLASS###">
-                               <dt>
-                                       <span class="t3-news-date">###DATE###: </span>
-                                       <span class="t3-news-title">###HEADER###</span>
-                               </dt>
-                               <dd>
-                                       ###CONTENT###
-                               </dd>
-                       </dl>
-                       <!-- ###NEWS_ITEM### end -->
-               </div>
-       </div>
-</div>
-<div class="t3-login-box-border-bottom"></div>
-<!-- ###LOGIN_NEWS### end -->
 
 <!-- ###LOGIN_FORM### begin -->
+       <!-- ###LOGIN_ERROR### begin -->
+       <div id="t3-login-error" class="alert alert-danger">
+               <strong>###ERROR_LOGIN_TITLE###</strong>
+               <p>###ERROR_LOGIN_DESCRIPTION###</p>
+       </div>
+       <!-- ###LOGIN_ERROR### end -->
 
-<!-- ###LOGIN_ERROR### begin -->
-<div id="t3-login-error" class="t3-login-alert t3-login-alert-error">
-       <h2>###ERROR_LOGIN_TITLE###</h2>
-       <p>###ERROR_LOGIN_DESCRIPTION###</p>
-</div>
-<!-- ###LOGIN_ERROR### end -->
+       <noscript>
+               <div id="t3-noscript-error" class="t3-login-alert t3-login-alert-error">
+                       <h4>###ERROR_JAVASCRIPT###</h4>
+               </div>
+       </noscript>
 
-<div id="t3-login-form-fields" class="###CSS_OPENIDCLASS###">
-       <div class="form-group t3-login-field" id="t3-login-username-section">
-               <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" placeholder="###LABEL_USERNAME###" class="form-control t3-username input-lg" autofocus="autofocus" />
+       <div id="t3-nocookies-error" class="t3-login-alert alert alert-warning" style="display:none;">
+               <h4>###ERROR_COOKIES###</h4>
+       </div>
 
-               <div class="t3-login-clearInputField">
-                       <a id="t3-username-clearIcon" style="display: none;">
-                               <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
-                       </a>
-               </div>
-               <div class="t3-login-alert-capslock" id="t3-username-alert-capslock" style="display: none">
+       <div class="form-group" id="t3-login-username-section">
+               <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" placeholder="###LABEL_USERNAME###" class="form-control t3-username" autofocus="autofocus" required="required">
+
+               <div class="t3-login-alert-capslock" id="t3-username-alert-capslock" style="display: none;">
                        <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
                </div>
        </div>
 
-       <div class="form-group t3-login-password t3-login-field" id="t3-login-password-section">
-               <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" placeholder="###LABEL_PASSWORD###" class="form-control t3-password input-lg" />
+       <div class="form-group" id="t3-login-password-section">
+               <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" placeholder="###LABEL_PASSWORD###" class="form-control t3-password" required="required">
 
-               <div class="t3-login-clearInputField">
-                       <a id="t3-password-clearIcon" style="display: none;">
-                               <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
-                       </a>
-               </div>
-               <div class="t3-login-alert-capslock" id="t3-password-alert-capslock" style="display: none">
+               <div class="t3-login-alert-capslock" id="t3-password-alert-capslock" style="display: none;">
                        <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
                </div>
        </div>
 
-       <div class="form-group t3-login-field" id="t3-login-openid_url-section" style="display: none">
-               <input type="text" id="openid_url" name="openid_url" value="###VALUE_OPENID_URL###" placeholder="###LABEL_OPENID###" class="form-control t3-openidurl" />
+       <div class="form-group" id="t3-login-openid_url-section" style="display: none;">
+               <div class="input-group">
+                       <input type="text" id="openid_url" name="openid_url" value="###VALUE_OPENID_URL###" placeholder="###LABEL_OPENID###" class="form-control t3-openidurl" />
 
-               <div class="t3-login-clearInputField">
-                       <a id="openid_url-clearIcon" style="display: none;">
-                               <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
-                       </a>
+                       <div class="input-group-addon">
+                               <span class="fa fa-openid"></span>
+                       </div>
                </div>
        </div>
 
-       <div class="form-group t3-login-field clearfix">
+       <div class="form-group">
                <!-- ###INTERFACE_SELECTOR### begin -->
                <div class="t3-login-interface" id="t3-login-interface-section">
                        ###VALUE_INTERFACE###
-                       </div>
-               <!-- ###INTERFACE_SELECTOR### end -->
-
-               <div id="t3-login-openIdLogo" style="display: none">
-                       <img src="sysext/t3skin/icons/logo-openid.png" alt="OpenID" title="OpenID" />
                </div>
-
-               <input type="submit" name="commandLI" id="t3-login-submit" value="###VALUE_SUBMIT###" class="form-control pull-right t3-login-submit" />
+               <!-- ###INTERFACE_SELECTOR### end -->
        </div>
 
-       <div class="t3-login-form-footer">
-               <div id="t3-login-form-footer-default">
-                       <a id="t3-login-switchToOpenId" class="switchToOpenId">###LABEL_SWITCHOPENID###</a>
-               </div>
+       <div class="form-group">
+               <input type="submit" name="commandLI" value="###VALUE_SUBMIT###" id="t3-login-submit" class="form-control" />
 
-               <div id="t3-login-form-footer-openId" style="display: none">
-                       <a href="http://openid.net/" id="t3-login-whatIsOpenId" target="_blank" class="switchToOpenId">###LABEL_WHATISOPENID###</a>
-                       &#124;
-                       <a id="t3-login-switchToDefault" class="switchToOpenId">###LABEL_SWITCHDEFAULT###</a>
+               <div id="t3-login-process" style="display: none;">
+                       <i class="fa fa-spin fa-spinner"></i>
+                       ###LOGIN_PROCESS###
                </div>
        </div>
-</div>
 <!-- ###LOGIN_FORM### end -->
 
+
 <!-- ###LOGOUT_FORM### begin -->
-<div id="t3-login-form-fields">
+<div class="t3-login-box-body">
        <div class="t3-login-logout-form">
-               <div class="t3-login-username t3-login-field">
+               <div class="t3-login-username">
                        <div class="t3-login-label t3-username">
                                ###LABEL_USERNAME###
                        </div>
                                ###VALUE_USERNAME###
                        </div>
                </div>
+
                <!-- ###INTERFACE_SELECTOR### begin -->
-               <div class="t3-login-interface t3-login-field">
+               <div class="t3-login-interface">
                        <div class="t3-login-label t3-interface-selector">
                                ###LABEL_INTERFACE###
                        </div>
                        ###VALUE_INTERFACE###
-                       <!-- ###INTERFACE_SELECTOR### end -->
                </div>
-               <input type="hidden" name="p_field" value="" /><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="t3-login-submit" />
+               <!-- ###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" />
+       </div>
+</div>
+<!-- ###LOGOUT_FORM### end -->
+
+
+<!-- ###LOGIN_NEWS### begin -->
+<div id="t3-login-news">
+       <div class="t3-login-box-body">
+               <dl>
+                       <!-- ###NEWS_ITEM### begin -->
+                       <dt>
+                               <span class="t3-news-date">###DATE###</span><br>
+                               ###HEADER###
+                       </dt>
+                       <dd>
+                               ###CONTENT###
+                       </dd>
+                       <!-- ###NEWS_ITEM### end -->
+               </dl>
        </div>
 </div>
-<!-- ###LOGOUT_FORM### end -->
\ No newline at end of file
+<!-- ###LOGIN_NEWS### end -->
index 77281f0..c2e76e3 100755 (executable)
@@ -11,8 +11,6 @@
  * The TYPO3 project - inspiring people to share!
  */
 define('TYPO3/CMS/Backend/Login', ['jquery'], function($) {
-
-       var isWebKit = document.childNodes && !document.all && !navigator.taintEnabled;
        var BackendLogin = {
                options: {
                        usernameField: '#t3-username',
@@ -55,8 +53,6 @@ define('TYPO3/CMS/Backend/Login', ['jquery'], function($) {
         * Change to Interface for OpenId login and save the selection to a cookie
         */
        BackendLogin.switchToOpenId = function() {
-               $('t3-login-openIdLogo').show();
-
                $('#t3-login-form-footer-default').hide();
                $('#t3-login-form-footer-openId').show();
 
@@ -239,13 +235,11 @@ define('TYPO3/CMS/Backend/Login', ['jquery'], function($) {
                $(document).on('focus blur keypress', options.usernameField + ', ' + options.passwordField + ', ' + options.openIdField, function() {
                        BackendLogin.setVisibilityOfClearIcon($(this));
                });
-               if (!isWebKit) {
-                       $(document).on('keypress', options.usernameField + ', ' + options.passwordField + ', ' + options.openIdField, function(evt) {
-                               BackendLogin.showCapsLockWarning($(this).siblings('.t3-login-alert-capslock'), evt);
-                       });
-               }
+               $(document).on('keypress', options.usernameField + ', ' + options.passwordField + ', ' + options.openIdField, function(evt) {
+                       BackendLogin.showCapsLockWarning($(this).siblings('.t3-login-alert-capslock'), evt);
+               });
        };
-       // intialize and return the BackendLogin object
+       // initialize and return the BackendLogin object
        return function() {
 
                $(document).ready(function() {
index 7d538b7..6a4c5d1 100644 (file)
  * 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 #t3-login-news-outer #t3-login-news dt {
-       font-weight: bold;
-}
-
-#typo3-index-php #t3-login-news-outer #t3-login-news dd {
-       border: 0;
-}
-
 #typo3-index-php {
-       background-color: #494949;
-       background-image: url('../../../../images/backgrounds/gray-gradient.png');
-       background-repeat: repeat-x;
-       margin: 0;
-
-       #t3-login-form {
-               margin: 0 auto;
-               width: 430px;
-               padding: 10% 0 0 0;
-
-               .t3-login-logo {
-                       margin-bottom: 30px;
-               }
-       }
+       background: rgb(235, 235, 235);
 
-       #t3-login-form-fields {
-               font-size: 11px;
-       }
-
-       .t3-icons {
-               float: left;
-               padding: 3px 5px 0 0;
-       }
-
-       .t3-headline {
-               background-color: #4f4f4f;
-               margin: 0;
-               width: auto;
+       min-width: 400px;
+       min-height: 550px;
 
-               .t3-login-news-headline {
-                       padding: 0 0 0 40px;
-                       vertical-align: middle;
-               }
-
-               h2 {
-                       background: transparent url('../../../../icons/login-icon-key.png') no-repeat 12px 8px;
-                       color: #fff;
-                       font-size: 12px;
-                       margin: 0;
-                       padding: 5px 12px 5px 40px;
-                       line-height: 24px;
-               }
-       }
-
-       #t3-login-interface-section {
-               float: left;
-       }
-
-       div#t3-login-image {
-               text-align: left;
-       }
-
-       input.t3-login-submit {
-               background-color: #ff8600;
-               background-image: url('../../../../images/login/login-submit-background.gif');
-               background-image: linear-gradient(center top, #fe9500 0%, #cf6610 100%);
-               background-repeat: repeat-x;
-               border-top: 1px solid #ffb955;
-               border-left: 1px solid #E69036;
-               text-shadow: 0px -1px 0px rgba(149, 81, 5, 0.6);
-               color: #fff;
-       }
-
-       .t3-login-error {
-               margin: 2px;
-               padding: 10px;
-       }
-
-       .t3-login-field {
-               .t3-login-alert-capslock {
-                       left: 300px;
-                       position: absolute;
-                       top: 5px;
-               }
-
-               .t3-login-clearInputField {
-                       cursor: pointer;
-                       position: absolute;
-                       top: 11px;
-                       right: 11px;
-               }
-
-               input.t3-login-submit {
-                       width: auto;
-
-                       height: 28px;
-                       padding: 0 50px;
+       #t3-login-wrap {
+               position: absolute;
+               left: 50%;
+               margin-left: -200px;
+               width: 400px;
+               z-index: 1;
+               padding-top: 50px;
+               padding-bottom: 100px;
+
+               .t3-login-header {
+                       padding: @line-height-computed;
+
+                       .t3-default-logo {
+                               margin: 5px 15px;
+                       }
                }
 
-       }
-
-       input {
-               background: #fff;
-               border: none;
-               color: #606060;
-               font-size: 12px;
-       }
+               .t3-login-body {
+                       background-color: @gray-dark;
+                       padding: 25px 40px;
+
+                       .form-group {
+                               margin-bottom: 10px;
+                               position: relative;
+
+                               .form-control {
+                                       border-radius: 0;
+                                       background-color: darken(@gray-dark, 12.5%);
+                                       color: lighten(@gray-dark, 30%);
+                                       border: none;
+                                       font-size: @font-size-base;
+                                       height: @input-height-large;
+                                       padding-left: 12px;
+                                       padding-right: 12px;
+                               }
+                               .form-control:hover {
+                                       color: #fff;
+                               }
+                               .form-control:focus {
+                                       border: none;
+                                       box-shadow: none;
+                               }
+
+                               .input-group-addon {
+                                       background-color: darken(@gray-dark, 12.5%);
+                                       color: lighten(@gray-dark, 30%);
+                                       border-radius: 0;
+                                       border: none;
+                               }
+
+                               #t3-login-submit {
+                                       background-color: #ff8600;
+                                       background-image: linear-gradient(center top, #fe9500 0%, #cf6610 100%);
+                                       background-repeat: repeat-x;
+                                       text-shadow: 0px -1px 0px rgba(149, 81, 5, 0.6);
+                                       color: #fff;
+                                       padding: 4px 20px;
+                                       height: @input-height-large;
+                               }
+
+                               #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: @input-height-large;
+                                       text-align: center;
+                               }
 
-       .t3-login-field,
-       .t3-login-submit {
-               margin: 0 0 6px;
-               /** For clearable */
-               position: relative;
-       }
+                       }
 
-       #t3-login-process {
-               h2 {
-                       display: inline;
-                       padding: 20px 0 20px 50px;
-                       position: relative;
-                       top: 45%;
-                       vertical-align: middle;
-               }
-       }
+                       .form-group:last-child {
+                               margin-bottom: 0;
+                       }
 
-       #t3-login-openIdLogo {
-               position: absolute;
-       }
+                       a {
+                               cursor: pointer;
 
-       .t3-login-openid-disabled {
-               .t3-login-form-footer,
-               #t3-login-openIdLogo {
-                       display: none;
-               }
+                               i {
+                                       margin-right: 6px;
+                               }
 
-       }
+                               &.switchToOpenId {
+                                       color: lighten(@gray-dark, 30%);
+                               }
+                       }
 
-       #t3-interfaceselector {
-               font-size: 11px;
 
-               option {
-                       height: 19px;
                }
-       }
-
-       .t3-login-box-body {
-               background-color: #c2c2c2;
-               background-image: linear-gradient(center top, #e2e2e2 0%, #c2c2c2 100%);
-               background-repeat: repeat-x;
-               padding: 25px 40px 20px 40px;
-       }
-
-       #t3-login-news-outer {
-               margin-top: 35px;
 
                #t3-login-news {
-                       margin-top: 0;
-                       clear: both;
+                       background: #fff;
+                       padding: 25px 40px;
 
-                       dd {
-                               clear: both;
-                               margin-left: 0;
-                               padding: 0;
-                       }
-
-                       .t3-login-news-item {
+                       h4 {
                                margin-top: 0;
-                               padding-top: 20px;
                        }
-               }
 
-               .t3-login-box-body {
-                       padding-bottom: 14px;
-                       padding-top: 0;
-               }
-       }
+                       dl {
+                               margin-bottom: 0;
 
-       .shadow {
-               box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.3);
-       }
+                               dt {
+                                       span {
+                                               color: @headings-small-color;
+                                               font-size: @font-size-small;
+                                       }
 
-       div#t3-copyright-notice {
-               border-top: 1px solid #565655;
-               font-weight: normal;
-               font-size: 10px;
-               color: #797878;
-               padding-top: 12px;
-               margin-top: 30px;
-
-               a {
-                       color: #797878;
-                       text-decoration: underline;
-               }
-
-               a:hover {
-                       color: #b0b0b0;
-               }
-
-       }
-
-       .t3-login-logout-form {
-               .t3-username-current {
-                       float: left;
-                       height: 21px;
-                       vertical-align: middle;
+                                       font-size: @font-size-h3;
+                                       font-weight: @headings-font-weight;
+                               }
+                       }
                }
 
-               .t3-username-current,
-               div.t3-login-label {
-                       color: #606060;
-                       line-height: 21px;
-               }
        }
 
-       #t3-meta-links {
-               color: #797878;
-               font-size: 10px;
+       #t3-login-copyright {
+               font-size: 11px;
+               color: @gray;
+               position: fixed;
+               bottom: @line-height-computed;
+               left: @line-height-computed;
+               right: @line-height-computed;
 
                a {
-                       color: #797878;
+                       color: darken(@gray, 15%);
                        text-decoration: underline;
                }
 
                a:hover {
-                       color: #b0b0b0;
-               }
-
-               a.t3-login-link-donate {
-                       font-weight: bold;
+                       color: #000;
                }
-       }
-}
-
-#t3-nocookies-ignore {
-       margin-top: 10px;
-}
-
-/**
- * @section logout
- */
-
-#typo3-index-php .t3-login-logout-form div.t3-login-label {
-       float: left;
-       padding-right: 10px;
-       width: 70px;
-}
-
-/**
- * @section erros/warnings
- */
-.t3-login-alert {
-       padding: 12px;
-       margin-bottom: 6px;
-
-       p {
-               font-size: 11px;
-               line-height: 15px;
-               margin: 10px 0 0 0;
-               padding: 0 10px 0 30px;
-       }
-
-       a {
-               text-decoration: underline;
-       }
-
-       h2 {
-               background: none;
-               font-size: 14px;
-               margin: 0;
-               padding: 0 10px 0 30px;
-               line-height: 16px;
-       }
-}
-
-
-/**
- * @section box layout
- */
-
-
-.t3-login-box-shadow {
-       height: 3px;
-}
-
-.t3-login-box-border-bottom {
-       height: 6px;
-}
-
-/* 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 #t3-login-process {
-       text-align: center;
-
-       h2 {
-               background: url('../../../../icons/login-submit-progress.gif') no-repeat 10px center;
-               font-size: 11px !important;
-       }
-}
-
-#typo3-index-php .t3-headline .t3-login-news-headline {
-       background: transparent url('../../../../icons/login-icon-news.gif') no-repeat 10px center;
-       color: #fff;
-       font-size: 12px;
-       line-height: 3em;
-}
-
-#typo3-index-php .t3-login-form-footer {
-       text-align: right;
-
-       a {
-               cursor: pointer;
-       }
-}
-
-#typo3-index-php .t3-login-form-footer,
-#typo3-index-php .t3-login-form-footer a.switchToOpenId,
-#typo3-index-php dl#t3-login-news a {
-       color: #888;
-       font-size: 10px;
-}
-
-#typo3-index-php .t3-login-form-footer a.switchToOpenId,
-#typo3-index-php dl#t3-login-news a {
-       text-decoration: underline;
-}
-
-#typo3-index-php .t3-login-form-footer a.switchToOpenId:hover,
-#typo3-index-php dl#t3-login-news a:hover {
-       color: #333;
-}
-
-/**
- * @section erros/warnings
- */
-
-.t3-login-alert-error {
-       background: #f6d3cf;
-       border: 1px solid #d66c68;
-
-       h2 {
-               background: url('../../../../icons/login-alert-error.gif') no-repeat left 2px;
-               color: #be0027;
-       }
-
-       p,
-       a {
-               color: #be0027;
-       }
-}
-
-#t3-nocookies-ignore {
-       padding-left: 30px;
-}
-
-.t3-login-alert-warning {
-       background: #fbf6de;
-       border: 1px solid #b1905c;
-
-       h2 {
-               background: url('../../../../icons/login-alert-warning.gif') no-repeat left 2px;
-               color: #9e7d4a;
-       }
 
-       p,
-       a {
-               color: #9e7d4a;
        }
 }
index 4508a23..4300376 100644 (file)
@@ -46,8 +46,8 @@
 @font-family-base:        @font-family-sans-serif;
 
 @font-size-base:          12px;
-@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
-@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
+@font-size-large:         ceil((@font-size-base * 1.25)); // ~15px
+@font-size-small:         ceil((@font-size-base * 0.85)); // ~11px
 
 @font-size-h1:            floor((@font-size-base * 2.3));
 @font-size-h2:            floor((@font-size-base * 1.6));
 //** Default `.form-control` height
 @input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
 //** Large `.form-control` height
-@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
+@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 1.6) + 2);
 //** Small `.form-control` height
 @input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
 
 //** Abbreviations and acronyms border color
 @abbr-border-color:           @gray-light;
 //** Headings small color
-@headings-small-color:        @gray-light;
+@headings-small-color:        @gray;
 //** Blockquote small color
 @blockquote-small-color:      @gray-light;
 //** Blockquote font size
index 865564e..d3cd2f0 100644 (file)
@@ -847,7 +847,7 @@ h6 .small,
 .h6 .small {
   font-weight: normal;
   line-height: 1;
-  color: #d7d7d7;
+  color: #737373;
 }
 h1,
 .h1,
@@ -2232,7 +2232,7 @@ input[type="date"].input-lg,
 input[type="time"].input-lg,
 input[type="datetime-local"].input-lg,
 input[type="month"].input-lg {
-  line-height: 46px;
+  line-height: 41.2px;
 }
 .form-group {
   margin-bottom: 15px;
@@ -2326,15 +2326,15 @@ select[multiple].input-sm {
 }
 .input-lg,
 .form-horizontal .form-group-lg .form-control {
-  height: 46px;
+  height: 41.2px;
   padding: 12px 12px;
   font-size: 15px;
   line-height: 1.33;
   border-radius: 6px;
 }
 select.input-lg {
-  height: 46px;
-  line-height: 46px;
+  height: 41.2px;
+  line-height: 41.2px;
 }
 textarea.input-lg,
 select[multiple].input-lg {
@@ -2358,9 +2358,9 @@ select[multiple].input-lg {
   text-align: center;
 }
 .input-lg + .form-control-feedback {
-  width: 46px;
-  height: 46px;
-  line-height: 46px;
+  width: 41.2px;
+  height: 41.2px;
+  line-height: 41.2px;
 }
 .input-sm + .form-control-feedback {
   width: 26px;
@@ -3257,7 +3257,7 @@ tbody.collapse.in {
 .input-group-lg > .form-control,
 .input-group-lg > .input-group-addon,
 .input-group-lg > .input-group-btn > .btn {
-  height: 46px;
+  height: 41.2px;
   padding: 12px 12px;
   font-size: 15px;
   line-height: 1.33;
@@ -3266,8 +3266,8 @@ tbody.collapse.in {
 select.input-group-lg > .form-control,
 select.input-group-lg > .input-group-addon,
 select.input-group-lg > .input-group-btn > .btn {
-  height: 46px;
-  line-height: 46px;
+  height: 41.2px;
+  line-height: 41.2px;
 }
 textarea.input-group-lg > .form-control,
 textarea.input-group-lg > .input-group-addon,
@@ -9713,297 +9713,123 @@ AJAX Page Tree
  * 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 #t3-login-news-outer #t3-login-news dt {
-  font-weight: bold;
-}
-#typo3-index-php #t3-login-news-outer #t3-login-news dd {
-  border: 0;
-}
 #typo3-index-php {
-  background-color: #494949;
-  background-image: url('../../../../images/backgrounds/gray-gradient.png');
-  background-repeat: repeat-x;
-  margin: 0;
+  background: #ebebeb;
+  min-width: 400px;
+  min-height: 550px;
 }
-#typo3-index-php #t3-login-form {
-  margin: 0 auto;
-  width: 430px;
-  padding: 10% 0 0 0;
+#typo3-index-php #t3-login-wrap {
+  position: absolute;
+  left: 50%;
+  margin-left: -200px;
+  width: 400px;
+  z-index: 1;
+  padding-top: 50px;
+  padding-bottom: 100px;
 }
-#typo3-index-php #t3-login-form .t3-login-logo {
-  margin-bottom: 30px;
+#typo3-index-php #t3-login-wrap .t3-login-header {
+  padding: 18px;
 }
-#typo3-index-php #t3-login-form-fields {
-  font-size: 11px;
+#typo3-index-php #t3-login-wrap .t3-login-header .t3-default-logo {
+  margin: 5px 15px;
 }
-#typo3-index-php .t3-icons {
-  float: left;
-  padding: 3px 5px 0 0;
+#typo3-index-php #t3-login-wrap .t3-login-body {
+  background-color: #5a5a5a;
+  padding: 25px 40px;
 }
-#typo3-index-php .t3-headline {
-  background-color: #4f4f4f;
-  margin: 0;
-  width: auto;
+#typo3-index-php #t3-login-wrap .t3-login-body .form-group {
+  margin-bottom: 10px;
+  position: relative;
 }
-#typo3-index-php .t3-headline .t3-login-news-headline {
-  padding: 0 0 0 40px;
-  vertical-align: middle;
+#typo3-index-php #t3-login-wrap .t3-login-body .form-group .form-control {
+  border-radius: 0;
+  background-color: #3a3a3a;
+  color: #a7a7a7;
+  border: none;
+  font-size: 12px;
+  height: 41.2px;
+  padding-left: 12px;
+  padding-right: 12px;
 }
-#typo3-index-php .t3-headline h2 {
-  background: transparent url('../../../../icons/login-icon-key.png') no-repeat 12px 8px;
+#typo3-index-php #t3-login-wrap .t3-login-body .form-group .form-control:hover {
   color: #fff;
-  font-size: 12px;
-  margin: 0;
-  padding: 5px 12px 5px 40px;
-  line-height: 24px;
 }
-#typo3-index-php #t3-login-interface-section {
-  float: left;
+#typo3-index-php #t3-login-wrap .t3-login-body .form-group .form-control:focus {
+  border: none;
+  box-shadow: none;
 }
-#typo3-index-php div#t3-login-image {
-  text-align: left;
+#typo3-index-php #t3-login-wrap .t3-login-body .form-group .input-group-addon {
+  background-color: #3a3a3a;
+  color: #a7a7a7;
+  border-radius: 0;
+  border: none;
 }
-#typo3-index-php input.t3-login-submit {
+#typo3-index-php #t3-login-wrap .t3-login-body .form-group #t3-login-submit {
   background-color: #ff8600;
-  background-image: url('../../../../images/login/login-submit-background.gif');
   background-image: linear-gradient(center top, #fe9500 0%, #cf6610 100%);
   background-repeat: repeat-x;
-  border-top: 1px solid #ffb955;
-  border-left: 1px solid #E69036;
   text-shadow: 0px -1px 0px rgba(149, 81, 5, 0.6);
   color: #fff;
+  padding: 4px 20px;
+  height: 41.2px;
 }
-#typo3-index-php .t3-login-error {
-  margin: 2px;
-  padding: 10px;
-}
-#typo3-index-php .t3-login-field .t3-login-alert-capslock {
-  left: 300px;
-  position: absolute;
-  top: 5px;
-}
-#typo3-index-php .t3-login-field .t3-login-clearInputField {
-  cursor: pointer;
-  position: absolute;
-  top: 11px;
-  right: 11px;
-}
-#typo3-index-php .t3-login-field input.t3-login-submit {
-  width: auto;
-  height: 28px;
-  padding: 0 50px;
-}
-#typo3-index-php input {
-  background: #fff;
-  border: none;
-  color: #606060;
-  font-size: 12px;
-}
-#typo3-index-php .t3-login-field,
-#typo3-index-php .t3-login-submit {
-  margin: 0 0 6px;
-  /** For clearable */
-  position: relative;
-}
-#typo3-index-php #t3-login-process h2 {
-  display: inline;
-  padding: 20px 0 20px 50px;
-  position: relative;
-  top: 45%;
-  vertical-align: middle;
-}
-#typo3-index-php #t3-login-openIdLogo {
+#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-openid-disabled .t3-login-form-footer,
-#typo3-index-php .t3-login-openid-disabled #t3-login-openIdLogo {
-  display: none;
-}
-#typo3-index-php #t3-interfaceselector {
-  font-size: 11px;
-}
-#typo3-index-php #t3-interfaceselector option {
-  height: 19px;
+#typo3-index-php #t3-login-wrap .t3-login-body .form-group:last-child {
+  margin-bottom: 0;
 }
-#typo3-index-php .t3-login-box-body {
-  background-color: #c2c2c2;
-  background-image: linear-gradient(center top, #e2e2e2 0%, #c2c2c2 100%);
-  background-repeat: repeat-x;
-  padding: 25px 40px 20px 40px;
+#typo3-index-php #t3-login-wrap .t3-login-body a {
+  cursor: pointer;
 }
-#typo3-index-php #t3-login-news-outer {
-  margin-top: 35px;
+#typo3-index-php #t3-login-wrap .t3-login-body a i {
+  margin-right: 6px;
 }
-#typo3-index-php #t3-login-news-outer #t3-login-news {
-  margin-top: 0;
-  clear: both;
+#typo3-index-php #t3-login-wrap .t3-login-body a.switchToOpenId {
+  color: #a7a7a7;
 }
-#typo3-index-php #t3-login-news-outer #t3-login-news dd {
-  clear: both;
-  margin-left: 0;
-  padding: 0;
+#typo3-index-php #t3-login-wrap #t3-login-news {
+  background: #fff;
+  padding: 25px 40px;
 }
-#typo3-index-php #t3-login-news-outer #t3-login-news .t3-login-news-item {
+#typo3-index-php #t3-login-wrap #t3-login-news h4 {
   margin-top: 0;
-  padding-top: 20px;
-}
-#typo3-index-php #t3-login-news-outer .t3-login-box-body {
-  padding-bottom: 14px;
-  padding-top: 0;
 }
-#typo3-index-php .shadow {
-  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.3);
-}
-#typo3-index-php div#t3-copyright-notice {
-  border-top: 1px solid #565655;
-  font-weight: normal;
-  font-size: 10px;
-  color: #797878;
-  padding-top: 12px;
-  margin-top: 30px;
-}
-#typo3-index-php div#t3-copyright-notice a {
-  color: #797878;
-  text-decoration: underline;
-}
-#typo3-index-php div#t3-copyright-notice a:hover {
-  color: #b0b0b0;
-}
-#typo3-index-php .t3-login-logout-form .t3-username-current {
-  float: left;
-  height: 21px;
-  vertical-align: middle;
-}
-#typo3-index-php .t3-login-logout-form .t3-username-current,
-#typo3-index-php .t3-login-logout-form div.t3-login-label {
-  color: #606060;
-  line-height: 21px;
-}
-#typo3-index-php #t3-meta-links {
-  color: #797878;
-  font-size: 10px;
-}
-#typo3-index-php #t3-meta-links a {
-  color: #797878;
-  text-decoration: underline;
-}
-#typo3-index-php #t3-meta-links a:hover {
-  color: #b0b0b0;
-}
-#typo3-index-php #t3-meta-links a.t3-login-link-donate {
-  font-weight: bold;
-}
-#t3-nocookies-ignore {
-  margin-top: 10px;
-}
-/**
- * @section logout
- */
-#typo3-index-php .t3-login-logout-form div.t3-login-label {
-  float: left;
-  padding-right: 10px;
-  width: 70px;
+#typo3-index-php #t3-login-wrap #t3-login-news dl {
+  margin-bottom: 0;
 }
-/**
- * @section erros/warnings
- */
-.t3-login-alert {
-  padding: 12px;
-  margin-bottom: 6px;
+#typo3-index-php #t3-login-wrap #t3-login-news dl dt {
+  font-size: 17px;
+  font-weight: 500;
 }
-.t3-login-alert p {
+#typo3-index-php #t3-login-wrap #t3-login-news dl dt span {
+  color: #737373;
   font-size: 11px;
-  line-height: 15px;
-  margin: 10px 0 0 0;
-  padding: 0 10px 0 30px;
-}
-.t3-login-alert a {
-  text-decoration: underline;
-}
-.t3-login-alert h2 {
-  background: none;
-  font-size: 14px;
-  margin: 0;
-  padding: 0 10px 0 30px;
-  line-height: 16px;
 }
-/**
- * @section box layout
- */
-.t3-login-box-shadow {
-  height: 3px;
-}
-.t3-login-box-border-bottom {
-  height: 6px;
-}
-/* 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 #t3-login-process {
-  text-align: center;
-}
-#typo3-index-php #t3-login-process h2 {
-  background: url('../../../../icons/login-submit-progress.gif') no-repeat 10px center;
-  font-size: 11px !important;
-}
-#typo3-index-php .t3-headline .t3-login-news-headline {
-  background: transparent url('../../../../icons/login-icon-news.gif') no-repeat 10px center;
-  color: #fff;
-  font-size: 12px;
-  line-height: 3em;
-}
-#typo3-index-php .t3-login-form-footer {
-  text-align: right;
-}
-#typo3-index-php .t3-login-form-footer a {
-  cursor: pointer;
-}
-#typo3-index-php .t3-login-form-footer,
-#typo3-index-php .t3-login-form-footer a.switchToOpenId,
-#typo3-index-php dl#t3-login-news a {
-  color: #888;
-  font-size: 10px;
+#typo3-index-php #t3-login-copyright {
+  font-size: 11px;
+  color: #737373;
+  position: fixed;
+  bottom: 18px;
+  left: 18px;
+  right: 18px;
 }
-#typo3-index-php .t3-login-form-footer a.switchToOpenId,
-#typo3-index-php dl#t3-login-news a {
+#typo3-index-php #t3-login-copyright a {
+  color: #4d4d4d;
   text-decoration: underline;
 }
-#typo3-index-php .t3-login-form-footer a.switchToOpenId:hover,
-#typo3-index-php dl#t3-login-news a:hover {
-  color: #333;
-}
-/**
- * @section erros/warnings
- */
-.t3-login-alert-error {
-  background: #f6d3cf;
-  border: 1px solid #d66c68;
-}
-.t3-login-alert-error h2 {
-  background: url('../../../../icons/login-alert-error.gif') no-repeat left 2px;
-  color: #be0027;
-}
-.t3-login-alert-error p,
-.t3-login-alert-error a {
-  color: #be0027;
-}
-#t3-nocookies-ignore {
-  padding-left: 30px;
-}
-.t3-login-alert-warning {
-  background: #fbf6de;
-  border: 1px solid #b1905c;
-}
-.t3-login-alert-warning h2 {
-  background: url('../../../../icons/login-alert-warning.gif') no-repeat left 2px;
-  color: #9e7d4a;
-}
-.t3-login-alert-warning p,
-.t3-login-alert-warning a {
-  color: #9e7d4a;
+#typo3-index-php #t3-login-copyright a:hover {
+  color: #000;
 }
 /**
  * This file is part of the TYPO3 CMS project.
index 9b9017d..9ee26aa 100644 (file)
@@ -317,9 +317,6 @@ if (TYPO3_MODE === 'BE' || TYPO3_MODE === 'FE' && isset($GLOBALS['BE_USER'])) {
                'MOD:help_txtsconfighelpM1/moduleicon.gif' => array($temp_eP . 'icons/module_help_ts.gif', 'width="25" height="24"')
        ));
 
-       // Logo at login screen
-       $TBE_STYLES['logo_login'] = $temp_eP . 'images/login/typo3logo-white-greyback.gif';
-
        // extJS theme
        $TBE_STYLES['extJS']['theme'] = $temp_eP . 'extjs/xtheme-t3skin.css';
        $GLOBALS['TBE_STYLES']['stylesheets']['admPanel'] = \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::siteRelPath('t3skin') . 'stylesheets/standalone/admin_panel.css';
diff --git a/typo3/sysext/t3skin/images/login/login-submit-background.gif b/typo3/sysext/t3skin/images/login/login-submit-background.gif
deleted file mode 100644 (file)
index ce7ecc0..0000000
Binary files a/typo3/sysext/t3skin/images/login/login-submit-background.gif and /dev/null differ