From 2963cd1432a364d4424e57a4d7d0ac9c7bf97d70 Mon Sep 17 00:00:00 2001
From: Wolfgang Sourdeau <wsourdeau@inverse.ca>
Date: Fri, 18 Aug 2006 22:40:23 +0000
Subject: [PATCH] Monotone-Parent: 76bb24f493028584cf594de6c86a062fc8d24909
 Monotone-Revision: e0659e169aec897719efca1985911ecda101d970

Monotone-Author: wsourdeau@inverse.ca
Monotone-Date: 2006-08-18T22:40:23
Monotone-Branch: ca.inverse.sogo
---
 UI/WebServerResources/ContactsUI.css  |   3 -
 UI/WebServerResources/MailerUI.css    |  37 +---
 UI/WebServerResources/SchedulerUI.css | 277 ++++++++++++++++++++++++++
 UI/WebServerResources/generic.css     |  45 +++--
 4 files changed, 310 insertions(+), 52 deletions(-)
 create mode 100644 UI/WebServerResources/SchedulerUI.css

diff --git a/UI/WebServerResources/ContactsUI.css b/UI/WebServerResources/ContactsUI.css
index b5938be77..34c919ed7 100644
--- a/UI/WebServerResources/ContactsUI.css
+++ b/UI/WebServerResources/ContactsUI.css
@@ -20,9 +20,6 @@
 */
 /* TODO: is the section below used in the mailer? */
 
