Changed the tabbed dialog API to include an epilogue that

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 628549ce93ba69b36911c961507a4dce2136bc24..e88391fbdca2e26cb306d8c31c6e379653e8012c 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -1,3 +1,4 @@
+@import url("datepicker.css");
 @media print {
        input#toggler, .toolbar { display: none }
 }
@@ -159,6 +160,7 @@ body {
 
 .message_header .message_subject {
        font-style: italic;
+       float: left;    
 }
 
 .adminlist {
@@ -600,7 +602,7 @@ body, #global {
 
 #login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form {
        display: block;
-       margin: 0 auto 0 auto;
+       margin: 5px auto 5px auto;
 }
 
 #login_screen .login_message, .login_hello, #global center {
@@ -608,9 +610,14 @@ body, #global {
 }
 
 #login_screen .login_image {
-       width: 65%;
+        width: 135px;
 }
 
+#login_screen .login_image img {
+        text-align: center;
+}
+
+
 #login_screen #login_form {
        padding: 10px;
        width: 330px;
@@ -669,6 +676,9 @@ body, #global {
        vertical-align: middle;
        padding-left: 2px;
        padding-right: 5px;
+       width: 32px;
+       height: 32px;
+       border: none;
 }
 
 #button li a {
@@ -833,7 +843,7 @@ html>body #button li a {
 
 .message_header p {
        margin: 2px 0 2px 0;
-       padding: 0;
+       padding: 0 0 2px 0;
 }
 
 .button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input, .logbutton {
@@ -1151,7 +1161,7 @@ ul.tabbed_dialog li {
 
 .tabcontent_submit {
         margin: 0 auto 0 auto;
-        width: 50%;
+        width: 90%;
         padding: 10px;
         text-align: center;
 }
@@ -1224,7 +1234,7 @@ td.events_of_the_day {
        vertical-align: top;
 }
 
-.event {
+.event_framed_unread {
        filter:alpha(opacity=50);   /* Internet Explorer 6     */
        -moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
        opacity: 0.5;               /* CSS3 draft and Mozilla  */
@@ -1235,7 +1245,45 @@ td.events_of_the_day {
        padding: 0 4px 0 4px; 
 }
 
-li.event span, a.event_title {
+li.event_framed_unread span, a.event_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.event_framed_read {
+       filter:alpha(opacity=50);   /* Internet Explorer 6     */
+       -moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
+       opacity: 0.5;               /* CSS3 draft and Mozilla  */
+       -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+       border: solid 1px red;
+       background-color: yellow;
+       z-index: 10;
+       padding: 0 4px 0 4px; 
+}
+
+li.event_framed_read span, a.event_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.event_read {
+}
+
+li.event_read span, a.event_read_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.event_unread {
+}
+
+li.event_unread span, a.event_read_title {
        filter:alpha(opacity=100); 
        -moz-opacity:1.0;         
        opacity: 1.0;
@@ -1278,3 +1326,74 @@ li.event span, a.event_title {
        padding: 4px;
 }
 
+.roompic {
+      height: 48px;
+      width: 48px;
+      border: none;
+}
+#navbar ul li a img {
+      vertical-align: middle;
+      border: none;
+}
+.table-alt-row {
+      background-color: #DDDDDD;
+}
+
+.stickynote_outer {
+       position: absolute;
+       width: 200px;
+       height: 200px;
+       border: 1px solid #333;
+       background-color: #ffff00;
+       overflow: hidden;
+}
+
+.stickynote_titlebar {
+       position: relative;
+       width: 100%;
+       height: 16px;
+       top: 0px;
+       left: 0px;
+       background-color: #888800;
+        font-size: 6px;     
+}
+
+.stickynote_body {
+       position: relative;
+       font-family: "Comic Sans MS", "Verdana", "Bitstream Vera Sans", sans-serif;
+}
+
+.stickynote_resize {
+       position: absolute;
+       background-image: url('resizecorner.png');
+       height: 16px;
+       width: 16px;
+       right: -1px;
+       bottom: -1px;
+}
+
+.stickynote_palette {
+       position: absolute;
+       width: 48px;
+       height: 48px;
+       top: 16px;
+       left: 0px;
+       background-color: #ffffff;
+       border: 1px solid #333;
+       display: none;
+}
+
+.stickynote_palette table {
+       margin: 0;
+       padding: 0;
+}
+
+.stickynote_palette td {
+       width: 16px;
+       height: 16px;
+}
+
+.openid_urlarea {
+       background: url('openid-small.gif') no-repeat scroll 0pt 50%;
+       padding-left: 18px;
+}