TPAC - new CSS for login help elements

Instead of having everything hard coded into the page, move important
pieces into the style.css.tt2.

Signed-off-by: Ben Shum <bshum@biblio.org>
Signed-off-by: Dan Scott <dan@coffeecode.net>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index 8661011..3da8ea4 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -579,6 +579,18 @@ div.format_icon {
     height:29px;
 }
 
+.login-help-box {
+    float: right;
+    width: 200px;
+    text-align: center;
+    margin-right: 25%;
+}
+
+.login-help-button {
+    font-size: [% css_fonts.size_biggest %];
+    padding: 1.5em;
+}
+
 #login-failed-message {
     font-size: [% css_fonts.size_bigger %];
     font-weight: bold;

diff --git a/Open-ILS/src/templates/opac/parts/login/form.tt2 b/Open-ILS/src/templates/opac/parts/login/form.tt2
index 1e23a98..6a5dc5d 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/login/form.tt2
+++ b/Open-ILS/src/templates/opac/parts/login/form.tt2
@@ -62,4 +62,4 @@
         </table>
     </form>
 </div>
-<div style='float:right; max-width: 200px; text-align: center; margin-right: 25%;'>[% INCLUDE "opac/parts/login/help.tt2" %]</div>
+[% INCLUDE "opac/parts/login/help.tt2" %]

diff --git a/Open-ILS/src/templates/opac/parts/login/help.tt2 b/Open-ILS/src/templates/opac/parts/login/help.tt2
index 470f8f4..4bac233 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/login/help.tt2
+++ b/Open-ILS/src/templates/opac/parts/login/help.tt2
@@ -1,14 +1,15 @@
-<td class="login_boxes right_brain" align="center" valign="top" width="291">
+<div class="login-help-box">
 
-    <div style="padding: 25px; font-size: 1.5em;">
+    <div class="login-help-button">
         <a href="http://example.com" class="opac-button">[% l('Questions?') %]</a>
     </div>
 
-    <div style="width:182px;color:black;padding:5px 25px;">
+    <div>
         [% l('Visit our FAQs section for answers to common questions about how to use your account.') %]
     </div>
 
-    <div style="padding: 25px; font-size: 1.5em;">
+    <div class="login-help-button">
         <a href="http://example.com" class="opac-button">[% l('FAQs') %]</a>
     </div>
-</td>
+
+</div>