From b19fde9e5447a405e846e71e16d08897d22e8d32 Mon Sep 17 00:00:00 2001
From: Wolfgang Sourdeau <wsourdeau@inverse.ca>
Date: Tue, 26 Sep 2006 18:43:06 +0000
Subject: [PATCH] Monotone-Parent: a605a01ac319c24f7d200c8006df74163b3a6114
 Monotone-Revision: 30024333fa104bcd0ddc578e486dad24227bbd3c

Monotone-Author: wsourdeau@inverse.ca
Monotone-Date: 2006-09-26T18:43:06
Monotone-Branch: ca.inverse.sogo
---
 UI/WebServerResources/ContactsUI.css          | 46 +------------
 UI/WebServerResources/MailerUI.css            |  2 +-
 UI/WebServerResources/SchedulerUI.css         | 22 +++----
 .../UIxAppointmentEditor.css                  | 51 +++++++++++++--
 UI/WebServerResources/UIxContactEditor.css    | 55 +++++++++++++---
 UI/WebServerResources/generic.css             | 65 ++++++++-----------
 6 files changed, 127 insertions(+), 114 deletions(-)

diff --git a/UI/WebServerResources/ContactsUI.css b/UI/WebServerResources/ContactsUI.css
index e123beb27..e688c5b90 100644
--- a/UI/WebServerResources/ContactsUI.css
+++ b/UI/WebServerResources/ContactsUI.css
@@ -40,12 +40,6 @@ DIV#contactsListContent
   left: 0px;
 }
 
-.aptview_title
-{
-  color: #000000;
-  font-weight: bold;
-}
-
 .aptview_text
 {
   color: #000000;
@@ -70,28 +64,6 @@ DIV#contactsListContent
 {
 }
 
-.embedwhite_out
-{
-  border-width: 1;
-  border-style: solid;
-  border-top-color: #808080;
-  border-left-color: #808080;
-  border-bottom-color: white;
-  border-right-color: white;
-}
-.embedwhite_in
-{
-  border-width: 1;
-  border-style: solid;
-  border-top-color: #808080; /* TODO */
-  border-left-color: #808080; /* TODO */
-  border-bottom-color: #808080;
-  border-right-color: #808080;
-
-  background-color: white;
-  /* height: 300px; */
-  /* height: 100%; */
-}
 .titlediv
 {
   height: 24px;
@@ -204,22 +176,6 @@ DIV#filterPanel
   width: 100%;
 }
 
-TABLE#compose_table, TABLE#compose_table DIV
-{ 
-  width: 100%;
-}
-
-TABLE#compose_label
-{
-  text-align: right;
-}
-
-TABLE#addr_table
-{ 
-  margin-left: 30%;
-  width: 100%;
-}
-
 TABLE#contactsList
 { 
   display: block;
@@ -305,7 +261,7 @@ DIV#dragHandle
   cursor: e-resize;
   top: 7.5em;
   left: 14.6em;
-  width: .4em;
+  width: 5px;
   bottom: 0px;
 }
 
diff --git a/UI/WebServerResources/MailerUI.css b/UI/WebServerResources/MailerUI.css
index 30dfd6c5b..037044165 100644
--- a/UI/WebServerResources/MailerUI.css
+++ b/UI/WebServerResources/MailerUI.css
@@ -521,7 +521,7 @@ DIV#dragHandle
   cursor: e-resize;
   top: 7.5em;
   left: 14.6em;
-  width: .4em;
+  width: 5px;
   bottom: 0px;
 }
 
diff --git a/UI/WebServerResources/SchedulerUI.css b/UI/WebServerResources/SchedulerUI.css
index 88a8a9d5c..80df608b9 100644
--- a/UI/WebServerResources/SchedulerUI.css
+++ b/UI/WebServerResources/SchedulerUI.css
@@ -65,6 +65,15 @@ DIV#calendarView A
   color: inherit;
 }
 
+#verticalDragHandle
+{
+  cursor: e-resize;
+  top: 6em;
+  left: 16em;
+  width: 5px;
+  bottom: 0px;
+}
+
 #leftDragHandle, #rightDragHandle
 {
   cursor: n-resize;
@@ -74,19 +83,6 @@ DIV#calendarView A
   height: 5px;
 }
 
