* Locked the banner div at top:0 to keep Google Chrome from floating it out of place

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 7bfc9118ba3aff135c25a58cd252625e1ba058cb..1312bc1d2d5233ad34db75a7aa70ad293d4efea7 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -99,7 +99,7 @@ body {
 
 #room_infos, #address_book_popup, .mimepart, .room_actions form select {
        border: 1px solid #333;
-       overflow: hidden;
+       overflow: scroll;
 }
 
 
@@ -144,11 +144,16 @@ body {
        color: #FFF;
 }
 
+.start_page {
+       font-size: 60%;
+}
+
 #banner {
        background-color: #004E79;
        color: #FFF;
        margin: 0;
        padding: 0;
+       top: 0;
        height: 120px;          /* when changing this, also change #content */
        position: fixed;
        width: 84%;             /* when changing this, also change #iconbar and #content */
@@ -579,7 +584,7 @@ body, #global {
        position: absolute;
        top: 0; 
        right: 0;
-       z-index: 2;
+       z-index: 4;
        padding: 3px;
 }
 
@@ -605,8 +610,14 @@ body, #global {
 }
 
 #login_screen, #logout_screen {
-       margin: 0;
+       position: fixed;
+       margin: 0px;
+       top: 0px;
+       left: 0px;
+       bottom: 0px;
+       right: 0px;
        padding: 3% 6% 3% 6%;
+       overflow: auto;
 }
 
 #convlogin, #validate {
@@ -653,11 +664,13 @@ body, #global {
        cursor: pointer;
 }
 
-#message_list_body {
-       background-color: white !important;
+#summary_headers {
+       background-color: white;
+       width: 100%;
+       table-layout: fixed;
 }
 
-#message_list_body tr td {
+#summary_headers tr td {
        overflow-y: hidden;
        overflow-x: hidden; /* stop long subjects overflowing */
 }
@@ -701,6 +714,7 @@ body, #global {
 
 .fix_scrollbar_bug {
        margin-right: 1px;              /* Gecko and other non-broken browsers */
+       font-size: 90%;                 /* Most stuff needs to be a little smaller than normal. */
 }
 
 /* Boxes */
@@ -1123,6 +1137,7 @@ body, #global {
        float: right;
        visibility: hidden;
        padding: 2px;
+       font-size: 80%;
 }
 
 .buttons a {
@@ -1476,10 +1491,7 @@ td.events_of_the_day {
 }
 
 .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  */
-       -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+       -moz-border-radius: 8px;
        border: solid 1px red;
        background-color: yellow;
        z-index: 10;
@@ -1487,17 +1499,11 @@ td.events_of_the_day {
 }
 
 li.event_framed_unread span, a.event_title {
-       filter:alpha(opacity=100); 
-       -moz-opacity:1.0;         
-       opacity: 1.0;
        font-size: 100%;     
 }
 
 .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  */
+       -moz-border-radius: 8px;
        border: solid 1px red;
        background-color: yellow;
        z-index: 10;
@@ -1505,9 +1511,6 @@ li.event_framed_unread span, a.event_title {
 }
 
 li.event_framed_read span, a.event_title {
-       filter:alpha(opacity=100); 
-       -moz-opacity:1.0;         
-       opacity: 1.0;
        font-size: 100%;  
 }
 
@@ -1515,9 +1518,6 @@ li.event_framed_read span, a.event_title {
 }
 
 li.event_read span, a.event_read_title {
-       filter:alpha(opacity=100); 
-       -moz-opacity:1.0;         
-       opacity: 1.0;
        font-size: 100%;     
 }
 
@@ -1525,9 +1525,6 @@ li.event_read span, a.event_read_title {
 }
 
 li.event_unread span, a.event_read_title {
-       filter:alpha(opacity=100); 
-       -moz-opacity:1.0;         
-       opacity: 1.0;
        font-size: 100%;     
 }
 
@@ -1733,3 +1730,53 @@ li.event_unread span, a.event_read_title {
 
 .chat_text_class {
 }
+
+/*---------- bubble tooltips start -----------*/
+
+a.event_title, a.event_unread, a.event_read {
+       position:relative;
+       z-index:24;
+}
+
+a.event_title span, a.event_unread span, a.event_read span {
+       display: none;
+}
+
+/* background:; ie hack, something must be changed in a for ie to execute it */
+
+a.event_title:hover, a.event_unread:hover, a.event_read:hover {
+       z-index:25;
+       background:;
+}
+
+a.event_title:hover span.tooltip, a.event_unread:hover span.tooltip, a.event_read:hover span.tooltip {
+       display:block;
+       position:absolute;
+       top:0px; left:0;
+       padding: 15px 0 0 0;
+       width:200px;
+       text-align: center;
+}
+
+a.event_title:hover span.btttop, a.event_unread:hover span.btttop, a.event_read:hover span.btttop {
+       display: block;
+       padding: 30px 8px 0;
+       background: url(/static/bubble.gif) no-repeat top;
+}
+
+/* different middle bg for stretch */
+a.event_title:hover span.bttmiddle, a.event_unread:hover span.bttmiddle, a.event_read:hover span.bttmiddle {
+       display: block;
+       padding: 0 8px; 
+       background: url(/static/bubble_filler.gif) repeat bottom; 
+       color: #022750;
+       font-size: 10px;
+}
+
+a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event_read:hover span.bttbottom {
+       display: block;
+       padding:3px 8px 10px;
+       background: url(/static/bubble.gif) no-repeat bottom;
+}
+
+/*---------- bubble tooltips end -----------*/