* streamline copyright statements; add Conclusion of included components; flip to...

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 02f2a4e2d1a560cb3b6b7e21f03aca9ae8bfda46..9d96724cbebaafd8b360d4e92d84407dc7ce3931 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -1,3 +1,7 @@
+/*
+ * Copyright 2005 - 2009 The Citadel Team
+ * Licensed under the GPL V3
+ */
 @import url("datepicker.css");
 @media print {
        input#toggler, .toolbar { display: none }
@@ -31,8 +35,8 @@ body { font-size: 100%;}
        font-size: 80%;
 }
 
-#online_users li {
-       font-size: 80%;
+#online_users li a {
+       font-size: 80% !important;
 }
 .marked_row {
     color: white;
@@ -46,7 +50,7 @@ body {
        font-weight: 400;
 }
 
-#iconbar, .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, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul, #summary_view {
+#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, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul, #summary_view {
        background-color: #FFF;
        color: #000;
 }
@@ -70,18 +74,21 @@ body {
        text-transform: uppercase;
 }
 
-#iconbar ul li, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, #ib_logoff, .iconbar_text {
+.ib_button, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, .iconbar_text{
        background-color: #F0FFFF;
        color: #333;
+} 
+#online_users:hover { /* separate in order for override */
+    background-color: #F0FFFF !important;
+       color: #333 !important;
 }
-
 #iconbar #button {
        border: none;
        list-style: none;
 }
 
-#iconbar li a, #ib_logoff a {
-       font-size: 100%;
+.ib_button {
+       font-size: 90%;
 }
 
 #room_infos, #address_book_popup, .mimepart, .room_actions form select {
@@ -95,7 +102,7 @@ body {
        font-weight: 700;
 }
 
-#button li, #ib_logoff {
+.ib_button {
        border: none;
        border-bottom: 2px groove #CCC;
        border-right: 2px groove #CCC;
@@ -110,7 +117,7 @@ body {
        border-bottom: 1px solid #AAA;
 }
 
-#button li a , #ib_logoff a{
+.ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a {
        color: #000;
        text-decoration: none;
 }
@@ -126,16 +133,18 @@ body {
 
 #banner ul.room_actions li.start_page a, #navbar, .selector_top,.selector_bottom {
        background-color: #022750;
-    border-top: 1px solid black;
-    border-bottom: 1px solid black;
+       border-top: 1px solid black;
+       border-bottom: 1px solid black;
        color: #FFF;
 }
 
 #banner {
        background-color: #004E79;
-       color: #FFF
-
+       color: #FFF;
+       margin: 0;
+       padding: 0;
 }
+
 #banner a {
        color: #FFF
 }
@@ -273,10 +282,16 @@ body {
        font-style: italic;
 }
 
-.mimepart dl dd,.mailbox_summary td, .mimepart dl dt {
+.mimepart dl dd, .mimepart dl dt {
        border-top: 1px solid #AAA;
 }
 
+.mailbox_summary td {
+       /* border-top: 1px solid #AAA; */
+       white-space: nowrap;
+       overflow: hidden;
+}
+
 .mimepart dl dt {
        font-weight: 700;
 }
@@ -464,10 +479,10 @@ a:visited { color: purple; }
 
 #customize a:active, #customize a:link, #customize a:visited { color: black; }
 
-#important_message, .buttons a:hover, .msgbuttons a:hover, input:hover, #button > li:hover, #online_users li a:hover, #navbar ul li a:hover, #ib_logoff:hover {
+#important_message, .buttons a:hover, .msgbuttons a:hover, #button li:hover, #online_users li a:hover, #navbar ul li a:hover, #ib_logoff:hover {
        background-color: #AD1C00;
        color: #FFF;
-}
+} /* input:hover as well?? */
 
 
 
@@ -523,7 +538,9 @@ body, #global {
     left: 0;
     overflow-y: auto;
 }
-
+#global.scrollable {
+    position: fixed;
+}
 #important_message {
        position: absolute;
        top: 0; 
