diff --git a/UI/WebServerResources/ContactsUI.css b/UI/WebServerResources/ContactsUI.css index 557a98e29..2b98dc077 100644 --- a/UI/WebServerResources/ContactsUI.css +++ b/UI/WebServerResources/ContactsUI.css @@ -22,7 +22,7 @@ DIV#rightPanel { position: absolute; - top: 6em; + top: 5.5em; left: 15em; margin-left: 5px; right: 0px; @@ -36,7 +36,7 @@ DIV#contactsListContent background: #fff; width: 100%; height: 16em; - top: 2em; + top: 2.5em; overflow: auto; left: 0px; } @@ -115,8 +115,7 @@ DIV#contactFoldersList bottom: 0px; margin: 0px; padding: 0px; - overflow: hidden; -} + overflow: hidden; } DIV#contactFoldersList > DIV.toolbar { width: 100%; @@ -138,7 +137,12 @@ UL#contactFolders height: 100%; margin: 0px; padding: 0px; - border: 0px; + border-top: 2px solid #222; + border-left: 2px solid #222; + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; overflow: auto; } UL#contactFolders LI.denied @@ -316,7 +320,7 @@ DIV.contactSelection right: 0px; text-align: right; background: #d4d0c8; - border-top: 1px solid #fffffb; + border-top: 1px solid #fff; border-left: 0px; border-right: 0px; border-bottom: 0px; diff --git a/UI/WebServerResources/MailerUI.css b/UI/WebServerResources/MailerUI.css index be24c1a02..d8671249b 100644 --- a/UI/WebServerResources/MailerUI.css +++ b/UI/WebServerResources/MailerUI.css @@ -46,18 +46,15 @@ DIV#rightPanel } DIV#mailboxContent -{ - position: absolute; +{ position: absolute; width: 100%; height: 18em; left: 0px; - top: 0px; - right: 0px; -} + top: .5em; + right: 0px; } DIV#messageContent -{ - position: absolute; +{ position: absolute; overflow: hidden; top: 18em; bottom: 0px; @@ -69,27 +66,27 @@ DIV#messageContent border: 0px; border-top: 1px solid #aaa; border-left: 1px solid #aaa; - background: #fff; -} + background: #fff; } DIV#messageContent P IMG -{ - border: 0px; +{ border: 0px; vertical-align: middle; - margin-right: 1em; -} + margin-right: 1em; } DIV#folderTreeContent -{ +{ border-top: 2px solid #222; + border-left: 2px solid #222; + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; position: absolute; color: #000; background: #fff; width: 100%; top: 2em; bottom: 0px; - overflow: auto; - border: 1px solid #fff; -} + overflow: auto; } .aptview_title { @@ -468,8 +465,7 @@ TABLE#addr_table } TABLE#messageList -{ - display: block; +{ display: block; position: absolute; background: #fff; color: #000; diff --git a/UI/WebServerResources/SchedulerUI.css b/UI/WebServerResources/SchedulerUI.css index 0279dbf7b..f495cdf1c 100644 --- a/UI/WebServerResources/SchedulerUI.css +++ b/UI/WebServerResources/SchedulerUI.css @@ -15,13 +15,13 @@ DIV#schedulerTabs top: 0.5em; left: .2em; right: .2em; - height: 15em; + height: 16em; } DIV#tasksListView { position: absolute; - top: 18em; + top: 18.5em; bottom: 0px; left: .2em; right: .7em; @@ -29,7 +29,7 @@ DIV#tasksListView } DIV#tasksListView H2 -{ font-size: 12pt; +{ font-size: 10pt; margin: 0px; margin-left: .25em; padding: 0px; } @@ -141,8 +141,8 @@ DIV#appointmentsListView { position: absolute; background: #fff; - height: 16em; - top: 2em; + height: 15.5em; + top: 2.5em; left: 0px; width: 100%; overflow: auto; @@ -323,8 +323,8 @@ SPAN.monthsHeader overflow: hidden; width: 100%; margin: 0px; - height: 2.75em; - padding: .1em 1.5em; + height: 3em; + padding: 2px 1.5em; border: 0px; border-bottom: 1px solid #ccc; } @@ -357,20 +357,20 @@ A.rightNavigationArrow:hover, SPAN.daysHeader A:hover, SPAN.weeksHeader A:hover, SPAN.monthsHeader A:hover -{ border-left: 1px solid #fff; - border-top: 1px solid #fff; - border-right: 1px solid #ccc; - border-bottom: 1px solid #ccc; } +{ border-top: 1px solid #fff; + border-left: 1px solid #fff; + border-bottom: 1px solid #828482; + border-right: 1px solid #828482; } A.leftNavigationArrow:active, A.rightNavigationArrow:active, SPAN.daysHeader A:active, SPAN.weeksHeader A:active, SPAN.monthsHeader A:active -{ border-left: 1px solid #ccc; - border-top: 1px solid #ccc; - border-right: 1px solid #fff; - border-bottom: 1px solid #fff; } +{ border-top: 1px solid #828482; + border-left: 1px solid #828482; + border-bottom: 1px solid #fff; + border-right: 1px solid #fff; } SPAN.week2, SPAN.month2 { @@ -388,17 +388,14 @@ SPAN.day1, SPAN.week0, SPAN.month0 } SPAN.day0 -{ - font-size: x-large; -} +{ font-size: x-large; } SPAN.day0, SPAN.week0, SPAN.month0 -{ border-top: 1px solid #aaa !important; - border-left: 1px solid #aaa !important; +{ border-top: 1px solid #828482 !important; + border-left: 1px solid #828482 !important; border-bottom: 1px solid #fff !important; border-right: 1px solid #fff !important; - background: #ccc; - color: #222; } + background: #ddd; } A.leftNavigationArrow { @@ -417,9 +414,8 @@ A.rightNavigationArrow } DIV#calendarContent -{ - position: absolute; - top: 3em; +{ position: absolute; + top: 3.5em; padding: 0px; margin: 0px; bottom: 0px; @@ -867,10 +863,10 @@ DIV.monthView DIV.appointment margin: 2px; margin-right: 3px; padding: 1px; - height: 1.5em; } + height: 2em; } DIV.appointment DIV.text -{ font-size: 80%; } +{ font-size: 92%; } DIV.daysView DIV[class~="appointment"].starts0 { top: 0.000000%; } diff --git a/UI/WebServerResources/UIxContactEditor.css b/UI/WebServerResources/UIxContactEditor.css index 043fb657b..ef23927ac 100644 --- a/UI/WebServerResources/UIxContactEditor.css +++ b/UI/WebServerResources/UIxContactEditor.css @@ -32,8 +32,8 @@ SPAN.caption width: auto; padding: .25em; margin-left: 7px; - border-top: 2px solid #fffffb; - border-left: 2px solid #fffffb; + border-top: 2px solid #fff; + border-left: 2px solid #fff; border-bottom: 2px solid #888; border-right: 2px solid #888; background-color: #d4d0c8; diff --git a/UI/WebServerResources/UIxMailEditor.css b/UI/WebServerResources/UIxMailEditor.css index 7f088b807..b7863482b 100644 --- a/UI/WebServerResources/UIxMailEditor.css +++ b/UI/WebServerResources/UIxMailEditor.css @@ -57,12 +57,8 @@ div#compose_internetmarker { } div#headerArea -{ border-top: 1px solid #fffffb; - border-left: 1px solid #fffffb; - border-right: 2px solid #888; - border-bottom: 2px solid #888; - -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; - -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; } +{ border-top: 1px solid #fff; + border-bottom: 1px solid #848284; } div#attachmentsArea { display: none; diff --git a/UI/WebServerResources/generic.css b/UI/WebServerResources/generic.css index c58770e09..4e9f54087 100644 --- a/UI/WebServerResources/generic.css +++ b/UI/WebServerResources/generic.css @@ -10,8 +10,8 @@ BODY right: 0px; bottom: 0px; color: #000000; - font-family: Bitstream VeraSans, Tahoma; - font-size: 10pt; + font-family: Lucida Grande, Bitstream VeraSans, Tahoma; + font-size: 8pt; background-color: #d4d0c8; border: 0px; margin: 0px; @@ -68,7 +68,7 @@ a:visited { color: #660066; } a:hover -{ color: #FF0000; +{ color: #ff0000; text-decoration: underline; } .linecolor @@ -86,112 +86,6 @@ a:hover { text-decoration: none; color: #000000; } - -/* tabs */ - -.oldtab -{ color: #000000; - background-color: #e8e8e0; - text-decoration: none; - width: 100px; - height: 22px; - border-top: 1px solid #06348b; - border-right: 1px solid #06348b; } - -.oldtab a -{ color: #000000; - border: none; - text-decoration: none; } - -.oldtab_selected -{ color: #000000; - background-color: #f5f5e9; - text-decoration: none; - font-weight: bold; - width: 100px; - height: 22px; - border-top: 1px solid #06348b; - border-right: 1px solid #06348b; } - -.oldtab_selected a -{ color: #000000; - border: none; - text-decoration: none; } - -.oldtabview_body -{ background-color: #f5f5e9; } - - -/* buttons */ - -.button_auto_env -{ height: 16px; - text-align: center; - vertical-align: middle; - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; - overflow: hidden; } - -.button_auto_env a -{ text-decoration: none; - color: #000000; } - -.button_auto_env a:hover -{ text-decoration: underline; - color: #ff0000; } - -.button_auto -{ height: 20px; - border-style: outset; - border-color: #DDDDDD; - border-width: 2px; - color: #000000; - background-color: #e8e8e0; - letter-spacing: 0pt; - text-decoration: none; - color: #000000; - text-align: center; - vertical-align: middle; - padding-left: 5px; - padding-right: 5px; - padding-top: 1px; - padding-bottom: 1px; - overflow: hidden; } - -.button_submit_env -{ height: 24px; - text-align: center; - vertical-align: middle; - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; - overflow: hidden; } - -.button_submit_env a -{ text-decoration: none; - color: #000000; } - -.button_submit_env a:hover -{ text-decoration: underline; - color: #ff0000; } - -.button_submit -{ height: 30px; - border-style: outset; - border-color: #DDDDDD; - border-width: 2px; - color: #000000; - background-color: #e8e8e0; - letter-spacing: 0pt; - text-decoration: none; - color: #000000; - text-align: center; - vertical-align: middle; - padding-left: 5px; - padding-right: 5px; - padding-top: 2px; - padding-bottom: 3px; - overflow: hidden; } - /* header */ div#header @@ -241,7 +135,6 @@ table.skytextdocktable { padding: 0px; table-layout: auto; } - DIV.linkbanner { background: #222; @@ -262,7 +155,6 @@ DIV.linkbanner A DIV.linkbanner A:hover { color: #dd5; } - .linkbannerlinks { vertical-align: bottom; text-align: left; } @@ -318,53 +210,23 @@ INPUT.textField { line-height: 2em; vertical-align: middle; } -INPUT.button -{ margin: 0px; - padding: 0px .5em; - border-top: 2px solid #fffffb; - border-left: 2px solid #fffffb; - border-bottom: 2px solid #888; - border-right: 2px solid #888; - background-color: #d4d0c8; - -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; - background: -moz-buttonhoverface; } - -INPUT.button:active -{ -moz-outline: none; - margin: 0px; - padding: 0px .5em; - color: -moz-buttonhovertext; - -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight; - -moz-border-right-colors: -moz-buttonhoverface ThreeDHighlight; - -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; - -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; } - DIV#toolbar { left: 0px; - border-top: 1px solid #fffffb; - border-left: 1px solid #fffffb; - border-bottom: 2px solid #888; - border-right: 2px solid #888; - -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; - -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; + border-top: 1px solid #fff; + border-bottom: 1px solid #848284; margin: 0px; padding: 0px; -/* background: #f00; - */ height: 4.2m; background-color: #d4d0c8; white-space: nowrap; overflow: auto; } +BODY.popup DIV#toolbar +{ border-top: 0px; } + SPAN.toolbarSeparator { display: block; float: left; - height: 90%; + height: 3.8em; vertical-align: middle; border-right : 1px solid ThreeDHighlight; border-left : 1px solid ThreeDShadow; @@ -386,11 +248,10 @@ SPAN.toolbarButton, SPAN.disabledToolbarButton -moz-box-align: center; -moz-box-pack: center; margin: 0px; - margin-top: 0.125em; - border-left: 2px solid transparent; - border-top: 2px solid transparent; - border-right: 2px solid transparent; - border-bottom: 2px solid transparent; + border-left: 1px solid transparent; + border-top: 1px solid transparent; + border-right: 1px solid transparent; + border-bottom: 1px solid transparent; padding: 1px 2px; background-color: transparent; color: -moz-DialogText; } @@ -400,19 +261,17 @@ SPAN.disabledToolbarButton SPAN.toolbarButton:hover { color: -moz-buttonhovertext; - background-color: -moz-buttonhoverface; - -moz-border-left-colors: ThreeDHighlight -moz-buttonhoverface; - -moz-border-top-colors: ThreeDHighlight -moz-buttonhoverface; - -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; - -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; } + border-top: 1px solid #fff; + border-left: 1px solid #fff; + border-bottom: 1px solid #828482; + border-right: 1px solid #828482; } SPAN.toolbarButton:active { color: -moz-buttonhovertext; - background-color: #c4c2bd; - -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight; - -moz-border-right-colors: -moz-buttonhoverface ThreeDHighlight; - -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; - -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; } + border-top: 1px solid #828482; + border-left: 1px solid #828482; + border-bottom: 1px solid #fff; + border-right: 1px solid #fff; } .toolbarButton IMG.buttonImage { border: 0px; @@ -429,11 +288,14 @@ SPAN.toolbarButton:active { visibility: hidden; position: absolute; z-index: 1000; - background-color: #dcdad5; + background-color: #d6cfc6; color: #000; margin: 0px; padding: 0px; - border: 1px solid #000; } + border-top: 1px solid #d6cfc6; + border-left: 1px solid #d6cfc6; + border-right: 1px solid #424142; + border-bottom: 1px solid #424142; } .menu UL { @@ -489,8 +351,8 @@ DIV#logConsole display: none; z-index: 1000; -moz-opacity: 0.7; - border-top: 2px solid #fffffb; - border-left: 2px solid #fffffb; + border-top: 2px solid #fff; + border-left: 2px solid #fff; border-right: 2px solid #999; border-bottom: 2px solid #999; -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent; @@ -515,9 +377,23 @@ td.tbtv_actcell padding-top: 4px; padding-bottom: 3px; padding-left: 4px; - padding-right: 4px; - - background-color: #DCDAD5; } + padding-right: 4px; } + +TD.tbtv_headercell, +TD.tbtv_navcell +{ background-color: #d4d0c8; + border-top: 1px solid #fff; + border-left: 1px solid #fff; + border-right: 2px solid #222; + border-bottom: 2px solid #222; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; } + +TD.tbtv_headercell:active +{ background-color: #DCDAD5; + border: 1px solid #9c9a94; + -moz-border-bottom-colors: #9c9a94; + -moz-border-right-colors: #9c9a94; } td.tbtv_headercell SPAN { float: left; @@ -560,53 +436,6 @@ TR.tableview TD.headerDateTime TR.tableview TD.headerLocation { width: 10em; } -td.tbtv_actcell -{ border-width: 1px; - border-style: solid; - border-top-color: #808080; - border-left-color: #808080; - border-bottom-color: #808080; - border-right-color: #808080; - padding-top: 4px; - padding-bottom: 3px; - padding-left: 4px; - padding-right: 4px; - background-color: #DCDAD5; } - -TD.tbtv_headercell, -TD.tbtv_navcell -{ background-color: #DCDAD5; - border-top: 1px solid #fff; - border-left: 1px solid #fff; - border-right: 2px solid #222; - border-bottom: 2px solid #222; - -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; - -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; } - -TD.tbtv_headercell:active -{ background-color: #DCDAD5; - border: 1px solid #9c9a94; - -moz-border-bottom-colors: #9c9a94; - -moz-border-right-colors: #9c9a94; } - -td.tbtv_headercell SPAN -{ float: left; - width: 100%; } - -td.tbtv_headercell a -{ cursor: default; - margin: 0px auto; - color: black; - width: 100%; } - -td.tbtv_headercell a:hover -{ margin: 0px auto; - display: block; - color: black; - text-decoration: none; - /* background-color: #C4C0B8; */ -} - td img.tbtv_sortcell { float: right; text-align: right; @@ -660,8 +489,8 @@ DIV.javascriptPopupBackground DIV.javascriptMessagePseudoWindow { position: absolute; z-index: 2; - border-top: 2px solid #fffffb; - border-left: 2px solid #fffffb; + border-top: 2px solid #fff; + border-left: 2px solid #fff; border-bottom: 2px solid #888; border-right: 2px solid #888; -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight; @@ -687,6 +516,7 @@ A.button:hover { color: inherit; background: -moz-buttonhoverface; } +INPUT.button:active, A.button:active { color: -moz-buttonhovertext; background-color: #c4c2bd; @@ -695,13 +525,14 @@ A.button:active -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; } +INPUT.button, A.button, A[class~="_disabled"].button:hover, A[class~="_disabled"].button:active { cursor: default; padding: 1px .5em; - border-top: 2px solid #fffffb; - border-left: 2px solid #fffffb; + border-top: 2px solid #fff; + border-left: 2px solid #fff; border-bottom: 2px solid #888; border-right: 2px solid #888; -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight; @@ -747,8 +578,8 @@ DIV.tabsContainer color: #000; background: #d4d0c8; margin-top: 1.5em; - border-top: 2px solid #fffffb; - border-left: 2px solid #fffffb; + border-top: 2px solid #fff; + border-left: 2px solid #fff; border-right: 2px solid #888; border-bottom: 2px solid #888; -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight; @@ -761,36 +592,38 @@ DIV.tabsContainer > UL list-style-type: none; list-style-image: none; margin: 0px; - margin-top: -1.5em; + margin-top: -17px; padding: 0px; } DIV.tabsContainer > UL LI { z-index: 3; float: left; padding: 0px .5em; - padding-top: 2px; - border-top: 2px solid #fffffb; - border-bottom: 0px solid #fffffb; + padding-top: 0px; + -moz-border-radius-topleft: 3px; + -moz-border-radius-topright: 3px; + border-top: 2px solid #fff; + border-bottom: 0px solid #fff; border-right: 2px solid #888; + padding-bottom: 1px; -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight; -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight; - color: #000; - background: #fff; - background: #c4c2bd; } + color: #000; } DIV.tabsContainer > UL LI.first, DIV.tabsContainer > UL LI.active -{ border-left: 2px solid #fffffb; +{ border-left: 2px solid #fff; margin-left: -2px; -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight; } DIV.tabsContainer > UL LI.active { z-index: 5; background: #d4d0c8; + border-bottom: 1px solid none; padding-top: 2px; - padding-bottom: 2px; - margin-top: -2px; } + padding-bottom: 3px; + margin-top: -3px; } DIV.tabsContainer > DIV.tab { position: absolute;