* Merged Thierry's CSS changes

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 8c4ed15b321eac5fa03df2ff12c0040d5412873f..099e935c374051760d69a9a1787930ff43697ee7 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -1,4 +1,3 @@
-<style type="text/css">
 
 * html {
        overflow: hidden;
@@ -9,20 +8,20 @@ body {
        padding: 0 0 0 0;
        height: 100%;
        overflow: auto;
-       background-image:url(/static/body-background.gif);
+       background-image: url(/static/body-background.gif);
        color: #000000;
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-weight: normal;
        font-size: 10pt;
+       font-family: sans-serif;
 }
 
 #iconbar {
-       position:fixed;
+       /* position:fixed; */
        display:block;
        top:0px;
        left:0px;
        width: 15%;
-       height:100%;
+       /* height:100%; */
        background: #ffffee;
 }
 
@@ -32,8 +31,8 @@ body {
        top:0px;
        left:0px;
        width: 15%;
-       height:100%;
-       background: #ffffff;
+       /* height:100%; */
+       background: #ffffee;
 }
 
 #banner {
@@ -43,7 +42,7 @@ body {
        left: 15%;
        width: 85%;
        height: 15%;
-       background: #444455;
+       background: #445;
 }
 
 * html #banner {
@@ -53,12 +52,12 @@ body {
        left: 15%;
        width: 85%;
        height: 15%;
-       background: #444455;
+       background: #445;
 }
 
-#page_popup {
+#important_message {
        position:absolute;
-       top:100px; left:100px;
+       top:0px; right:0px;
        background-color: #880000;
        z-index: 2;
 }
@@ -85,9 +84,94 @@ body {
        /* overflow-x: hidden; */
 }
 
-#fix_scrollbar_bug {
-       margin-right:1px;               /* Gecko */
-       width: expression('97%');       /* Only IE6 understands 'expression' and it also has the weird scrollbarbug */
+#message_list_hdr {
+       position:fixed;
+       display:block;
+       top: 15%;
+       left: 15%;
+       width: 85%;
+       height: 5%;
+       overflow: none;
+}
+
+* html #message_list_hdr {
+       position:absolute;
+       display:block;
+       top: 15%;
+       left: 15%;
+       width: 85%;
+       height: 5%;
+       overflow: none;
+}
+
+#message_list {
+       position:fixed;
+       display:block;
+       top: 20%;
+       left: 15%;
+       width: 85%;
+       height: 20%;
+       overflow: auto;
+       cursor: pointer;
+}
+
+* html #message_list {
+       position:absolute;
+       display:block;
+       top: 20%;
+       left: 15%;
+       width: 85%;
+       height: 20%;
+       overflow: auto;
+       cursor: pointer;
+}
+
+#resize_msglist {
+       position:fixed;
+       display:block;
+       top: 40%;
+       left: 15%;
+       width: 85%;
+       height: 1%;
+       overflow: none;
+       cursor: s-resize;
+}
+
+* html #resize_msglist {
+       position:absolute;
+       display:block;
+       top: 40%;
+       left: 15%;
+       width: 85%;
+       height: 1%;
+       overflow: none;
+       cursor: s-resize;
+}
+
+#preview_pane {
+       position:fixed;
+       display:block;
+       top: 41%;
+       left: 15%;
+       width: 85%;
+       height: 59%;
+       overflow: auto;
+}
+
+* html #preview_pane {
+       position:absolute;
+       display:block;
+       top: 41%;
+       left: 15%;
+       width: 85%;
+       height: 59%;
+       overflow: auto;
+}
+
+
+.fix_scrollbar_bug {
+       margin-right:1px;               /* Gecko and other non-broken browsers */
+       width: expression('97%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
 }
 
 #button {
@@ -130,7 +214,6 @@ html>body #button li a {
 }
 
 #button li a:hover {
-       //background-color: #ddddff;
        background-image:url(/static/body-background.gif);
        color: #000000;
 }
@@ -202,10 +285,8 @@ a:hover {
        color: #FFFFEE;
 }
 