@@ -559,21 +576,6 @@ body, #global {
     
 }
 
-#banner {
-/*     position: absolute;
-       top: 0;
-       left: 16%;
-       width: 84%;
-       height: 18%; */
-}
-
-#navbar {
-/*     position: absolute;
-       bottom: 0; 
-       left: 0;
-       width: 100%; */
-}
-
 #content {
 /*     position: absolute;
        top: 18%;
@@ -598,12 +600,13 @@ body, #global {
 #summary_view {
        height: 100px;
        overflow-y: scroll;
+    overflow-x: hidden;
        cursor: pointer;
 }
 #message_list_body {
     background-color: white !important;
 }
-#message_list_body > tr > td {
+#message_list_body tr td {
     overflow-y: hidden;
     overflow-x: hidden; /* stop long subjects overflowing */
 }
@@ -616,6 +619,11 @@ body, #global {
 .col3 {
     width: 20%;
 }
+.col1, .col2, .col3 {
+    cursor: pointer;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+}
 .new_message {
     font-weight: bold; !important;
 }
@@ -741,7 +749,7 @@ body, #global {
 
 /* Iconbar */
 
-.logo, .logo_citadel, #iconbar #button, .iconbar_text, #ib_logoff {
+.logo, .logo_citadel, #iconbar #button, .iconbar_text, .ib_button {
        margin: 0;
        padding: 0;
 }
@@ -757,13 +765,13 @@ body, #global {
        width: 100%;
 }
 
-#button > li, #ib_logoff {
+.ib_button {
        margin: 4px 8px 4px 8px;
        padding: 0;
     display: block;
 }
-#button > li > a, #ib_logoff > a {
-    width: 100%;
+.ib_button_link {
+    /* width: 100%; */
     display: block;
 }
 
@@ -788,10 +796,6 @@ body, #global {
 }
 
 /* Banner */
-#banner {
-    margin: 0;
-    padding: 0;
-}
 #banner .room_banner {
     display: table-cell;
     width: 90%;
@@ -822,28 +826,25 @@ body, #global {
        float: right;
 }
 #actiondiv {
-    display: table-cell;
+       display: table-cell;
 }
 #banner ul.room_actions {
        list-style: none;
-       text-align: right;
+       text-align: left;
 }
-
 #banner ul.room_actions li {
        white-space: nowrap;
        display: inline;
 }
-
 #banner ul.room_actions li form {
         margin: 0;
         padding: 0;
 }
-
 #banner ul.room_actions li select, #banner ul.room_actions li input {
        margin-top: 8px;
        margin-right: 4px;
 }
-#selectpage {
+#selectpage.hidden {
     display: none !important;
 }
 
@@ -891,7 +892,8 @@ body, #global {
     padding: 0;
 }
 /** Override to disable list-style-image" */
-.room {
+.room a, .room a, .room a:visited, .room a:link {
+    color: #333333;
 }
 .room-private {
     list-style-image: url("/static/privatemess_16x.gif");
@@ -914,6 +916,9 @@ body, #global {
 .room-newmsgs {
     font-weight: bold;
 }
+.room-emphasized {
+    text-decoration: underline;
+}
 /* Content */
 
 .boxcontent table {
@@ -1107,8 +1112,9 @@ dt { clear: both; }
 .imsg {
        text-align: center;
 }
-#summary_view > table {
+#summary_view > table { /* hide from IE6 */
     width: 100%;
+    table-layout: fixed;
 }
 colgroup.entity {
        text-align: center;
@@ -1345,11 +1351,11 @@ td.events_of_the_day {
 }
 
 .events_of_the_day dl dt.hour {
-       font-size: 160%;
+       /* font-size: 160%; commenting out because we need to line it up with the actual size */
 }
 
 .events_of_the_day dl dt.extrahour {
-       font-size: 80%;
+       /* font-size: 80%; commenting out because we need to line it up with the actual size */
 }
 
 .hour_label, .extra_events dl dt {