// 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);
}
}
/** @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) {
*/
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();
// 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':
// 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 .= '
<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:
$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']));
$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'])) {
}
}
}
- $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;
}
<!-- ###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>
- |
- <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>
- |
- <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 -->
* 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',
* 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();
$(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() {
* 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;
}
}
@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
.h6 .small {
font-weight: normal;
line-height: 1;
- color: #d7d7d7;
+ color: #737373;
}
h1,
.h1,
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;
}
.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 {
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;
.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;
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,
* 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.
'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';
projects / Packages / TYPO3.CMS.git / commitdiff
