Added feature #11370: Inconsistent Login Screen doesn't show system required errors...
authorSteffen Kamper <info@sk-typo3.de>
Sun, 6 Sep 2009 11:54:29 +0000 (11:54 +0000)
committerSteffen Kamper <info@sk-typo3.de>
Sun, 6 Sep 2009 11:54:29 +0000 (11:54 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@5899 709f56b5-9817-0410-a4d7-c38de5d9e867

19 files changed:
typo3/index.php
typo3/sysext/lang/locallang_login.xml
typo3/sysext/t3skin/backgrounds/login_footer.png [new file with mode: 0644]
typo3/sysext/t3skin/backgrounds/login_grid.png [new file with mode: 0644]
typo3/sysext/t3skin/backgrounds/login_headline_bg.gif [new file with mode: 0644]
typo3/sysext/t3skin/backgrounds/login_nocookies.gif [new file with mode: 0644]
typo3/sysext/t3skin/backgrounds/login_noscript.gif [new file with mode: 0644]
typo3/sysext/t3skin/backgrounds/login_submit_bg.gif
typo3/sysext/t3skin/ext_tables.php
typo3/sysext/t3skin/icons/gfx/typo3logo.gif
typo3/sysext/t3skin/icons/login_capslock.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/login_clear.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/login_help.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/login_logo_sw.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/login_padlock.png [new file with mode: 0644]
typo3/sysext/t3skin/icons/login_reload.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/login_user.png [new file with mode: 0644]
typo3/sysext/t3skin/stylesheets/typo3-index-php.css
typo3/sysext/t3skin/templates/login.html [new file with mode: 0644]

index 06c8bb9..e39be67 100644 (file)
@@ -316,12 +316,16 @@ class SC_index {
                                // 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']
@@ -434,10 +438,10 @@ class SC_index {
                                                        <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:
@@ -477,7 +481,7 @@ class SC_index {
                                        $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') . ' &copy; ' . TYPO3_copyright_year . ' Kasper Sk&#229;rh&#248;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');
@@ -654,6 +658,43 @@ class SC_index {
                                        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;
index f173adb..fa67629 100644 (file)
@@ -9,15 +9,19 @@
                        <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>
diff --git a/typo3/sysext/t3skin/backgrounds/login_footer.png b/typo3/sysext/t3skin/backgrounds/login_footer.png
new file mode 100644 (file)
index 0000000..1d052f4
Binary files /dev/null and b/typo3/sysext/t3skin/backgrounds/login_footer.png differ
diff --git a/typo3/sysext/t3skin/backgrounds/login_grid.png b/typo3/sysext/t3skin/backgrounds/login_grid.png
new file mode 100644 (file)
index 0000000..272d579
Binary files /dev/null and b/typo3/sysext/t3skin/backgrounds/login_grid.png differ
diff --git a/typo3/sysext/t3skin/backgrounds/login_headline_bg.gif b/typo3/sysext/t3skin/backgrounds/login_headline_bg.gif
new file mode 100644 (file)
index 0000000..6945475
Binary files /dev/null and b/typo3/sysext/t3skin/backgrounds/login_headline_bg.gif differ
diff --git a/typo3/sysext/t3skin/backgrounds/login_nocookies.gif b/typo3/sysext/t3skin/backgrounds/login_nocookies.gif
new file mode 100644 (file)
index 0000000..c5e4d5d
Binary files /dev/null and b/typo3/sysext/t3skin/backgrounds/login_nocookies.gif differ
diff --git a/typo3/sysext/t3skin/backgrounds/login_noscript.gif b/typo3/sysext/t3skin/backgrounds/login_noscript.gif
new file mode 100644 (file)
index 0000000..ada8bd7
Binary files /dev/null and b/typo3/sysext/t3skin/backgrounds/login_noscript.gif differ
index 1fccc12..f12a866 100644 (file)
Binary files a/typo3/sysext/t3skin/backgrounds/login_submit_bg.gif and b/typo3/sysext/t3skin/backgrounds/login_submit_bg.gif differ
index 09ff154..93b6536 100644 (file)
@@ -164,6 +164,9 @@ if (TYPO3_MODE=='BE')       {
        
        //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';
 
 }
index c90f782..bfdad38 100644 (file)
Binary files a/typo3/sysext/t3skin/icons/gfx/typo3logo.gif and b/typo3/sysext/t3skin/icons/gfx/typo3logo.gif differ
diff --git a/typo3/sysext/t3skin/icons/login_capslock.gif b/typo3/sysext/t3skin/icons/login_capslock.gif
new file mode 100644 (file)
index 0000000..a1caa85
Binary files /dev/null and b/typo3/sysext/t3skin/icons/login_capslock.gif differ
diff --git a/typo3/sysext/t3skin/icons/login_clear.gif b/typo3/sysext/t3skin/icons/login_clear.gif
new file mode 100644 (file)
index 0000000..930907b
Binary files /dev/null and b/typo3/sysext/t3skin/icons/login_clear.gif differ
diff --git a/typo3/sysext/t3skin/icons/login_help.gif b/typo3/sysext/t3skin/icons/login_help.gif
new file mode 100644 (file)
index 0000000..e87fd4a
Binary files /dev/null and b/typo3/sysext/t3skin/icons/login_help.gif differ
diff --git a/typo3/sysext/t3skin/icons/login_logo_sw.gif b/typo3/sysext/t3skin/icons/login_logo_sw.gif
new file mode 100644 (file)
index 0000000..b27ae13
Binary files /dev/null and b/typo3/sysext/t3skin/icons/login_logo_sw.gif differ
diff --git a/typo3/sysext/t3skin/icons/login_padlock.png b/typo3/sysext/t3skin/icons/login_padlock.png
new file mode 100644 (file)
index 0000000..d96ad9b
Binary files /dev/null and b/typo3/sysext/t3skin/icons/login_padlock.png differ
diff --git a/typo3/sysext/t3skin/icons/login_reload.gif b/typo3/sysext/t3skin/icons/login_reload.gif
new file mode 100644 (file)
index 0000000..db1ae90
Binary files /dev/null and b/typo3/sysext/t3skin/icons/login_reload.gif differ
diff --git a/typo3/sysext/t3skin/icons/login_user.png b/typo3/sysext/t3skin/icons/login_user.png
new file mode 100644 (file)
index 0000000..111d2c8
Binary files /dev/null and b/typo3/sysext/t3skin/icons/login_user.png differ
index 6a87aa3..0fe9e52 100644 (file)
-/* 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;
 }
diff --git a/typo3/sysext/t3skin/templates/login.html b/typo3/sysext/t3skin/templates/login.html
new file mode 100644 (file)
index 0000000..e0a6781
--- /dev/null
@@ -0,0 +1,140 @@
+<!-- ###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