Fixed bug #12699: Upgrade backend login to match t3skin
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / templates / login.html
1 <!-- ###PAGE### begin -->
2 <div id="t3-login-form-outer" ###CSS_ERRORCLASS###>
3 <div id="t3-login-form">
4 <div id="t3-login-image">
5 ###LOGO###
6 </div>
7 <div id="t3-login-form-inner" class="t3-login-box">
8 <div class="t3-headline">
9 <h2>###HEADLINE###</h2>
10 </div>
11 <div class="t3-login-box-body">
12 <noscript>
13 <div id="t3-noscript-error" class="t3-login-alert t3-login-alert-error">
14 <p>
15 ###ERROR_JAVASCRIPT###
16 </p>
17 </div>
18 </noscript>
19 <div id="t3-nocookies-error" class="t3-login-alert t3-login-alert-warning" style="display:none">
20 <p>
21 ###ERROR_COOKIES###
22 </p>
23 </div>
24 ###FORM###
25 <div class="t3-login-bottomBorder"></div>
26 <script type="text/javascript">
27 /*<![CDATA[*/
28 document.cookie = "testcookie";
29 cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false;
30 if (cookieEnabled) {
31 document.getElementById("t3-login-form-fields").style.display = 'block';
32 }
33 else {
34 document.getElementById("t3-nocookies-error").style.display = 'block';
35 }
36 /*]]>*/
37 </script>
38 <script type="text/javascript" src="contrib/prototype/prototype.js"></script>
39 <script type="text/javascript" src="sysext/t3skin/resources/login.js"></script>
40 </div>
41 </div>
42 <div class="t3-login-box-border-bottom"></div>
43 ###NEWS###
44 </div>
45 </div>
46 <div id="t3-footer">
47 <div id="t3-copyright-notice">
48 ###COPYRIGHT###
49 </div>
50 <div id="t3-meta-links">
51 <a href="http://typo3.org" target="_blank">TYPO3.org</a>
52 &#124;
53 <a href="http://typo3.org/donate/" target="_blank">###LABEL_DONATELINK###</a>
54 </div>
55 </div>
56 <!-- ###PAGE### end -->
57
58 <!-- ###LOGIN_NEWS### begin -->
59 <div id="t3-login-news-outer" class="t3-login-box">
60 <div class="t3-headline">
61 <h2 class="t3-login-news-headline">###NEWS_HEADLINE###</h2>
62 </div>
63 <div class="t3-login-box-body">
64 <dl id="t3-login-news">
65 <!-- ###NEWS_ITEM### begin -->
66 <div class="t3-login-news-item">
67 <dt>
68 <span class="t3-news-date">###DATE###: </span>
69 <span class="t3-news-title">###HEADER###</span>
70 </dt>
71 <dd>
72 ###CONTENT###
73 </dd>
74 </div>
75 <!-- ###NEWS_ITEM### end -->
76 </dl>
77 </div>
78 </div>
79 <div class="t3-login-box-border-bottom"></div>
80 <!-- ###LOGIN_NEWS### end -->
81
82 <!-- ###LOGIN_FORM### begin -->
83
84 <!-- ###LOGIN_ERROR### begin -->
85 <div id="t3-login-error" class="t3-login-alert t3-login-alert-error">
86 <p>###ERROR_MESSAGE###</p>
87 </div>
88 <!-- ###LOGIN_ERROR### end -->
89
90 <div id="t3-capslock" class="t3-login-alert t3-login-alert-warning" style="display: none">
91 <p>###ERROR_CAPSLOCK###</p>
92 </div>
93
94 <div id="t3-login-form-fields" class="###CSS_OPENIDCLASS###">
95 <div class="t3-login-username t3-login-field">
96 <label for="t3-username" class="t3-username" id="t3-login-label-username">
97 ###LABEL_USERNAME###
98 </label>
99 <label for="t3-username" class="t3-username" id="t3-login-label-openId" style="display: none">
100 ###LABEL_OPENID###
101 </label>
102 <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" class="t3-username" tabindex="1" onkeypress="checkCapslock(event, false)" />
103 <div class="t3-login-clearInputField">
104 <a id="t3-username-clearIcon" style="display: none;">
105 <img src="sysext/t3skin/icons/common-input-clear.png" alt="clear" title="clear" />
106 </a>
107 </div>
108 <div id="t3-login-openIdLogo" style="display: none">
109 <img src="sysext/t3skin/icons/logo-openid.png" alt="OpenID" title="OpenID" />
110 </div>
111 </div>
112 <div class="t3-login-password t3-login-field" id="t3-login-password-section">
113 <label for="t3-password" class="t3-password">
114 ###LABEL_PASSWORD###
115 </label>
116 <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" class="t3-password" tabindex="2" onkeypress="checkCapslock(event, true);" />
117 <div class="t3-login-clearInputField">
118 <a id="t3-password-clearIcon" style="display: none;">
119 <img src="sysext/t3skin/icons/common-input-clear.png" alt="clear" title="clear" />
120 </a>
121 </div>
122 </div>
123 <!-- ###INTERFACE_SELECTOR### begin -->
124 <div class="t3-login-interface t3-login-field" id="t3-login-interface-section">
125 <label for="t3-interfaceselector" class="t3-interface-selector">
126 ###LABEL_INTERFACE###
127 </label>
128 ###VALUE_INTERFACE###
129 </div>
130 <!-- ###INTERFACE_SELECTOR### end -->
131 <input type="submit" name="commandLI" value="###VALUE_SUBMIT###" class="t3-login-submit" tabindex="4" />
132 <div class="t3-login-form-footer">
133 <div id="t3-login-form-footer-default">
134 <a id="t3-login-switchToOpenId" class="switchToOpenId">###LABEL_SWITCHOPENID###</a>
135 </div>
136 <div id="t3-login-form-footer-openId" style="display: none">
137 <a id="t3-login-whatIsOpenId" class="switchToOpenId">###LABEL_WHATISOPENID###</a>
138 &#124;
139 <a id="t3-login-switchToDefault" class="switchToOpenId">###LABEL_SWITCHDEFAULT###</a>
140 </div>
141 </div>
142 </div>
143 <!-- ###LOGIN_FORM### end -->
144
145 <!-- ###LOGOUT_FORM### begin -->
146 <div id="t3-login-form-fields">
147 <div class="t3-login-logout-form">
148 <div class="t3-login-username t3-login-field">
149 <div class="t3-login-label t3-username">
150 ###LABEL_USERNAME###
151 </div>
152 <div class="t3-username-current">
153 ###VALUE_USERNAME###
154 </div>
155 </div>
156 <!-- ###INTERFACE_SELECTOR### begin -->
157 <div class="t3-login-interface t3-login-field">
158 <div class="t3-login-label t3-interface-selector">
159 ###LABEL_INTERFACE###
160 </div>
161 ###VALUE_INTERFACE###
162 <!-- ###INTERFACE_SELECTOR### end -->
163 </div>
164 <input type="hidden" name="p_field" value="" /><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="t3-login-submit" />
165 </div>
166 </div>
167 <!-- ###LOGOUT_FORM### end -->