Feature #20640 » newlogin.patch
typo3/sysext/t3skin/ext_tables.php (Arbeitskopie) | ||
---|---|---|
$TBE_STYLES['extJS']['theme'] = $temp_eP . 'extjs/xtheme-t3skin.css';
|
||
|
||
//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';
|
||
typo3/sysext/t3skin/stylesheets/typo3-index-php.css (Arbeitskopie) | ||
---|---|---|
/* 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: #FEFEFE url(../backgrounds/login_grid.png);
|
||
margin: 0;
|
||
overflow: hidden;
|
||
}
|
||
* 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 #t3-login-form-outer {
|
||
height: 87%;
|
||
overflow: auto;
|
||
width: 100%;
|
||
position: absolute;
|
||
}
|
||
*/
|
||
body#typo3-index-php #t3-login-form {
|
||
margin: 50px auto;
|
||
width: 504px;
|
||
text-align: left;
|
||
}
|
||
body#typo3-index-php {
|
||
background-color: #FEFEFE;
|
||
margin: 0;
|
||
body#typo3-index-php #t3-login-news-outer h2, body#typo3-index-php .t3-headline {
|
||
background: url(../backgrounds/login_headline_bg.gif) repeat-x;
|
||
height: 20px;
|
||
margin: 0 0 1px;
|
||
width: auto;
|
||
}
|
||
body#typo3-index-php table#wrapper {
|
||
height: auto;
|
||
width: 70%;
|
||
margin-top: 10px;
|
||
body#typo3-index-php .t3-headline h2 {
|
||
background-color: transparent;
|
||
margin: 0;
|
||
padding: 2px 0 0 4px;
|
||
float: left;
|
||
color: #000;
|
||
}
|
||
body#typo3-index-php table#loginwrapper {
|
||
width: 500px;
|
||
height: 100px;
|
||
text-align: left;
|
||
margin: 10px 40px 40px 40px;
|
||
padding: 0;
|
||
background-color: transparent;
|
||
body#typo3-index-php .t3-icons {
|
||
float: right;
|
||
padding: 3px 5px 0 0;
|
||
}
|
||
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-icons .t3-help {
|
||
display: none;
|
||
position: absolute;
|
||
border: 1px solid #B2B3B7;
|
||
padding: 5px;
|
||
background-color: #FFFFFF;
|
||
}
|
||
body#typo3-index-php DIV#copyrightnotice a {
|
||
color: #838383;
|
||
font-weight: bold;
|
||
body#typo3-index-php .t3-helpicon {
|
||
float: left;
|
||
padding-right: 5px;
|
||
cursor: help;
|
||
}
|
||
body#typo3-index-php DIV#copyrightnotice img {
|
||
display:none;
|
||
body#typo3-index-php .t3-helpicon:hover .t3-help {
|
||
display: block;
|
||
}
|
||
body#typo3-index-php DIV#loginimage {
|
||
text-align: left;
|
||
width: 500px;
|
||
height: auto;
|
||
padding: 0;
|
||
margin: 0;
|
||
body#typo3-index-php .t3-reload {
|
||
cursor: pointer;
|
||
}
|
||
table#logintable {
|
||
position: static;
|
||
background-color: transparent;
|
||
margin: 0 0 10px 30px;
|
||
width: 300px;
|
||
height: 150px;
|
||
body#typo3-index-php .t3-login-username {
|
||
margin-top: 15px;
|
||
}
|
||
table#logintable tr td {
|
||
padding: 0;
|
||
margin: 0;
|
||
body#typo3-index-php .t3-login-username input {
|
||
background: #FEFEFE url(../icons/login_user.gif) no-repeat 5px 3px;
|
||
}
|
||
table#logintable h2 {
|
||
border: 0;
|
||
background-color: transparent;
|
||
font-size: 12px;
|
||
color: #000;
|
||
text-align: left;
|
||
margin: 8px 0 0 0;
|
||
padding: 0;
|
||
body#typo3-index-php .t3-login-password input {
|
||
background: #FEFEFE url(../icons/login_padlock.gif) no-repeat 7px 3px;
|
||
}
|
||
table#logintable p,
|
||
table#logintable label {
|
||
font-size: 10px;
|
||
font-weight: semibold;
|
||
color: #000;
|
||
body#typo3-index-php .t3-login-field {
|
||
height: 25px;
|
||
padding-top: 15px;
|
||
}
|
||
table#logintable p.c-info {
|
||
font-size: 10px;
|
||
font-weight: normal;
|
||
body#typo3-index-php .t3-login-field label {
|
||
color: #B2B3B7;
|
||
display: block;
|
||
float: left;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
padding-right: 10px;
|
||
text-align: right;
|
||
text-transform: uppercase;
|
||
width: 150px;
|
||
}
|
||
table#logintable p.c-wrong {
|
||
font-size: 9px;
|
||
font-weight: normal;
|
||
width: 275px;
|
||
border: #DEEAF5 solid 1px;
|
||
margin: 0;
|
||
padding: 5px;
|
||
body#typo3-index-php .t3-login-field input {
|
||
color: #555555;
|
||
font-size: 14px;
|
||
height: 20px;
|
||
width: 270px;
|
||
padding-left: 25px;
|
||
}
|
||
table#logintable input.c-username,
|
||
table#logintable input.c-password,
|
||
table#logintable select.c-interfaceselector {
|
||
width: 150px;
|
||
margin: 0px;
|
||
body#typo3-index-php .t3-login-field input:focus {
|
||
border-color: #F88F24;
|
||
}
|
||
h2#loginNewsTitle, dl#loginNews {
|
||
width: 500px;
|
||
body#typo3-index-php #t3-login-form-inner {
|
||
border: 1px solid #737373;
|
||
padding: 1px;
|
||
background: #DFE0E5;
|
||
}
|
||
/***************************************************
|
||
* The old login news (might become obsolete?)
|
||
***************************************************/
|
||
body#typo3-index-php #t3-login-form-fields {
|
||
padding-bottom: 30px;
|
||
display: none;
|
||
}
|
||
div#loginNews {
|
||
width: 70%;
|
||
margin-top: 30px;
|
||
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;
|
||
background: #FFF url(../backgrounds/login_submit_bg.gif) repeat-x;
|
||
}
|
||
div#loginNews h2 {
|
||
background-color: #E26816;
|
||
color: #000;
|
||
font-size: 12px;
|
||
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;
|
||
}
|
||
div#loginNews table tr td {
|
||
padding-right: 10px;
|
||
padding-left: 10px;
|
||
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;
|
||
}
|
||
div#loginNews table tr td.c-header {
|
||
font-weight: bold;
|
||
background-color: #FFD8A9;
|
||
body#typo3-index-php #t3-noscript-error p {
|
||
padding-top: 20px;
|
||
color: #BE0027;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
}
|
||
div#loginNews table tr.c-spacer {
|
||
height: 10px;
|
||
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-top: 25px;
|
||
padding-left: 48px;
|
||
font-weight: normal;
|
||
color: #838383;
|
||
min-height: 35px;
|
||
float: left;
|
||
width: 80%;
|
||
}
|
||
* html body#typo3-index-php DIV#t3-copyright-notice {
|
||
height: 35px;
|
||
}
|
||
body#typo3-index-php DIV#t3-copyright-notice a {
|
||
color: #838383;
|
||
font-weight: bold;
|
||
}
|
||
body#typo3-index-php DIV#t3-copyright-notice a:hover {
|
||
color: #000000;
|
||
}
|
||
body#typo3-index-php DIV#t3-copyright-notice img {
|
||
display: none;
|
||
}
|
||
body#typo3-index-php DIV#t3-login-image {
|
||
text-align: left;
|
||
width: 500px;
|
||
height: auto;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
body#typo3-index-php #t3-footer {
|
||
position: absolute;
|
||
bottom: 0;
|
||
padding-bottom: 20px;
|
||
height: 10%;
|
||
background: #ffffff url(../backgrounds/login_footer.png) 0 -1px repeat-x;
|
||
}
|
||
body#typo3-index-php #t3-meta-links {
|
||
float: right;
|
||
margin-top: 20px;
|
||
width: 135px;
|
||
text-align: center;
|
||
}
|
||
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;
|
||
}
|
||
/**
|
||
* @section login news
|
||
*/
|
||
body#typo3-index-php #t3-login-news-outer {
|
||
width: 500px;
|
||
border: 1px solid #737373;
|
||
margin-top: 30px;
|
||
padding: 1px;
|
||
background: white;
|
||
}
|
||
body#typo3-index-php #t3-login-news-outer #t3-login-news {
|
||
margin: 20px;
|
||
}
|
||
body#typo3-index-php #t3-login-news-outer #t3-login-news dt {
|
||
font-size: 12px;
|
||
}
|
||
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-top: 15px;
|
||
}
|
||
body#typo3-index-php #t3-login-news-outer .t3-news-headline-text {
|
||
color: #000000;
|
||
}
|
||
body#typo3-index-php #t3-login-news-outer .t3-news-headline-text, body#typo3-index-php #t3-login-news-outer .t3-news-title {
|
||
float: left;
|
||
}
|
||
body#typo3-index-php #t3-login-news-outer #t3-toggle-news, body#typo3-index-php #t3-login-news-outer .t3-news-date {
|
||
float: right;
|
||
}
|
||
body#typo3-index-php #t3-login-news-outer #t3-toggle-news {
|
||
padding: 0 5px 3px 0;
|
||
cursor: pointer;
|
||
height: 14px;
|
||
width: 14px;
|
||
display: block;
|
||
background: url(../icons/login_hideNews.gif) no-repeat 0 3px;
|
||
}
|
||
body#typo3-index-php #t3-login-news-outer #t3-toggle-news.t3-hidden {
|
||
background: url(../icons/login_showNews.gif) no-repeat 0 3px;
|
||
}
|
typo3/sysext/t3skin/templates/login.html (Revision 0) | ||
---|---|---|
<!-- ###PAGE### begin -->
|
||
<script type="text/javascript">
|
||
function toggleNews(){
|
||
if (document.getElementById("t3-login-news").style.display == 'none') {
|
||
document.getElementById("t3-login-news").style.display = 'block';
|
||
document.getElementById("t3-toggle-news").className = 't3-show';
|
||
}
|
||
else {
|
||
document.getElementById("t3-login-news").style.display = 'none';
|
||
document.getElementById("t3-toggle-news").className = 't3-hidden';
|
||
}
|
||
}
|
||
</script>
|
||
<div id="t3-login-form-outer">
|
||
<div id="t3-login-form">
|
||
<div id="t3-login-image">
|
||
###LOGO###
|
||
</div>
|
||
<div id="t3-login-form-inner" ###CSS_ERRORCLASS###>
|
||
<div class="t3-headline">
|
||
<h2>###HEADLINE###</h2>
|
||
<div class="t3-icons">
|
||
<div class="t3-helpicon">
|
||
<img src="sysext/t3skin/icons/login_help.gif" alt="help" />
|
||
<div class="t3-help">
|
||
###INFO###
|
||
</div>
|
||
</div>
|
||
<img src="sysext/t3skin/icons/login_reload.gif" alt="reload" class="t3-reload" onclick="window.location.reload()"/>
|
||
</div>
|
||
</div>###LOGINBOX_IMAGE###
|
||
<noscript>
|
||
<div id="t3-noscript-error">
|
||
<p>
|
||
###ERROR_JAVASCRIPT###
|
||
</p>
|
||
</div>
|
||
</noscript>
|
||
<div id="t3-nocookies-error" style="display:none">
|
||
<p>
|
||
###ERROR_COOKIES###
|
||
</p>
|
||
</div>
|
||
<div id="t3-login-form-fields">
|
||
###FORM###
|
||
</div>
|
||
<script type="text/javascript">
|
||
var cookieEnabled = (navigator.cookieEnabled) ? true : false;
|
||
|
||
if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled) {
|
||
document.cookie = "testcookie";
|
||
cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false;
|
||
}
|
||
if (cookieEnabled) {
|
||
document.getElementById("t3-login-form-fields").style.display = 'block';
|
||
}
|
||
else {
|
||
document.getElementById("t3-nocookies-error").style.display = 'block';
|
||
}
|
||
</script>
|
||
</div>
|
||
###NEWS###
|
||
</div>
|
||
</div>
|
||
<div id="t3-footer">
|
||
<hr/>
|
||
<div id="t3-copyright-notice">
|
||
###COPYRIGHT###
|
||
</div>
|
||
<div id="t3-meta-links">
|
||
<a href="http://www.typo3.org">TYPO3.org</a>
|
||
<a href="http://typo3.org/donate/">###LABEL_DONATELINK###</a>
|
||
</div>
|
||
</div>
|
||
<!-- ###PAGE### end -->
|
||
<!-- ###LOGIN_NEWS### begin -->
|
||
<div id="t3-login-news-outer">
|
||
<h2 id="t3-login-news-headline"><span class="t3-news-headline-text">###NEWS_HEADLINE###</span><span id="t3-toggle-news" onclick="javascript:toggleNews();"></span></h2>
|
||
<dl id="t3-login-news">
|
||
<!-- ###NEWS_ITEM### begin -->
|
||
<dt>
|
||
<span class="t3-news-title">###HEADER###</span>
|
||
<span class="t3-news-date">###DATE###</span>
|
||
</dt>
|
||
<dd>
|
||
###CONTENT###
|
||
</dd>
|
||
<!-- ###NEWS_ITEM### end -->
|
||
</dl>
|
||
</div>
|
||
<!-- ###LOGIN_NEWS### end -->
|
||
<!-- ###LOGIN_FORM### begin -->
|
||
<!-- ###LOGIN_ERROR### begin -->
|
||
<div class="t3-login-error">
|
||
###ERROR_MESSAGE###
|
||
</div>
|
||
<!-- ###LOGIN_ERROR### end -->
|
||
<div class="t3-login-username t3-login-field">
|
||
<label for="username" class="t3-username">
|
||
###LABEL_USERNAME###:
|
||
</label>
|
||
<input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" class="t3-username" />
|
||
</div>
|
||
<div class="t3-login-password t3-login-field">
|
||
<label for="password" class="t3-password">
|
||
###LABEL_PASSWORD###:
|
||
</label>
|
||
<input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" class="t3-password" />
|
||
</div>
|
||
<!-- ###INTERFACE_SELECTOR### begin -->
|
||
<div class="t3-login-interface t3-login-field">
|
||
<label for="interfaceselector" class="t3-interface-selector">
|
||
###LABEL_INTERFACE###:
|
||
</label>
|
||
###VALUE_INTERFACE###
|
||
</div>
|
||
<!-- ###INTERFACE_SELECTOR### end -->
|
||
<input type="submit" name="commandLI" value="###VALUE_SUBMIT###" class="t3-login-submit" />
|
||
<!-- ###LOGIN_FORM### end -->
|
||
<!-- ###LOGOUT_FORM### begin -->
|
||
<h2>###HEADLINE###</h2>
|
||
<p class="t3-username">
|
||
###LABEL_USERNAME###:
|
||
</p>
|
||
<p class="t3-username-current">
|
||
###VALUE_USERNAME###
|
||
</p>
|
||
<!-- ###INTERFACE_SELECTOR### begin -->
|
||
<p class="t3-interface-selector">
|
||
###LABEL_INTERFACE###:
|
||
</p>
|
||
###VALUE_INTERFACE###
|
||
<!-- ###INTERFACE_SELECTOR### end -->
|
||
<input type="hidden" name="p_field" value="" /><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="t3-submit" />
|
||
<!-- ###LOGOUT_FORM### end -->
|
typo3/sysext/lang/locallang_login.xml (Arbeitskopie) | ||
---|---|---|
<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>
|
||
</languageKey>
|
||
</data>
|
||
</T3locallang>
|