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