// the labels will be replaced later on, thus the other parts above
// can use these markers as well and it will be replaced
'HEADLINE' => $GLOBALS['LANG']->getLL('headline', true),
- 'INFO' => $GLOBALS['LANG']->getLL('info.jscookies', true),
+ 'INFO_ABOUT' => $GLOBALS['LANG']->getLL('info.about', true),
+ 'INFO_RELOAD' => $GLOBALS['LANG']->getLL('info.reset', true),
'ERROR_JAVASCRIPT' => $GLOBALS['LANG']->getLL('error.javascript', true),
'ERROR_COOKIES' => $GLOBALS['LANG']->getLL('error.cookies', true),
+ 'ERROR_CAPSLOCK' => $GLOBALS['LANG']->getLL('error.capslock', true),
'LABEL_DONATELINK' => $GLOBALS['LANG']->getLL('labels.donate', true),
'LABEL_USERNAME' => $GLOBALS['LANG']->getLL('labels.username', true),
'LABEL_PASSWORD' => $GLOBALS['LANG']->getLL('labels.password', true),
+ 'CLEAR' => $GLOBALS['LANG']->getLL('clear', true),
+ 'SITELINK' => '<a href="/">###SITENAME###</a>',
// global variables will now be replaced (at last)
'SITENAME' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename']
<option value="'.htmlspecialchars($jumpScript[$valueStr]).'">'.htmlspecialchars($labels[$valueStr]).'</option>';
}
$this->interfaceSelector='
- <select id="interfaceselector" name="interface" class="c-interfaceselector">'.$this->interfaceSelector.'
+ <select id="t3-interfaceselector" name="interface" class="c-interfaceselector" tabindex="3">'.$this->interfaceSelector.'
</select>';
$this->interfaceSelector_jump='
- <select id="interfaceselector" name="interface" class="c-interfaceselector" onchange="window.location.href=this.options[this.selectedIndex].value;">'.$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>';
} else { // If there is only ONE interface value set:
$GLOBALS['LANG']->getLL('typo3.cms') . ($GLOBALS['TYPO3_CONF_VARS']['SYS']['loginCopyrightShowVersion']?' ' . $GLOBALS['LANG']->getLL('version.short') . ' ' . htmlspecialchars($GLOBALS['TYPO_VERSION']):'') .
'</a>. ' .
$GLOBALS['LANG']->getLL('copyright') . ' © ' . TYPO3_copyright_year . ' Kasper Skårhøj. ' . $GLOBALS['LANG']->getLL('extension.copyright') . ' ' .
- sprintf($GLOBALS['LANG']->getLL('details.link'), '<a href="http://typo3.com/" target="_blank">http://typo3.com/</a>') . ' ' .
+ sprintf($GLOBALS['LANG']->getLL('details.link'), '<a href="http://typo3.com/" target="_blank">http://typo3.com/</a>') . '<br /> ' .
$warrantyNote . ' ' .
sprintf($GLOBALS['LANG']->getLL('free.software'), '<a href="http://typo3.com/1316.0.html" target="_blank">', '</a> ') .
$GLOBALS['LANG']->getLL('keep.notice');
document.loginform.p_field.focus();
}
}
+
+ // This function shows a warning, if user has capslock enabled
+ // parameter showWarning: shows warning if true and capslock active, otherwise only hides warning, if capslock gets inactive
+ function checkCapslock(e, showWarning) {
+ if (!isCapslock(e)) {
+ document.getElementById(\'t3-capslock\').style.display = \'none\';
+ } else if (showWarning) {
+ document.getElementById(\'t3-capslock\').style.display = \'block\';
+ }
+ }
+
+ // Checks weather capslock is enabled (returns true if enabled, false otherwise)
+ // thanks to http://24ways.org/2007/capturing-caps-lock
+
+ function isCapslock(e) {
+ var ev = e ? e : window.event;
+ if (!ev) {
+ return;
+ }
+ var targ = ev.target ? ev.target : ev.srcElement;
+ // get key pressed
+ var which = -1;
+ if (ev.which) {
+ which = ev.which;
+ } else if (ev.keyCode) {
+ which = ev.keyCode;
+ }
+ // get shift status
+ var shift_status = false;
+ if (ev.shiftKey) {
+ shift_status = ev.shiftKey;
+ } else if (ev.modifiers) {
+ shift_status = !!(ev.modifiers & 4);
+ }
+ return (((which >= 65 && which <= 90) && !shift_status) ||
+ ((which >= 97 && which <= 122) && shift_status));
+ }
');
return $JSCode;
<label index="labels.username">Username</label>
<label index="labels.password">Password</label>
<label index="labels.interface">Interface</label>
- <label index="labels.submitLogin">Log In</label>
+ <label index="labels.submitLogin">Login</label>
<label index="labels.submitLogout">Log Out</label>
<label index="labels.donate">Donate</label>
<label index="availableInterfaces">Backend,Front End,Traditional Backend</label>
- <label index="headline">Administration Login on ###SITENAME###</label>
- <label index="info.jscookies">(Note: Cookies and JavaScript must be enabled!)</label>
+ <label index="headline">Login into the TYPO3 Backend on ###SITENAME###</label>
+ <label index="info.about">This is the backend login of TYPO3. You need username and password to access this administration interface. If you are a visitor of ###SITENAME###, please visit the public website: ###SITELINK###</label>
+ <label index="info.reset">Reset this form</label>
+ <label index="clear">Clear this field!</label>
<label index="newsheadline">Important Messages:</label>
<label index="error.login">Your login attempt did not succeed. Make sure to spell your username and password correctly, including upper/lowercase characters.</label>
<label index="error.javascript">Activate JavaScript, please!</label>
+ <label index="error.cookies">Activate Cookies, please!</label>
+ <label index="error.capslock">Attention: Caps lock enabled!</label>
<label index="warranty.by">Warranty is supplied by %s; %sclick for details.%s</label>
<label index="no.warranty">TYPO3 comes with ABSOLUTELY NO WARRANTY; %sclick for details.%s</label>
<label index="typo3.logo">TYPO3 logo</label>
//print_a($TBE_STYLES,2);
+ // Adding HTML template for login screen
+ $TBE_STYLES['htmlTemplates']['templates/login.html'] = 'sysext/t3skin/templates/login.html';
+
$GLOBALS['TYPO3_CONF_VARS']['typo3/backend.php']['additionalBackendItems'][] = t3lib_extMgm::extPath('t3skin').'registerIe6Stylesheet.php';
}
-/* 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
+ * 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.
+
+ */
body#typo3-index-php {
- background-color: #FEFEFE;
+ background: #fefefe url(../backgrounds/login_grid.png);
margin: 0;
+ overflow: hidden;
}
-body#typo3-index-php table#wrapper {
- height: auto;
- width: 70%;
- margin-top: 10px;
+body#typo3-index-php #t3-login-form-outer {
+ height: 87%;
+ overflow: auto;
+ width: 100%;
+ position: absolute;
}
-body#typo3-index-php table#loginwrapper {
- width: 500px;
- height: 100px;
+body#typo3-index-php #t3-login-form {
+ margin: 30px auto 10px;
+ width: 504px;
text-align: left;
- margin: 10px 40px 40px 40px;
- padding: 0;
+}
+
+body#typo3-index-php #t3-login-news-outer h2, body#typo3-index-php .t3-headline {
+ background: #b7bec8 url(../backgrounds/login_headline_bg.gif) repeat-x;
+ padding-bottom: 2px;
+ margin: 0 0 1px;
+ width: auto;
+}
+
+body#typo3-index-php .t3-headline h2 {
background-color: transparent;
+ margin: 0;
+ padding: 2px 0 0 4px;
+ float: left;
+ color: #000;
+ width: 450px;
}
-body#typo3-index-php DIV#copyrightnotice {
- border-top: 1px solid #f69220;
- width: 500px;
- text-align: left;
- margin-top: 5px;
- padding-top: 13px;
- font-weight: normal;
- color: #838383;
+body#typo3-index-php .t3-headline:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
}
-body#typo3-index-php DIV#copyrightnotice a {
- color: #838383;
+body#typo3-index-php .t3-icons {
+ float: right;
+ padding: 3px 5px 0 0;
+}
+
+body#typo3-index-php .t3-icons .t3-help {
+ display: none;
+ position: absolute;
+ border: 1px solid #b2b3b7;
+ padding: 5px;
+ background-color: #fff;
+ max-width: 300px;
+}
+
+body#typo3-index-php .t3-icons .t3-help a {
+ text-decoration: underline;
+}
+
+body#typo3-index-php .t3-helpicon {
+ float: left;
+ padding-right: 5px;
+ cursor: help;
+}
+
+body#typo3-index-php .t3-helpicon:hover .t3-help,
+body#typo3-index-php .t3-reloadicon:hover .t3-help {
+ display: block;
+}
+
+body#typo3-index-php .t3-reloadicon {
+ float: left;
+ cursor: pointer;
+}
+
+body#typo3-index-php .t3-login-username {
+ margin-top: 15px;
+}
+
+body#typo3-index-php .t3-login-username input {
+ background: #fefefe url(../icons/login_user.png) no-repeat 5px 4px;
+}
+
+body#typo3-index-php .t3-login-password input {
+ background: #fefefe url(../icons/login_padlock.png) no-repeat 7px 4px;
+}
+
+body#typo3-index-php .t3-login-username input,
+body#typo3-index-php .t3-login-password input {
+ box-shadow: 2px 2px 2px #8e8b88 inset;
+ -moz-box-shadow: 2px 2px 2px #8e8b88 inset;
+ -webkit-box-shadow: 2px 2px 2px #8e8b88 inset;
+}
+
+body#typo3-index-php .t3-login-field {
+ height: 25px;
+ padding-top: 15px;
+}
+
+body#typo3-index-php .t3-login-field label {
+ color: #7f8083;
+ display: block;
+ float: left;
+ font-size: 16px;
+ padding-right: 10px;
+ text-align: right;
+ text-transform: uppercase;
+ width: 150px;
+}
+
+body#typo3-index-php .t3-login-field input {
+ color: #555;
+ background-color: #bbc0b8;
+ font-size: 14px;
+ height: 20px;
+ width: 270px;
+ padding-left: 25px;
+}
+
+body#typo3-index-php .t3-login-field input:focus {
+ border-color: #f88f24;
+ background-color: #fff;
+}
+
+body#typo3-index-php #t3-login-form-inner {
+ border: 1px solid #737373;
+ padding: 1px;
+ background: #dfe0e5;
+}
+
+body#typo3-index-php #t3-login-form-fields {
+ padding-bottom: 30px;
+ display: none;
+}
+
+body#typo3-index-php #t3-capslock {
+ margin: 10px 0 0 160px;
+ border: 2px solid #be0027;
+ background-color: #ffd6cf;
+ color: #be0027;
font-weight: bold;
+ padding: 3px;
+ width: 288px;
+}
+
+body#typo3-index-php #t3-capslock * {
+ vertical-align: middle;
+}
+
+body#typo3-index-php #t3-capslock img {
+ margin-right: 5px;
}
-body#typo3-index-php DIV#copyrightnotice img {
- display:none;
+body#typo3-index-php #t3-interfaceselector {
+ margin-top: 3px;
}
-body#typo3-index-php DIV#loginimage {
+body#typo3-index-php .t3-login-submit {
+ border-color: #b2b3b7;
+ font-size: 14px;
+ font-weight: bold;
+ margin-left: 160px;
+ margin-top: 15px;
+ padding: 0 25px;
text-align: left;
- width: 500px;
- height: auto;
- padding: 0;
- margin: 0;
+ background: #fff url(../backgrounds/login_submit_bg.gif) repeat-x;
}
-table#logintable {
- position: static;
- background-color: transparent;
- margin: 0 0 10px 30px;
- width: 300px;
- height: 150px;
+body#typo3-index-php .t3-login-error {
+ background-color: #ffd6cf;
+ border: 3px solid #be0027;
+ color: #be0027;
+ font-size: 14px;
+ font-weight: bold;
+ margin: 2px;
+ padding: 10px;
}
-table#logintable tr td {
- padding: 0;
- margin: 0;
+body#typo3-index-php #t3-noscript-error {
+ background: #ffd6cf url(../backgrounds/login_noscript.gif) no-repeat left bottom;
+ border: 3px solid #be0027;
+ margin: 2px;
+ padding: 10px 10px 10px 80px;
+ height: 130px;
}
-table#logintable h2 {
- border: 0;
- background-color: transparent;
- font-size: 12px;
- color: #000;
+body#typo3-index-php #t3-noscript-error p {
+ padding-top: 20px;
+ color: #be0027;
+ font-size: 20px;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+body#typo3-index-php #t3-nocookies-error p {
+ padding-top: 20px;
+ color: #ff8700;
+ font-size: 20px;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+body#typo3-index-php #t3-nocookies-error {
+ background: #ffe7cc url(../backgrounds/login_nocookies.gif) no-repeat left bottom;
+ border: 3px solid #FF8700;
+ margin: 2px;
+ padding: 10px 10px 10px 130px;
+ height: 130px;
+}
+
+body#typo3-index-php div#t3-copyright-notice {
+ background: url(../icons/login_logo_sw.gif) no-repeat top left;
text-align: left;
- margin: 8px 0 0 0;
- padding: 0;
+ margin-top: 25px;
+ padding-left: 48px;
+ font-weight: normal;
+ color: #838383;
+ min-height: 35px;
}
-table#logintable p,
-table#logintable label {
- font-size: 10px;
- font-weight: semibold;
+* html body#typo3-index-php div#t3-copyright-notice {
+ height: 35px;
+}
+
+body#typo3-index-php div#t3-copyright-notice a {
+ color: #838383;
+ text-decoration: underline;
+}
+body#typo3-index-php div#t3-copyright-notice a:hover {
color: #000;
}
-table#logintable p.c-info {
- font-size: 10px;
- font-weight: normal;
+body#typo3-index-php div#t3-copyright-notice img {
+ display: none;
}
-table#logintable p.c-wrong {
- font-size: 9px;
- font-weight: normal;
- width: 275px;
- border: #DEEAF5 solid 1px;
+body#typo3-index-php div#t3-login-image {
+ text-align: left;
+ width: 500px;
+ height: auto;
+ padding: 0;
margin: 0;
- padding: 5px;
}
-table#logintable input.c-username,
-table#logintable input.c-password,
-table#logintable select.c-interfaceselector {
- width: 150px;
- margin: 0px;
+body#typo3-index-php #t3-footer {
+ position: absolute;
+ bottom: 0;
+ padding-bottom: 20px;
+ height: 10%;
+ width: 100%;
+ background: #f8f8f9 url(../backgrounds/login_footer.png) 0 -1px repeat-x;
}
-h2#loginNewsTitle, dl#loginNews {
- width: 500px;
+body#typo3-index-php #t3-meta-links {
+ float: right;
+ margin-top: 20px;
+ margin-left: 100px;
+ width: 135px;
+ text-align: center;
}
-/***************************************************
-* The old login news (might become obsolete?)
-***************************************************/
+body#typo3-index-php #t3-meta-links a {
+ display: block;
+ width: 100px;
+ border: 1px solid #b2b3b7;
+ padding: 5px;
+ margin-bottom: 3px;
+ font-size: 9px;
+ font-weight: bold;
+ color: #999;
+}
+
+body#typo3-index-php #t3-meta-links a:hover {
+ background-color: #ededf0;
+}
-div#loginNews {
- width: 70%;
+/**
+ * @section login news
+ */
+body#typo3-index-php #t3-login-news-outer {
+ width: 500px;
+ border: 1px solid #737373;
margin-top: 30px;
+ padding: 1px;
+ background: #fff;
}
-div#loginNews h2 {
- background-color: #E26816;
- color: #000;
- font-size: 12px;
+body#typo3-index-php #t3-login-news-outer #t3-login-news {
+ margin: 12px;
+ clear: both;
}
-div#loginNews table tr td {
- padding-right: 10px;
- padding-left: 10px;
+body#typo3-index-php #t3-login-news-outer #t3-login-news dt {
+ font-size: 12px;
}
-div#loginNews table tr td.c-header {
- font-weight: bold;
- background-color: #FFD8A9;
+body#typo3-index-php #t3-login-news-outer #t3-login-news dd {
+ margin-left: 0;
+ border: 0;
+ padding: 0;
+ font-size: 10px;
+ clear: both;
+ padding-bottom: 15px;
}
-div#loginNews table tr.c-spacer {
- height: 10px;
+body#typo3-index-php #t3-login-news-outer .t3-news-date {
+ float: right;
}
--- /dev/null
+<!-- ###PAGE### begin -->\r
+<div id="t3-login-form-outer">\r
+ <div id="t3-login-form">\r
+ <div id="t3-login-image">\r
+ ###LOGO###\r
+ </div>\r
+ <div id="t3-login-form-inner" ###CSS_ERRORCLASS###>\r
+ <div class="t3-headline">\r
+ <h2>###HEADLINE###</h2>\r
+ <div class="t3-icons">\r
+ <div class="t3-helpicon">\r
+ <img src="sysext/t3skin/icons/login_help.gif" alt="help" />\r
+ <div class="t3-help">\r
+ ###INFO_ABOUT###\r
+ </div>\r
+ </div>\r
+ <div class="t3-reloadicon">\r
+ <img src="sysext/t3skin/icons/login_reload.gif" alt="reload" onclick="document.loginform.reset(); checkFocus();" />\r
+ <div class="t3-help">\r
+ ###INFO_RELOAD###\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>###LOGINBOX_IMAGE###\r
+ <noscript>\r
+ <div id="t3-noscript-error">\r
+ <p>\r
+ ###ERROR_JAVASCRIPT###\r
+ </p>\r
+ </div>\r
+ </noscript>\r
+ <div id="t3-nocookies-error" style="display:none">\r
+ <p>\r
+ ###ERROR_COOKIES###\r
+ </p>\r
+ </div>\r
+ <div id="t3-login-form-fields">\r
+ ###FORM###\r
+ </div>\r
+ <script type="text/javascript">\r
+ /*<![CDATA[*/\r
+ var cookieEnabled = (navigator.cookieEnabled) ? true : false;\r
+ \r
+ if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled) {\r
+ document.cookie = "testcookie";\r
+ cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false;\r
+ }\r
+ if (cookieEnabled) {\r
+ document.getElementById("t3-login-form-fields").style.display = 'block';\r
+ }\r
+ else {\r
+ document.getElementById("t3-nocookies-error").style.display = 'block';\r
+ }\r
+ /*]]>*/\r
+ </script>\r
+ </div>\r
+ ###NEWS###\r
+ </div>\r
+</div>\r
+<div id="t3-footer">\r
+ <div id="t3-meta-links">\r
+ <a href="http://typo3.org" target="_blank">TYPO3.org</a>\r
+ <a href="http://typo3.org/donate/" target="_blank">###LABEL_DONATELINK###</a>\r
+ </div>\r
+ <div id="t3-copyright-notice">\r
+ ###COPYRIGHT###\r
+ </div>\r
+</div>\r
+<!-- ###PAGE### end -->\r
+\r
+<!-- ###LOGIN_NEWS### begin -->\r
+<div id="t3-login-news-outer">\r
+ <div class="t3-headline">\r
+ <h2 class="t3-login-news-headline">###NEWS_HEADLINE###</h2>\r
+ </div>\r
+ <dl id="t3-login-news">\r
+ <!-- ###NEWS_ITEM### begin -->\r
+ <dt>\r
+ <span class="t3-news-title">###HEADER###</span>\r
+ <span class="t3-news-date">###DATE###</span>\r
+ </dt>\r
+ <dd>\r
+ ###CONTENT###\r
+ </dd>\r
+ <!-- ###NEWS_ITEM### end -->\r
+ </dl>\r
+</div>\r
+<!-- ###LOGIN_NEWS### end -->\r
+\r
+<!-- ###LOGIN_FORM### begin -->\r
+\r
+<!-- ###LOGIN_ERROR### begin -->\r
+<div class="t3-login-error">\r
+ ###ERROR_MESSAGE###\r
+</div>\r
+<!-- ###LOGIN_ERROR### end -->\r
+\r
+<div class="t3-login-username t3-login-field">\r
+ <label for="t3-username" class="t3-username">\r
+ ###LABEL_USERNAME###:\r
+ </label>\r
+ <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" class="t3-username" tabindex="1" onkeypress="checkCapslock(event, false)" />\r
+ <a href="#" title="###CLEAR###" onclick="document.getElementById('t3-username').value = ''; checkFocus();" ><img src="sysext/t3skin/icons/login_clear.gif" alt="clear" title="###CLEAR###" /></a>\r
+</div>\r
+<div class="t3-login-password t3-login-field">\r
+ <label for="t3-password" class="t3-password">\r
+ ###LABEL_PASSWORD###:\r
+ </label>\r
+ <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" class="t3-password" tabindex="2" onkeypress="checkCapslock(event, true);" />\r
+ <a href="#" title="###CLEAR###" onclick="document.getElementById('t3-password').value = ''; checkFocus();"><img src="sysext/t3skin/icons/login_clear.gif" alt="clear" title="###CLEAR###" /></a>\r
+</div>\r
+<div id="t3-capslock" style="display: none;"><img src="sysext/t3skin/icons/login_capslock.gif" alt="caps lock" /><span>###ERROR_CAPSLOCK###</span></div>\r
+<!-- ###INTERFACE_SELECTOR### begin -->\r
+<div class="t3-login-interface t3-login-field">\r
+ <label for="t3-interfaceselector" class="t3-interface-selector">\r
+ ###LABEL_INTERFACE###:\r
+ </label>\r
+ ###VALUE_INTERFACE###\r
+</div>\r
+<!-- ###INTERFACE_SELECTOR### end -->\r
+<input type="submit" name="commandLI" value="###VALUE_SUBMIT###" class="t3-login-submit" tabindex="4" /> \r
+<!-- ###LOGIN_FORM### end -->\r
+\r
+<!-- ###LOGOUT_FORM### begin -->\r
+<h2>###HEADLINE###</h2>\r
+<p class="t3-username">\r
+ ###LABEL_USERNAME###:\r
+</p>\r
+<p class="t3-username-current">\r
+ ###VALUE_USERNAME###\r
+</p>\r
+<!-- ###INTERFACE_SELECTOR### begin -->\r
+<p class="t3-interface-selector">\r
+ ###LABEL_INTERFACE###:\r
+</p>\r
+###VALUE_INTERFACE###\r
+<!-- ###INTERFACE_SELECTOR### end -->\r
+\r
+<input type="hidden" name="p_field" value="" /><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="t3-submit" />\r
+<!-- ###LOGOUT_FORM### end -->\r