- Simplified the user list for summary

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 4a1bfc34ff9f63659e7e3df7e39acdf781e3baba..37ea57889e53fe0295a22e2b227db494d18c8b98 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -13,16 +13,19 @@ body {
        font-weight: normal;
        font-size: 10pt;
        font-family: sans-serif;
+       text-align: center;
 }
 
 #iconbar {
        /* position:fixed; */
+       position:absolute;
        display:block;
        top:0px;
        left:0px;
        width: 15%;
        /* height:100%; */
        background: #ffffee;
+        text-align: left;
 }
 
 * html #iconbar {
@@ -55,6 +58,7 @@ body {
        width: 85%;
        height: 15%;
        background: #445;
+        text-align: left;
 }
 
 * html #banner {
@@ -67,13 +71,12 @@ body {
        background: #445;
 }
 
-
-#banner .room_banner {
+#banner .room_banner, #banner .service_banner {
         float: left;
         width: 48%;
 }
 
-.room_banner img {
+.room_banner img,  .service_banner img {
         float: left;
         margin-top: 0;
         margin-left: 0;
@@ -89,6 +92,20 @@ body {
         padding: 2px;
 }
 
+.service_banner h1 {
+        font-size: 12pt;
+        font-weight: bold;
+        color: #FFFFEE;
+        margin: 0;
+        padding: 2px;
+}
+
+.service_banner h2 {
+        font-size: 11pt;
+        font-weight: bold;
+        color: #FFFFEE;
+}
+
 .room_banner .infos {
         font-size: 8pt;
        color: #FFFFEE;
@@ -107,17 +124,18 @@ body {
         z-index: 100;
         color: #666;
         background: white;
-}
-
-#room_infos .close_infos {
        cursor: pointer;
-        font-size: 8pt;
+        font-size: 10pt;
        color: black;
-        text-align: right;
+        text-align: left;
         padding: 2px;
        margin-top: 5px;
 }
 
+img.close_infos {
+       float: right;
+}
+
 #banner ul {
         float: right;
         text-align: right;
@@ -217,6 +235,7 @@ li.start_page {
        height: 84%;
        overflow: auto;
        /* overflow-x: hidden; */
+        text-align: left;
 }
 
 * html #content {
@@ -237,7 +256,9 @@ li.start_page {
        left: 15%;
        width: 85%;
        height: 5%;
-       overflow: none;
+       overflow: hidden;
+       font-style: italic;
+       text-align: left;
 }
 
 * html #message_list_hdr {
@@ -247,7 +268,9 @@ li.start_page {
        left: 15%;
        width: 85%;
        height: 5%;
-       overflow: none;
+       overflow: hidden;
+       font-style: italic;
+       text-align: left;
 }
 
 #message_list {
@@ -259,6 +282,7 @@ li.start_page {
        height: 20%;
        overflow: auto;
        cursor: pointer;
+        text-align: left;
 }
 
 * html #message_list {
@@ -279,8 +303,9 @@ li.start_page {
        left: 15%;
        width: 85%;
        height: 1%;
-       overflow: none;
+       overflow: hidden;
        cursor: s-resize;
+       background-color: #cccccc;
 }
 
 * html #resize_msglist {
@@ -290,10 +315,17 @@ li.start_page {
        left: 15%;
        width: 85%;
        height: 1%;
-       overflow: none;
+       overflow: hidden;
        cursor: s-resize;
 }
 
+#resize_msglist hr {
+       color: darkgrey;
+       background-color: darkgrey;
+       height: 3px;
+       border: 0;
+}
+
 #preview_pane {
        position:fixed;
        display:block;
@@ -302,6 +334,7 @@ li.start_page {
        width: 85%;
        height: 58%;
        overflow: auto;
+        text-align: left;
 }
 
 * html #preview_pane {
@@ -391,26 +424,88 @@ a:hover {
        color: #FFFFEE;
 }
 
-.mainmenu {
-       font-size: 10pt;
-       font-weight: bold;
-       color: #880000;
-}
 
-.menudesc {
-       font-size: 8pt;
-       color: #000088;
+.message {
+       margin: 5px;
+       padding: 0;
+       border: 1px solid #999999;
+       background-color: #CCCCCC;
+        text-align: left;
 }
 
-.message_header {
+
+.message_header, .message_subject {
        font-size: 10pt;
-       color: #000000;
+       color: black;
+       margin: 0;
+       padding: 3px;
+       background-color: #CCCCCC;
+        text-align: left;
 }
 
 .message_subject {
-       font-size: 10pt;
-       color: #000000;
+       padding-top: 0;
        font-style: italic;
+       float: left;
+}
+
+
+#delbutton, .msgbuttons a {
+        font-size: 7pt;
+        margin: 1px;
+        padding: 2px;
+        padding-left: 5px;
+        padding-right: 5px;
+        border-top: 1px solid #CFCFCF;
+        border-left: 1px solid #CFCFCF;
+        border-right: 1px solid #808080;
+        border-bottom: 1px solid #000000;
+        background-color: #999999;
+        color: #000000;
+        font-weight: bold;
+        text-align: center;
+}
+
+.msgbuttons {
+        float: right;
+        visibility: hidden;
+}
+
+.msgbuttons a span {
+        display: none;
+}
+
+.msgbuttons a:hover {
+        background-color: #AAAAAA;
+        text-decoration: none;
+}
+
+.message_content {
+       background-color: white;
+       margin: 0;
+       padding: 3px;
+        clear: both;
+}
+
+.message form div label {
+        display: block;
+        float: left;
+        margin: 3px;
+        width: 9em;
+        text-align: right;
+}
+
+.message form div input, .message form div select {
+        margin: 3px;
+}
+
+.send_edit_msg {
+       margin-top: 10px;
+       margin-bottom: 10px;
+       margin-left: auto;
+       margin-right: auto;
+        width: 80%;
+        text-align: center;
 }
 
 .tablabel {
@@ -420,7 +515,7 @@ a:hover {
 }
 
 .boxlabel {
-       font-size: 7pt;
+       font-size: 8pt;
        font-weight: bold;
        color: #FFFFEE;
 }
@@ -429,6 +524,29 @@ a:hover {
        color: #FFFFEE;
 }
 
+ul.adminitems {
+        list-style-type: none;
+}
+
+ul.adminitems li {
+        list-style: none;
+       font-size: 13px;
+}
+
+ul.adminitems a {
+       font-size: 13px;
+       margin: 5px;
+       color: #880000;
+       font-weight: bold;
+}
+
+ul.adminitems span {
+       display: block;
+       font-size: 8pt;
+       color: #000088;
+}
+
+
 .customize {
        font-size: 8pt;
        font-style: italic;
@@ -458,9 +576,6 @@ a:hover {
        background-color: #FF0000;
 }
 
-.msgbuttons {
-       font-size: 7pt;
-}
 
 .roomlist_floor {
        font-size: 12pt;
@@ -502,8 +617,16 @@ a:hover {
 .mailbox_summary {
        font-size: 10pt;
        color: #000000;
+       background-color: #FFFFFF;
 }
 
+.mailbox_summary tr {
+       width: 100%;
+}
+
+.mailbox_summary td {
+       border-top: 1px solid darkgrey;
+}
 
 blockquote {
        color: navy !important; background-color: RGB(245,245,245) !important; 
@@ -719,19 +842,18 @@ div.auto_complete ul strong.highlight {
         background-color: #CCCCCC;
 }
 
-.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background {
+.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background { 
         border: 0;
         width: 100%;
         background-color: #ffffff;
 }
 
-.mainmenu_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background { 
+.siteconfig_background { 
         border: 0;
         width: 100%;
-        background-color: #ffffff;
 }
 
-.smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .who_background   {
+.smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background    {
         border: 0;
         width: 100%;
         background-color: #ffffff;
@@ -743,13 +865,13 @@ div.auto_complete ul strong.highlight {
         background-color: #444455;
 }
 
-.mainmenu_banner, .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
+.netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
         border: 0;
         width: 100%;
         background-color: #444455;
 }
 
-.smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
+.smtpqueue_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
         border: 0;
         width: 100%;
         background-color: #444455;
@@ -861,25 +983,26 @@ div.auto_complete ul strong.highlight {
 #address_book_popup {
         position: absolute;
         top: 100px;
-        left: 25%;
+        right: 25px;
         width: 320px;
        height: auto;
         z-index: 100;
        background-color: #fff;
        color: #000;
        display: none;
+       border: 1px solid black;
 }
 
 #address_book_popup_container_div {
        position: relative;
        width: 100%;
        height: 100%;
-       background-color: #ffd;
+       background-color: #fbf4ca;
 }
 
 #address_book_popup_middle_div {
        position: relative;
-       background-color: #ffd;
+       background-color: #fbf4ca;
 }
 
 #address_book_inner_div {
@@ -888,11 +1011,50 @@ div.auto_complete ul strong.highlight {
 
 #address_book_inner_div select {
        width: 100%;
-       background-color: #ffd;
+       background-color: #fbf4ca;
 }
 
 .address_book_popup_title {
         font-size: 12pt;
-       background-color: #ffd;
+       background-color: #fbf4ca;
         color: #000;
 }
+
+.edit_col, .host_col {
+       display: none;
+}
+
+.who_is_online .edit_col, .who_is_online .host_col {
+       display: block;
+}
+
+#wholist {
+       border: 0;
+        margin: 0;
+       max-height: 200px;
+       overflow: auto;
+}
+
+#wholist li {
+       color: black;
+        text-align: left;
+        list-style: none;
+       border: 0;
+        margin: 0;
+        padding: 2px;
+        white-space: nowrap;
+       border-top: 1px solid #aaaaaa;
+}
+
+table.altern {
+       background-color: #ffffff;
+       width: 100%;
+}
+
+table.altern .even {
+       background-color: #dddddd;
+}
+
+table.altern .odd {
+       background-color: #ffffff;
+}