-BODY
-{ overflow: hidden; }
-
 DIV#contactsListContent
 { 
   position: absolute;
diff --git a/UI/WebServerResources/MailerUI.css b/UI/WebServerResources/MailerUI.css
index 267e7fbe2..bf583b3dd 100644
--- a/UI/WebServerResources/MailerUI.css
+++ b/UI/WebServerResources/MailerUI.css
@@ -20,9 +20,6 @@
 */
 /* TODO: is the section below used in the mailer? */
 
-BODY
-{ overflow: hidden; }
-
 DIV.folderTree
 {
   position: absolute;
@@ -140,13 +137,16 @@ DIV#messageContent P IMG
   background-color: #DCDAD5;
 
 }
+
 .foldercell
 {
   width: 25%;
 }
+
 .contentcell
 {
 }
+
 .embedwhite_out
 {
   border-width: 1;
@@ -156,6 +156,7 @@ DIV#messageContent P IMG
   border-bottom-color: white;
   border-right-color: white;
 }
+
 .embedwhite_in
 {
   border-width: 1;
@@ -169,6 +170,7 @@ DIV#messageContent P IMG
   /* height: 300px; */
   /* height: 100%; */
 }
+
 .titlediv
 {
   height: 24px;
@@ -185,14 +187,6 @@ table.titletable
   padding-left: 6px;
 }
 
-td.titlecell
-{
-  height: 22px;
-  vertical-align: middle;
-  padding-bottom: 2px;
-  white-space: nowrap;
-}
-
 table.titletable td.titlecell SELECT
 { 
   display: -moz-popup;
@@ -229,17 +223,6 @@ DIV#folderTreeContent TABLE TD
 
 /* mail tableview */
 
-.tableview
-{
-  cursor: default;
-  vertical-align: top;
-}
-
-td.tbtv_subject_headercell
-{ 
-  width: 100%;
-}
-
 span.mailer_datefield
 {
   white-space: nowrap;
@@ -279,11 +262,6 @@ td.mailer_listcell_deleted
   text-decoration: line-through;
 }
 
-td.mailer_listcell_regular
-{
-  white-space: nowrap;
-}
-
 td.mailer_listcell_regular a
 {
   color: black;
@@ -578,3 +556,8 @@ DIV#mailboxDragHandle
 PRE.textMessageViewer
 { 
 }
+
+TD.messageFlagColumn
+{
+  width: 1em !important;
+}
diff --git a/UI/WebServerResources/SchedulerUI.css b/UI/WebServerResources/SchedulerUI.css
new file mode 100644
index 000000000..da3d6d187
--- /dev/null
+++ b/UI/WebServerResources/SchedulerUI.css
@@ -0,0 +1,277 @@
+DIV#leftPanel
+{ 
+  position: absolute;
+  top: 5.5em;
+  left: 0px;
+  width: 18em;
+  bottom: 0px;
+  overflow: hidden;
+}
+
+DIV#dateSelectorView
+{
+  position: absolute;
+  width: 100%;
+  height: 18em;
+  top: 0px;
+  overflow: auto;
+}
+
+DIV#tasksView
+{
+  position: absolute;
+  background: #eee;
+  top: 18em;
+  bottom: 0px;
+  width: 100%;
+  overflow: auto;
+}
+
+DIV#rightPanel
+{
+  position: absolute;
+  top: 5.5em;
+  left: 18.3em;
+  right: 0px;
+  bottom: 0px;
+  overflow: hidden;
+}
+
+DIV#appointmentsListView
+{ 
+  position: absolute;
+  background: #fff;
+  width: 100%;
+  height: 18em;
+  top: 2em;
+  overflow: auto;
+}
+
+DIV#calendarView
+{ 
+  position: absolute;
+  background: #fff;
+  top: 18em;
+  bottom: 0px;
+  width: 100%;
+  overflow: hidden;
+  border-top: 1px solid #aaa;
+  border-left: 1px solid #aaa;
+}
+
+DIV#calendarView A
+{ 
+  text-decoration: none;
+  font: inherit;
+  color: inherit;
+}
+
+#leftDragHandle, #rightDragHandle
+{
+  position: absolute;
+  cursor: n-resize;
+  top: 17.7em;
+  left: 0px;
+  right: 0px;
+  height: 5px;
+}
+
+#verticalDragHandle
+{
+  position: absolute;
+  cursor: e-resize;
+  top: 5.5em;
+  left: 18em;
+  width: 5px;
+  bottom: 0px;
+  z-index: 5;
+  border-left: 1px solid #aaa;
+  border-right: 1px solid #999;
+}
+
+#filterPanel
+{
+  height: 2em;
+  padding-right: .5em;
+  vertical-align: middle;
+  width: 100%;
+}
+
+#dateSelector
+{
+  width: 16em;
+  margin: .5em auto;
+  background: #fff;
+  border-top: 1px solid #fff; 
+  border-left: 1px solid #fff;
+  border-right: 1px solid #aaa;
+  border-bottom: 1px solid #aaa;
+}
+
+#dateSelector #header
+{ background: #efefef;
+  width: 100%;
+  text-align: center;
+  padding: 0px;
+  border: 0px;
+  margin: 0px; }
+
+#dateSelector #header A
+{
+  position: absolute;
+  top: 1em;
+  width: 1em;
+}
+
+#leftArrow
+{
+  left: 1em;
+}
+
+#rightArrow
+{
+  right: 1em;
+}
+
+#dateSelector #header #monthLabel
+{ font-size: medium;
+  vertical-align: middle;
+  font-weight: bold;
+  margin: 0px; }
+
+#dateSelector .dayOfWeek
+{ color: #00f; }
+
+#dateSelector TABLE,
+#dateSelector TABLE TABLE
+{ border-collapse: collapse; }
+
+#dateSelector TABLE TABLE TD
+{ 
+  cursor: pointer;
+  margin: 0px;
+  padding: 0px;
+  border: 1px solid #fff;
+}
+
+#dateSelector TABLE TABLE TD:hover
+{ color: #f00;
+  border: 1px solid #deebf7; }
+
+#dateSelector .inactiveDay
+{ color: #dedfde; }
+
+#dateSelector .dayOfToday
+{ background: #deebf7;
+  border: 1px solid #deebf7; }
+
+#dateSelector TABLE
+{ margin: 0px auto; }
+
+#dateSelector TD SPAN
+{ width: 1.8em;
+  height: 1.5em;
+  text-align: center;
+  display: block; }
+
+#dateSelector TD SPAN A
+{ color: inherit;
+  background: inherit;
+  text-decoration: none; }
+
+#dateSelector TD:active
+{ background: #ddd;
+  border: 1px solid #deebf7; }
+
+#dateSelector TD._selected
+{ 
+  background: #4b6983;
+  color: #fff;
+}
+
+TABLE#appointmentsList TR._selected TD
+{ 
+  background: #4b6983;
+  color: #fff;
+}
+
+TABLE.dayoverview_content
+{ margin: 0px;
+  padding: 0px .5em;
+  border-collapse: collapse; }
+
+TABLE.dayoverview_content TD
+{ border: 1px solid #99f; }
+
+TABLE.dayoverview_content TD.header
+{ text-align: center;
+  color: #77a;
+  width: 90%;
+  font-weight: bold;
+  background: #eef; }
+
+TABLE.dayoverview_content TD.nullheader
+{ border: 0px solid #fff; }
+
+TABLE.dayoverview_content TD.dayoverview_content_time
+{ text-align: right;
+  vertical-align: top;
+  height: 4em;
+  font-weight: bold;
+  width: 5em;
+  color: #77a;
+  background: #eef; }
+
+SPAN.daysHeader
+{ display: block;
+  white-space: nowrap;
+  width: 100%;
+  margin: .2em 0px;
+  padding: 0px;
+  text-align: center; }
+
+SPAN.daysHeader SPAN
+{ margin: .2em 5%;
+  vertical-align: top; }
+
+.day2
+{
+  font-size: medium;
+}
+
+.day1
+{
+  font-size: large;
+}
+
+.day0
+{
+  font-size: x-large;
+}
+
+A.leftNavigationArrow
+{
+  position: absolute;
+  display: block;
+  top: 1em;
+  left: .5em;
+}
+
+A.rightNavigationArrow
+{
+  position: absolute;
+  display: block;
+  top: 1em;
+  right: .5em;
+}
+
+DIV#calendarContent
+{
+  position: absolute;
+  top: 3em;
+  width: 100%;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  overflow: auto;
+}
diff --git a/UI/WebServerResources/generic.css b/UI/WebServerResources/generic.css
index 485f1191f..a6292e03c 100644
--- a/UI/WebServerResources/generic.css
+++ b/UI/WebServerResources/generic.css
@@ -16,9 +16,10 @@ body
   border: 0px;
   margin: 0px;
   padding: 0px;
+  overflow: hidden;
 }
 
-DIV
+DIV, IMG
 {
   border: 0px;
   margin: 0px;
@@ -31,7 +32,8 @@ DIV.pageContent
 }
 
 A
-{ 
+{
+  text-decoration: none;
   -moz-outline: 0px;
 }
 
@@ -47,12 +49,12 @@ table
 
 a:link {
   color: #0033CC;
-  text-decoration: none;
 }
+
 a:visited {
   color: #660066;
-  text-decoration: none;
 }
+
 a:hover {
   color: #FF0000;
   text-decoration: underline;
@@ -288,6 +290,10 @@ DIV.linkbanner A:hover
 DIV.contactSelector DIV.contactList IMG
 { margin: 0px .5em; }
 
+SELECT
+{ -moz-appearance: menulist-button;
+  -moz-outline-radius: 15; }
+
 DIV.contactSelector DIV.contactList
 {
   font-size: smaller;
@@ -433,8 +439,8 @@ SPAN.toolbarButton:active
 .menu
 {
   visibility: hidden;
-  position: fixed;
-  z-index: 5000;
+  position: absolute;
+  z-index: 1000;
   background-color: #dcdad5;
   color: #000;
   margin: 0px;
@@ -543,9 +549,6 @@ td.tbtv_actcell
   background-color: #DCDAD5;
 }
 
-td.tbtv_headercell
-{ white-space: nowrap; }
-
 td.tbtv_headercell SPAN
 {
   float: left;
@@ -585,9 +588,14 @@ td.tbtv_headercell img.tbtv_sortcell
   vertical-align: top;
 }
 
+TR.tableview TD
+{ white-space: nowrap;
+  padding-left: .3em;
+  padding-right: .3em; }
+
 td.tbtv_actcell
 {
-  border-width: 1;
+  border-width: 1px;
   border-style: solid;
   border-top-color: #808080;
   border-left-color: #808080;
@@ -604,10 +612,7 @@ td.tbtv_actcell
 TD.tbtv_headercell,
 TD.tbtv_navcell
 {
-  width: 100%;
   background-color: #DCDAD5;
-  padding-left: .3em;
-  padding-right: .3em;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-right: 2px solid #222;
@@ -616,14 +621,6 @@ TD.tbtv_navcell
   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
 }
 
-td.tbtv_subject_headercell
-{ 
-  width: 100%;
-}
-
-td.tbtv_headercell
-{ white-space: nowrap; }
-
 td.tbtv_headercell SPAN
 {
   float: left;
@@ -634,7 +631,6 @@ td.tbtv_headercell a
 {
   cursor: default;
   margin: 0px auto;
-  display: block;
   color: black;
   width: 100%;
 }
@@ -658,6 +654,11 @@ td img.tbtv_sortcell
   height: 12px;
 }
 
+td.tbtv_subject_headercell
+{ 
+  width: 100%;
+}
+
 /* drag handles */
 DIV.dragHandle
 {