Cleaned up the login modal a bit

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

diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index 2089edafde16d247cbcbea4f572576fbf6edd509..a82789c43e63539ffa14eea0c384f017645de510 100644 (file)
--- a/webcit/static/styles/webcit.css
+++ b/webcit/static/styles/webcit.css
@@ -12,16 +12,20 @@
 @import url("navbar.css");
 @import url("content.css");
 @import url("box.css");
+@import url("modal.css");
 
 @media print {
        input#toggler, .toolbar { display: none }
 }
 
-/* Typography */
-
-html {font-size: 100%}
-
-body { font-size: 100%}
+html, body {
+       font-size: 100;
+       height:100%;
+       width:100%;
+       margin:0;
+       padding:0;
+       overflow:hidden;
+}
 
 .address_book_popup_title { font-size: 130% }
 
@@ -60,7 +64,7 @@ body {
 
 #online_users li.inactiveuser a { background-color: transparent }
 
-#room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart {
+#room_infos, #address_book_popup, .roomops_cell, .roomops_cell_edit, .mimepart {
        background-color: #F0FFFF;
        color: #333;
 } 
@@ -1096,10 +1100,13 @@ li.event_unread span, a.event_read_title { font-size: 100% }
 
 #noscript_warning {
        position: fixed;
+       z-index: 999;
        top: 0;
-       left: 0;
+       right: 0;
        background-color: #FF0000;
        color: #FFFFFF;
+       font-size: 120%;
+       border: 2px solid #FF0000;
 }
 
 .chatrecv_history_class {
@@ -1216,4 +1223,147 @@ 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 {
+}
+
+.blog_post_title {
+       font-size: 150%;
+       font-style: bold;
+}
+
+.blog_post_title a:link, .blog_post_title a:visited, .blog_post_title a:active {
+       color: #000000;
+}
+
+.blog_post_title a:hover {
+       color: #0000FF;
+}
+
+
+.blog_post_header {
+       font-size: 100%;
+       font-style: italic;
+}
+
+.blog_post_content {
+}
+
+.blog_comment {
+       border: 1px solid grey;
+       margin-top: 5px;
+       margin-bottom: 5px;
+       margin-left: 5%;
+       margin-right: 5%;
+       padding: 5px;
+}
+
+.blog_comment_header {
+       margin-bottom: 1em;
+       font-size: 100%;
+       font-style: italic;
+}
+
+
+/*---------- styles for the attachments form -----------*/
+
+#attachments_form {
+       display:none;
+       position:absolute;
+       top:5%;
+       bottom:5%;
+       right:5%;
+       left:5%;
+       z-index: 10;
+       padding: 5px;
+       border-width: 1px;
+       border-style: solid;
+       border-color: #022750;
+       -webkit-border-radius: 10px;
+       -moz-border-radius: 10px;
+       border-radius: 10px;
+       background: #FFFFFF;
+       background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DDDDEE));
+       background: -moz-linear-gradient(#FFFFFF, #DDDDEE);
+       background: linear-gradient(#FFFFFF, #DDDDEE);
+       -pie-background: linear-gradient(#FFFFFF, #DDDDEE);
+       -webkit-box-shadow: #666 0px 2px 3px;
+       -moz-box-shadow: #666 0px 2px 3px;
+       box-shadow: #666 0px 2px 3px;
+       behavior: url(/static/styles/PIE.htc);
+}
+
+
+/*---------- styles for the login modal box -----------*/
+
+#loginbox_topline_container {
+       position: relative;
+       font-size: 110%;
+       color: white;
+}
+
+#loginbox_title {
+       float: left;
+       width: 75%;
+       text-align: center;
+       background-color: #022750;
+       border: 3px solid #022750;
+}
+
+#loginbox_closebutton {
+       float: right;
+       width: 23%;
+       text-align: right;
+       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;
+}
+
+#ajax_username_password_form {
+       margin: auto;
+       width: 20em;
+}
+
+#ajax_username_password_form label {
+       float: left;
+       width: 10em;
+}
+
+.openid_urlarea {
+        background: url('../openid-small.gif') no-repeat scroll 0pt 50%;
+        padding-left: 18px;
+}
+