New CSS for the login modal

diff --git a/webcit/static/authmethods.js b/webcit/static/authmethods.js
index 57550687a0f177cd6a90f2dcd339337113e2a747..3709669d0151e00bbe95789d44942790f5fdb26f 100644 (file)
--- a/webcit/static/authmethods.js
+++ b/webcit/static/authmethods.js
@@ -62,3 +62,12 @@ function ajax_try_username_and_password(destination_url) {
                }
        });
 }
+
+/*
+ * tab handler for the login box
+ */
+function authtoggle(show_which_div) {
+       $('authbox_userpass').style.display = 'none';
+       $('authbox_openid').style.display = 'none';
+       $(show_which_div).style.display = 'block';
+}

diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index d6965794cf2a357de020b81b3e15508ed54cd8ab..838521d14e486cd63685ce3dcbbb08655f362c77 100644 (file)
--- a/webcit/static/styles/webcit.css
+++ b/webcit/static/styles/webcit.css
@@ -1220,8 +1220,8 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
        background: url(/static/bubble.gif) no-repeat bottom;
 }
 
-/*---------- bubble tooltips end -----------*/
 
+/*---------- styles for the blog view -----------*/
 
 .blog_post {
 }
@@ -1263,6 +1263,9 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
        font-style: italic;
 }
 
+
+/*---------- styles for the attachments form -----------*/
+
 #attachments_form {
        display:none;
        position:absolute;
@@ -1290,15 +1293,18 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
 }
 
 
+/*---------- styles for the login modal box -----------*/
+
 #loginbox_topline_container {
        position: relative;
+       font-size: 130%;
+       color: white;
 }
 
 #loginbox_title {
        float: left;
        width: 75%;
        text-align: left;
-       color: white;
        background-color: #022750;
        border: 3px solid #022750;
 }
@@ -1307,7 +1313,39 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
        float: right;
        width: 23%;
        text-align: right;
-       color: white;
        background-color: #ddd;
        border: 3px solid #ddd;
 }
+
+#auth_container {
+       position: relative;
+       border: 1px solid #777;
+}
+
+#authbar {
+       top: 0;
+       left: 0;
+       width: 23%;
+       z-index: 0;
+       overflow: auto;
+       overflow-x: hidden !important;
+}
+
+#authbar ul {
+       margin-top: 1px;
+       margin-bottom: 0;
+}
+
+.authbox {
+       text-align: center;
+       position: absolute;
+       top: 0;
+       right: 0;
+       width: 75%;
+       height: 100%;
+       z-index: 0;
+       overflow: auto;
+       overflow-x: hidden !important;
+       background-color: #ddd;
+}
+

diff --git a/webcit/static/t/get_logged_in.html b/webcit/static/t/get_logged_in.html
index 6dd14347be1e9f2b467dfc5691cc0a1ffc3841b5..3fcb651bb178f9c1f34a9aa3d49847d9789cd335 100644 (file)
--- a/webcit/static/t/get_logged_in.html
+++ b/webcit/static/t/get_logged_in.html
@@ -11,18 +11,48 @@ To complete this action, you must log in.  FIXME localize this string.
 </div>
 <br><br>
 <div class="login_message" id="login_errmsg"></div>
+<div id="auth_container">
+<div id="authbar">
+<ul id="button">
+<li class="ib_button" style='background-image: url("/static/usermanag_32x.gif");'>
+    <a class="ib_button_link" href="javascript:authtoggle('authbox_userpass');" title="<?SERV:HUMANNODE>"><span>
+        <?SERV:HUMANNODE>
+    </span></a>
+</li>
+<li class="ib_button" style='background-image: url("/static/usermanag_32x.gif");'>
+    <a class="ib_button_link" href="javascript:authtoggle('authbox_openid');" title="OpenID"><span>
+        OpenID
+    </span></a>
+</li>
+<li class="ib_button">
+</li>
+<li class="ib_button">
+</li>
+<li class="ib_button">
+</li>
+<li class="ib_button">
+</li>
+</ul>
+</div>
+
+<div class="authbox" id="authbox_userpass" style="display: block">
+<h2><?_("Log in using a user name and password")></h2>
 <form id="ajax_username_password_form" method="POST" action="ajax_login_username_password">
-<table border=0 cellspacing=0 cellpadding=0><tr>
-<td><?_("User name:")></td>
-<td><input type="text" name="name" id="uname"></td>
-</tr><tr>
-<td><?_("Password:")></td>
-<td><input type="password" name="pass" id="pname"></td>
-</tr></table>
+<?_("User name:")>
+<input type="text" name="name" id="uname">
+<br>
+<?_("Password:")>
+<input type="password" name="pass" id="pname">
+<br>
 </form>
-<hr>
 <div class="buttons"><a href="javascript:ajax_try_username_and_password('<?BSTR("destination_url")>');"><?_("Log in")></a></div>
-<div class="buttons"><a href="javascript:toggleModal(0);"><?_("Cancel")></a></div>
+</div>
+
+<div class="authbox" id="authbox_openid" style="display: none">
+<h2><?_("Log in using OpenID")></h2>
+ju gunna put da openid login here, haina?
+</div>
+
 </div>
 </body>
 </html>