New CSS for the login modal

[citadel.git] / webcit / static / styles / webcit.css

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;
+}
+