* 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 2981a39091541f2d2d23f98acb0ac705885d3306..1312bc1d2d5233ad34db75a7aa70ad293d4efea7 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -20,16 +20,23 @@ body { font-size: 100%;}
        font-size: 130%;
 }
 
-#button, #content .msgbuttons a, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,.banner .nummsgs,li.search,li.view, .room_actions form select option, .selectbox, .message_header, ul.adminitems li span, #message_list tr > td {
+#button, #content .msgbuttons a, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, .message_header, ul.adminitems li span, #message_list tr > td {
        font-size: 100%;
 }
 
+#nummsgs {
+       font-size: 75%;
+}
+
 #message_list_hdr table {
        font-size: 80%;
 }
 
 #navbar {
        font-size: 75%;
+       position: absolute;
+       bottom: 0;
+       width: 100%;
 }
 
 .mailbox_summary {
@@ -47,8 +54,7 @@ body { font-size: 100%;}
 
 body {
        background-color: #6C91A6;
-       font-family: Bitstream Vera Sans, Tahoma, sans-serif;
-       /* font-weight: 400; */
+       font-family: sans-serif;
 }
 
 #iconbar_container, .boxcontent,.service form div,table.altern .odd, #message_list, .message_content, #roomlist_div,.editednode,.mailbox_summary, .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .wiki_history_background, .wiki_pagelist_background, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul, #summary_view {
@@ -88,12 +94,12 @@ body {
 }
 
 .ib_button {
-       font-size: 90%;
+       font-size: 80%;
 }
 
 #room_infos, #address_book_popup, .mimepart, .room_actions form select {
        border: 1px solid #333;
-       overflow: hidden;
+       overflow: scroll;
 }
 
 
@@ -127,7 +133,7 @@ body {
        border-top: 1px solid #AAA;
 }
 
-#banner h1,#banner h2,.banner .nummsgs,.mimepart div,.required {
+#banner h1,#banner h2,.mimepart div,.required {
        font-weight: 700;
 }
 
@@ -138,16 +144,22 @@ 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 */
        left: 16%;              /* when changing this, also change #iconbar and #content */
        z-index: 3;
+       overflow: hidden;
 }
 
 #banner a {
@@ -572,7 +584,7 @@ body, #global {
        position: absolute;
        top: 0; 
        right: 0;
-       z-index: 2;
+       z-index: 4;
        padding: 3px;
 }
 
@@ -598,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 {
@@ -646,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 */
 }
@@ -694,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 */
@@ -889,9 +910,13 @@ body, #global {
 #room_infos img.close_infos {
        float: right;
 }
+
 #actiondiv {
-       display: table-cell;
+       position: absolute;
+       right: 0;
+       top: 0;
 }
+
 #banner ul.room_actions {
        list-style: none;
        text-align: left;
@@ -1112,6 +1137,7 @@ body, #global {
        float: right;
        visibility: hidden;
        padding: 2px;
+       font-size: 80%;
 }
 
 .buttons a {
@@ -1465,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;
@@ -1476,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;
@@ -1494,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%;  
 }
 
@@ -1504,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%;     
 }
 
@@ -1514,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%;     
 }
 
@@ -1671,7 +1679,7 @@ li.event_unread span, a.event_read_title {
        padding-right: 3px;
 }
 
-.chat_userlist {
+.chat_userlist_class {
        position: absolute;
        top: 0;
        right: 1%;
@@ -1722,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 -----------*/