-#verticalDragHandle
-{
-  position: absolute;
-  cursor: e-resize;
-  top: 5em;
-  left: 16em;
-  width: 5px;
-  bottom: 0px;
-  z-index: 5;
-  border-left: 1px solid #aaa;
-  border-right: 1px solid #999;
-}
-
 #filterPanel
 {
   height: 2em;
diff --git a/UI/WebServerResources/UIxAppointmentEditor.css b/UI/WebServerResources/UIxAppointmentEditor.css
index 471c99450..1d0403816 100644
--- a/UI/WebServerResources/UIxAppointmentEditor.css
+++ b/UI/WebServerResources/UIxAppointmentEditor.css
@@ -2,7 +2,8 @@ BODY
 { padding: 1em; }
 
 DIV.appointmentLabel
-{ float: left;
+{ display: block;
+  position: relative;
   line-height: 1.8em;
   text-align: right;
   width: 10em; }
@@ -13,14 +14,11 @@ DIV.appointmentRightLabel
 
 DIV#details
 { visibility: hidden;
+  padding-top: 1em;
   width: 100%;
   margin: 0px;
   margin-bottom: 1em; }
 
-A#detailsButton
-{ float: right;
-  margin-top: .2em; }
-
 DIV#buttons
 { visibility: visible;
   position: absolute;
@@ -58,16 +56,55 @@ DIV#participants
 { margin-left: 10em;
   padding: .2em; }
 
+LABEL
+{ display: block;
+  position: relative;
+  height: 2em;
+  margin-top: .5em;
+  width: 100%; }
+
+INPUT#summary, INPUT#location, SPAN.timeDateControl,
+SPAN.cycleSelectionFirstLevel
+{ position: absolute;
+  top: 0px;
+  left: 10em;
+  right: 0em; }
+
+DIV#details TEXTAREA
+{ position: absolute;
+  top: 0px;
+  left: 10em;
+  vertical-align: bottom;
+  height: 5em;
+  right: 0px;
+  padding-bottom: 1em; }
+
+DIV#details SELECT
+{ position: absolute;
+  top: 0px;
+  left: 10em; }
+
+LABEL#isPrivate
+{ position: absolute;
+  z-index: 1;
+  right: 1em;
+  width: auto; }
+
+A#detailsButton
+{ position: absolute;
+  right: 1em;
+  z-index: 1; }
+
 SPAN.contactSelectorButtons
 { vertical-align: top;
   line-height: 2em; }
 
-LABEL#conflictsLabel
+/* LABEL#conflictsLabel
 { float: right;
   margin-top: .5em;
   margin-left: 0em;
   margin-right: 14em; }
-
+ */
 SPAN.cycleSelectionFirstLevel,
 SPAN.cycleSelectionSecondLevel
 { visibility: hidden; }
diff --git a/UI/WebServerResources/UIxContactEditor.css b/UI/WebServerResources/UIxContactEditor.css
index 22a5f69de..944ad84b4 100644
--- a/UI/WebServerResources/UIxContactEditor.css
+++ b/UI/WebServerResources/UIxContactEditor.css
@@ -1,22 +1,59 @@
 DIV#editorTabs
 {
+  position: absolute;
   top: 0px;
-  left: .2em;
-  width: 40em;
-  height: 31em;
+  left: 0px;
+  right: 0px;
+  bottom: 2.5em;;
   margin-bottom: 1em;
 }
 
+DIV#editorTabs DIV.tab
+{ padding: .5em;
+  overflow: auto; }
+
 DIV#buttons
 { visibility: visible;
   position: absolute;
   right: 1em;
   bottom: 1em; }
 
-TABLE
-{ text-align: right;
-  margin: auto; }
+TR
+{ width: 100% !important;
+  border: 2px solid #0ff; }
 
-#otherInfos TABLE,
-TABLE TD.titleCell
-{ text-align: left; }
+DIV#editorTabs DIV.tab TD.titleCell
+{ text-align: left;
+  font-weight: bold; }
+
+/* DIV#contactInfos INPUT.textField,
+DIV#contactInfos TABLE
+{ width: 100%; }
+ */
+
+DIV#contactInfos INPUT.textField
+{ width: 65%; }
+
+TABLE#emailInfos TD
+{ width: 90%; }
+
+TABLE#emailInfos TD.preferred
+{ width: 10% !important;
+  overflow: visible;
+  text-align: center; }
+
+TABLE
+{ display: table;
+  text-align: right;
+  width: 90%; }
+
+DIV.tab TD INPUT.textField
+{ width: 70%; }
+
+DIV.tab TD.firstColumn INPUT.textField,
+DIV.tab TD.secondColumn INPUT.textField
+{ width: 40%; }
+
+#otherInfos TEXTAREA
+{ width: 70%;
+  height: 10em; }
diff --git a/UI/WebServerResources/generic.css b/UI/WebServerResources/generic.css
index aabe90542..b16e71e08 100644
--- a/UI/WebServerResources/generic.css
+++ b/UI/WebServerResources/generic.css
@@ -17,8 +17,10 @@ body
   padding: 0px;
   overflow: hidden; }
 
-DIV, IMG
-{ border: 0px;
+TABLE, DIV, IMG
+{ font-family: inherit;
+  font-size: inherit;
+  border: 0px;
   margin: 0px;
   padding: 0px; }
 
@@ -35,7 +37,7 @@ LABEL
 
 TABLE
 { display: block;
-  font-size: inherit;
+  table-layout: fixed;
   border-spacing: 0px;
   padding: 0px;
   margin: 0px;
@@ -276,11 +278,12 @@ DIV.contactSelector DIV.contactList
 TEXTAREA
 { vertical-align: top; }
 
-TEXTAREA,
-INPUT.textField
+DIV, TEXTAREA, INPUT
 { font-family: inherit;
-  font-size: inherit;
-  padding: .2em;
+  font-size: inherit; }
+
+TEXTAREA, INPUT.textField
+{ padding: .2em;
   margin: .15em;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
@@ -289,6 +292,10 @@ INPUT.textField
   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent;
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent; }
 
+INPUT.textField
+{ line-height: 2em;
+  vertical-align: middle; }
+
 INPUT.button
 { margin: 0px;
   padding: 0px .5em;
@@ -296,14 +303,14 @@ INPUT.button
   border-left: 2px solid #fffffb;
   border-bottom: 2px solid #888;
   border-right: 2px solid #888;
+  background-color: #dbdad5;
   -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
   -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; }
 
 INPUT.button:hover
-{ 
-  color: inherit;
+{ color: inherit;
   background: -moz-buttonhoverface; }
 
 INPUT.button:active
@@ -316,7 +323,7 @@ INPUT.button:active
   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; }
 
-.toolbar
+DIV#toolbar
 { left: 0px;
   border-top: 1px solid #fffffb;
   border-left: 1px solid #fffffb;
@@ -325,10 +332,10 @@ INPUT.button:active
   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
   margin: 0px;
-  padding: 1px 0px;
-  height: 3.54em;
+  padding: 2px;
+/*   background: #f00;
+ */  height: 4em;
   background-color: #dbdad5;
-  -moz-appearance: toolbar !important;
   white-space: nowrap;
   overflow: auto; }
 
@@ -349,7 +356,8 @@ A.toolbarButton
 SPAN.toolbarButton, SPAN.disabledToolbarButton
 { cursor: default;
   display: block;
-  float: left; 
+  float: left;
+  height: 3.4em;
   text-align: center;
   -moz-appearance: toolbarbutton;
   -moz-box-align: center;
@@ -361,16 +369,7 @@ SPAN.toolbarButton, SPAN.disabledToolbarButton
   border-bottom: 2px solid transparent;
   padding: 1px 2px;
   background-color: transparent;
-  color: -moz-DialogText;
-/* 
- display: block;
-  text-align: center;
-  height: 2.5em;
-  float: left; 
-  padding: .5em;
-  border: 2px solid transparent;
- */ 
- }
+  color: -moz-DialogText; }
 
 SPAN.disabledToolbarButton
 { -moz-opacity: 0.4; }
@@ -483,7 +482,7 @@ DIV#logConsole
 
 /* content lists */
 td.tbtv_actcell
-{ border-width: 1;
+{ border-width: 1px;
   border-style: solid;
   border-top-color: #808080;
   border-left-color: #808080;
@@ -593,10 +592,6 @@ DIV.dragHandle
 DIV.dragHandle:active
 { background: #99a; }
 
-INPUT.textField
-{ height: 1.7em;
-  vertical-align: middle; }
-
 /* search fields */
 INPUT#searchValue
 { margin-right: 1em;
@@ -645,7 +640,7 @@ DIV.noJavascriptErrorMessage A
 
 A.button
 { cursor: default;
-  padding: .2em;
+  padding: 1px .5em;
   border-top: 2px solid #fffffb;
   border-left: 2px solid #fffffb;
   border-bottom: 2px solid #888;
@@ -734,15 +729,6 @@ DIV.tabsContainer DIV.tab
   bottom: .5em;
   visibility: hidden; }
 
-SPAN.datePicker A
-{ padding: 4px 0px;
-  margin: 0px; }
-
-SPAN.datePicker IMG
-{ vertical-align: middle;
-  padding: 0px;
-  margin: 0px; }
-
 SPAN.checkBoxList INPUT,
 INPUT.checkBox
 { -moz-border-top-colors: #000 #fff;
@@ -750,3 +736,4 @@ INPUT.checkBox
   -moz-border-bottom-colors: #000 #fff;
   -moz-border-right-colors: #000 #fff;
   vertical-align: middle; }
+