From 2b81c3fd04da010616d6f467ed8fc3b9466e5931 Mon Sep 17 00:00:00 2001 From: Wolfgang Sourdeau Date: Wed, 30 Aug 2006 23:08:32 +0000 Subject: [PATCH] Monotone-Parent: 9a9be506022799b03e23c40687bc9fecefe328a9 Monotone-Revision: 99570bf725fd292c2ff9a2ea2c4f282a07a111b6 Monotone-Author: wsourdeau@inverse.ca Monotone-Date: 2006-08-30T23:08:32 Monotone-Branch: ca.inverse.sogo --- UI/WebServerResources/MailerUI.css | 22 ------ UI/WebServerResources/SchedulerUI.css | 1 + .../UIxAppointmentEditor.css | 77 +++++++++++++++++++ UI/WebServerResources/generic.css | 73 ++++++++++++++---- 4 files changed, 136 insertions(+), 37 deletions(-) create mode 100644 UI/WebServerResources/UIxAppointmentEditor.css diff --git a/UI/WebServerResources/MailerUI.css b/UI/WebServerResources/MailerUI.css index bf583b3dd..a7b0d3f14 100644 --- a/UI/WebServerResources/MailerUI.css +++ b/UI/WebServerResources/MailerUI.css @@ -512,28 +512,6 @@ TABLE#messageList TR._deleted TD text-decoration: line-through; } -INPUT#searchValue -{ - height: 22px; - margin-right: 1em; - width: 20em; - border-bottom: 1px solid #fff; - border-right: 1px solid #fff; - border-top: 2px solid #222; - border-left: 2px solid #222; - padding-left: 24px; - -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent; - -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent; - background-image: url('/SOGo.woa/WebServerResources/Search-bar.png'); - background-repeat: no-repeat; - background-position: 2px 2px; - color: #aaa; -} - -INPUT#searchValue:focus -{ color: #000; } - - /* drag handles */ DIV#dragHandle { diff --git a/UI/WebServerResources/SchedulerUI.css b/UI/WebServerResources/SchedulerUI.css index 18aea2d56..a9d3d8bc5 100644 --- a/UI/WebServerResources/SchedulerUI.css +++ b/UI/WebServerResources/SchedulerUI.css @@ -239,6 +239,7 @@ TABLE.weekOverview TD.hourOfDay vertical-align: top; height: 4em; font-weight: bold; + overflow: auto; width: 5em; color: #77a; background: #eef; } diff --git a/UI/WebServerResources/UIxAppointmentEditor.css b/UI/WebServerResources/UIxAppointmentEditor.css new file mode 100644 index 000000000..9bff5960c --- /dev/null +++ b/UI/WebServerResources/UIxAppointmentEditor.css @@ -0,0 +1,77 @@ +BODY +{ padding: 1em; } + +DIV.appointmentLabel +{ float: left; + margin-top: .6em; + text-align: right; + width: 10em; } + +DIV.appointmentRightLabel +{ display: inline; + vertical-align: middle; } + +DIV#details +{ visibility: hidden; + width: 100%; + margin: 0px; + margin-bottom: 1em; } + +A#detailsButton +{ float: right; + margin-top: .2em; } + +DIV#buttons +{ visibility: visible; + position: absolute; + right: 1em; + bottom: 1em; } + +UL.contactList +{ + display: block; + cursor: default; + list-style-type: none; + list-style-image: none; + margin: 0px; + padding: 0px; + background: #fff; + border: 1px solid #000; + width: 15em; + height: 5em; + overflow: auto; +} + +UL.contactList LI IMG +{ vertical-align: middle; } + +UL.contactList LI +{ width: 100%; + white-space: nowrap; + vertical-align: middle; } + +UL.contactList LI._selected +{ background: #4b6983; + color: #fff; } + +DIV#participants +{ margin-left: 10em; + padding: .2em; } + +SPAN.contactSelectorButtons +{ vertical-align: top; + line-height: 2em; } + +LABEL +{ white-space: nowrap; + margin-left: .5em; } + +LABEL#conflictsLabel +{ float: right; + margin-top: .5em; + margin-left: 0em; + margin-right: 16em; } + +SPAN.cycleSelectionFirstLevel, +SPAN.cycleSelectionSecondLevel +{ visibility: hidden; } diff --git a/UI/WebServerResources/generic.css b/UI/WebServerResources/generic.css index 7934c67ab..75e797587 100644 --- a/UI/WebServerResources/generic.css +++ b/UI/WebServerResources/generic.css @@ -287,12 +287,25 @@ DIV.linkbanner A:hover text-align: right; } -DIV.contactSelector DIV.contactList IMG +DIV.contactSelector +{ margin: .5em; } + +DIV.contactSelector SPAN A +{ height: 2em; } + +DIV.contactSelector UL.contactList IMG { margin: 0px .5em; } SELECT -{ -moz-appearance: menulist-button; - -moz-outline-radius: 15; } +{ border-bottom: 1px solid #fff; + border-right: 1px solid #fff; + border-top: 2px solid #222; + border-left: 2px solid #222; + vertical-align: middle; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent; + margin: 2px; + padding-right: 1px; } DIV.contactSelector DIV.contactList { @@ -306,8 +319,11 @@ DIV.contactSelector DIV.contactList text-align: left; } -TEXTAREA +TEXTAREA, +INPUT.textField { + padding: .2em; + margin: .15em; border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-top: 2px solid #222; @@ -330,6 +346,12 @@ INPUT.button -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; } +INPUT.button:hover +{ + color: inherit; + background: -moz-buttonhoverface; +} + INPUT.button:active { -moz-outline: none; @@ -676,19 +698,18 @@ DIV.dragHandle:active background: #222; } +INPUT.textField +{ + height: 1.7em; + vertical-align: middle; +} + /* search fields */ INPUT#searchValue { - height: 22px; margin-right: 1em; width: 20em; - border-bottom: 1px solid #fff; - border-right: 1px solid #fff; - border-top: 2px solid #222; - border-left: 2px solid #222; padding-left: 24px; - -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent; - -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent; background-image: url('/SOGo.woa/WebServerResources/Search-bar.png'); background-repeat: no-repeat; background-position: 2px 2px; @@ -730,10 +751,12 @@ DIV.noJavascriptErrorMessage } DIV.noJavascriptErrorMessage A +{ float: right; + margin: 0px auto; } + +A.button { - float: right; cursor: default; - margin: 0px auto; padding: .2em; border-top: 2px solid #fffffb; border-left: 2px solid #fffffb; @@ -747,13 +770,16 @@ DIV.noJavascriptErrorMessage A color: inherit; } -DIV.noJavascriptErrorMessage A:hover +A.button IMG +{ vertical-align: middle; } + +A.button:hover { color: inherit; background: -moz-buttonhoverface; } -DIV.noJavascriptErrorMessage A:active +A.button:active { color: -moz-buttonhovertext; background-color: #c4c2bd; @@ -834,3 +860,20 @@ 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; + -moz-border-left-colors: #000 #fff; + -moz-border-bottom-colors: #000 #fff; + -moz-border-right-colors: #000 #fff; + vertical-align: middle; }