* Titles and descriptions for site configuration tabs are now divs with class 'confti...

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 80dd0d2f1d26f49694488dfe9a9a93a78d4f6812..440f48123819a63f6a13c720998a19f8e7d0339c 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;
@@ -42,11 +46,11 @@ body { font-size: 100%;}
 
 body {
        background-color: #6C91A6;
-       font-family: "Trebuchet MS", "Verdana", "Bitstream Vera Sans", sans-serif;
+       font-family: sans-serif;
        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,7 +479,7 @@ a:visited { color: purple; }
 
 #customize a:active, #customize a:link, #customize a:visited { color: black; }
 
-#important_message, .buttons a:hover, .msgbuttons a: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,22 +576,6 @@ body, #global {
     
 }
 
-#banner {
-/*     position: absolute;
-       top: 0;
-       left: 16%;
-       width: 84%;
-       height: 18%; */
-    min-height: 18%;
-}
-
-#navbar {
-/*     position: absolute;
-       bottom: 0; 
-       left: 0;
-       width: 100%; */
-}
-
 #content {
 /*     position: absolute;
        top: 18%;
@@ -599,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 */
 }
@@ -617,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;
 }
@@ -647,24 +654,35 @@ body, #global {
 .box {
        width: 100%;
        padding: 0;
+       margin: 0;
+}
+
+#content .boxlabel {
+       margin: 0;
+       padding: 0;
+       width: 100%;
+       text-align: center;
 }
 
 #content .box {
-       margin: 2% auto 0 auto;
-       width: 95%;
+       margin: 0;
+       padding: 0;
+       width: 100%;
        text-align: center;
 }
 
 .boxlabel, .boxcontent {
-       padding: 5px;
+       margin: 0;
 }
 
 .boxlabel {
        text-align: center;
+       padding: 0;
 }
 
 .boxcontent {
        text-align: left;
+       padding: 5px;
 }
 
 .ctdlTemplate {
@@ -742,7 +760,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;
 }
@@ -758,13 +776,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;
 }
 
@@ -789,10 +807,6 @@ body, #global {
 }
 
 /* Banner */
-#banner {
-    margin: 0;
-    padding: 0;
-}
 #banner .room_banner {
     display: table-cell;
     width: 90%;
@@ -823,28 +837,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;
 }
 
@@ -892,7 +903,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");
@@ -915,6 +927,9 @@ body, #global {
 .room-newmsgs {
     font-weight: bold;
 }
+.room-emphasized {
+    text-decoration: underline;
+}
 /* Content */
 
 .boxcontent table {
@@ -1108,8 +1123,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;
@@ -1346,11 +1362,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 {
@@ -1509,7 +1525,7 @@ li.event_unread span, a.event_read_title {
 
 .stickynote_body {
        position: relative;
-       font-family: "Comic Sans MS", "Verdana", "Bitstream Vera Sans", sans-serif;
+       font-family: "Comic Sans MS", sans-serif;
 }
 
 .stickynote_resize {
@@ -1551,3 +1567,14 @@ li.event_unread span, a.event_read_title {
        background: url('openid-small.gif') no-repeat scroll 0pt 50%;
        padding-left: 18px;
 }
+
+.conftitle {
+       font-size: 140%;
+       font-weight: bold;
+       text-align: center;
+}
+
+.confdescr {
+       font-size: 110%;
+       text-align: center;
+}