-.youhavemail {
-       font-size: 6pt;
-       font-style: italic;
-       color: #000044;
+.boxlabel a {
+       color: #FFFFEE;
 }
 
 .customize {
@@ -240,6 +321,10 @@ a:hover {
        background-color: #FF0000;
 }
 
+.msgbuttons {
+       font-size: 7pt;
+}
+
 .roomlist_floor {
        font-size: 12pt;
        font-weight: bold;
@@ -257,10 +342,46 @@ a:hover {
        color: #000088;
 }
 
+.ib_roomlist_floor {
+       font-size: 8pt;
+       font-weight: bold;
+       color: #000000;
+       cursor: pointer;
+}
+
+.ib_roomlist_new {
+       font-size: 10px;
+       color: #880000;
+       font-weight: bold;
+       cursor: pointer;
+}
+
+.ib_roomlist_old {
+       font-size: 10px;
+       color: #000088;
+       cursor: pointer;
+}
+
+.mailbox_summary {
+       font-size: 10pt;
+       color: #000000;
+}
+
+
 blockquote {
-       margin-left: 8%;
-       margin-right: 8%;
-       border: thin ridge #dc143c;
+       color: navy !important; background-color: RGB(245,245,245) !important; 
+}
+blockquote blockquote {
+       color: maroon !important; background-color: RGB(235,235,235) !important;
+}
+blockquote blockquote blockquote {
+       color: green !important; background-color: RGB(225,225,225) !important;
+}
+blockquote blockquote blockquote blockquote {
+       color: purple !important; background-color: RGB(215,215,215) !important;
+}
+blockquote blockquote blockquote blockquote blockquote {
+       color: teal !important; background-color: RGB(205,205,205) !important;
 }
 
 blockquote pre {
@@ -268,6 +389,7 @@ blockquote pre {
        margin-right: 1%;
 }
 
+
 var sub {
        font-style: normal;
 }
@@ -292,6 +414,14 @@ var sub {
        font-style: italic;
 }
 
+.imsg {
+       color: #aaaaaa;
+       background: none;
+       font-weight: bold;
+       font-style: italic;
+       text-align: center;
+}
+
 .warning {
        color: #FF4500;
        background: none;
@@ -361,13 +491,11 @@ td li.frameset, .elements li.frameset {
        input#toggler, .toolbar { display: none }
 }
 
-<!-- begin nanotree styles -->
 
 .treetitle {
        padding:2px;
        cursor:default;
        
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
        color: #000000;
 }
@@ -377,7 +505,6 @@ td li.frameset, .elements li.frameset {
        background-color: #FFFFFF;;
        color: #000000;
        
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
 }
 .editednodeinput {
@@ -391,7 +518,6 @@ td li.frameset, .elements li.frameset {
        border-width: 1px;
        border-color: #000000;
        
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
 }
 .treetitleselectedfocused {
@@ -400,7 +526,6 @@ td li.frameset, .elements li.frameset {
        background-color: highlight;
        color: highlighttext;
        
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
 }
 .treetitleselectedblured {
@@ -408,10 +533,73 @@ td li.frameset, .elements li.frameset {
        cursor:default;
        background-color: menu;
        color: windowtext;
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
 }
 
-<!-- end nanotree styles -->
 
-</style>
+
+div.auto_complete {
+       width: 350px;
+       background: #fff;
+}
+
+div.auto_complete ul {
+       border:1px solid #888;
+       margin:0;
+       padding:0;
+       width:100%;
+       list-style-type: none;
+       background: #fff;
+}
+
+div.auto_complete ul li {
+       margin:0;
+       padding:3px;
+}
+
+div.auto_complete ul li.selected {
+       background-color: #ffc;
+} 
+
+div.auto_complete ul strong.highlight {
+       color: #800;
+       margin:0;
+       padding:0;
+}
+
+
+.floors_config, .roomops_zap {
+        border: 0;
+        background-color: #770000;
+        width: 100%;
+}
+
+.roomops_cell_label {
+        background-color: #FFFFFF;
+}
+
+.roomops_cell, .roomops_cell_edit {
+        background-color: #CCCCCC;
+}
+
+.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background, .mainmenu_b
+ackground, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_backgrou
+nd, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .vcard_edit_background, .who_background   {
+        border: 0;
+        width: 100%;
+        background-color: #ffffff;
+}
+
+.auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .iconbar_banner, .inetconf_banner, .listsub_banner, .mainmenu_banner, .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner, .smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .vcard_edit_banner, .who_banner   {
+        border: 0;
+        width: 100%;
+        background-color: #444455;
+}
+
+
+.vcard_edit_background_alt {
+        border: 0;
+        width: 100%;
+        background-color: #dddddd;
+}
+