From afe91d6de324f31565d3c83b7656e2a89e345b61 Mon Sep 17 00:00:00 2001 From: robert Date: Sun, 19 Aug 2001 15:16:00 +0000 Subject: [PATCH] accomodate recent XUL 1.0 changes --- EarlyBlue/communicator/skin/brand.css | 85 +- EarlyBlue/communicator/skin/button.css | 14 +- EarlyBlue/communicator/skin/dialogOverlay.css | 234 +++-- EarlyBlue/communicator/skin/menubutton.css | 7 +- .../communicator/skin/menubuttonBindings.xml | 16 +- EarlyBlue/communicator/skin/search/search.css | 214 +++-- .../communicator/skin/sidebar/customize.css | 176 ++-- .../communicator/skin/sidebar/sidebar.css | 5 +- EarlyBlue/communicator/skin/splitter.css | 21 - EarlyBlue/editor/skin/EditorDialog.css | 509 +++++----- EarlyBlue/editor/skin/EditorToolbars.css | 876 +++++++++--------- EarlyBlue/global/skin/button.css | 9 +- EarlyBlue/global/skin/classicBindings.xml | 19 +- EarlyBlue/global/skin/dialogOverlay.css | 230 +++-- EarlyBlue/global/skin/global.css | 11 +- EarlyBlue/global/skin/menu.css | 9 +- EarlyBlue/global/skin/menubutton.css | 7 +- EarlyBlue/global/skin/menubuttonBindings.xml | 5 +- EarlyBlue/global/skin/menulistBindings.xml | 6 +- EarlyBlue/global/skin/outliner.css | 5 +- EarlyBlue/global/skin/popup.css | 8 +- EarlyBlue/global/skin/scrollbarBindings.xml | 18 +- EarlyBlue/global/skin/scrollbars.css | 22 +- EarlyBlue/global/skin/scrollbox.css | 5 +- EarlyBlue/global/skin/splitter.css | 19 +- EarlyBlue/global/skin/titledbox.css | 8 +- EarlyBlue/global/skin/tree.css | 9 +- EarlyBlue/global/skin/treeBindings.xml | 36 +- EarlyBlue/messenger/skin/mailheader.css | 3 +- EarlyBlue/messenger/skin/messenger.css | 9 +- .../messengercompose/messengercompose.css | 6 +- .../messenger/skin/msgAccountCentral.css | 5 +- .../messenger/skin/msgHdrViewOverlay.css | 9 +- EarlyBlue/navigator/skin/navigator.css | 4 +- 34 files changed, 1262 insertions(+), 1357 deletions(-) diff --git a/EarlyBlue/communicator/skin/brand.css b/EarlyBlue/communicator/skin/brand.css index df5186ee..00adaef5 100755 --- a/EarlyBlue/communicator/skin/brand.css +++ b/EarlyBlue/communicator/skin/brand.css @@ -1,43 +1,42 @@ - -#navigator-throbber - { - list-style-image : url("chrome://global/skin/animthrob_single.gif"); - min-width : 36px; - min-height : 36px; - vertical-align : middle; - padding : 1px; - margin : 2px 4px 2px 1px; - border : none; - cursor : pointer; - } - -#navigator-throbber[busy="true"] - { - list-style-image : url("chrome://global/skin/animthrob.gif"); - } - -#navigator-throbber:hover:active - { - padding : 2px 0px 0px 2px; - } - -#navigator-throbber > .button-internal-box - { - border : 1px solid transparent; - padding : 0px; - } - -#navigator-throbber:hover > .button-internal-box - { - border : 1px outset #CCD0DD; - } - -#navigator-throbber:hover:active > .button-internal-box - { - border : 1px inset #CCD0DD; - } - -#navigator-throbber > .button-internal-box > .button-text-container - { - display : none; - } \ No newline at end of file +#navigator-throbber + { + list-style-image : url("chrome://global/skin/animthrob_single.gif"); + min-width : 36px; + min-height : 36px; + -moz-box-align : center; /* We're in a hbox */ + padding : 1px; + margin : 2px 4px 2px 1px; + border : none; + cursor : pointer; + } + +#navigator-throbber[busy="true"] + { + list-style-image : url("chrome://global/skin/animthrob.gif"); + } + +#navigator-throbber:hover:active + { + padding : 2px 0px 0px 2px; + } + +#navigator-throbber > .button-internal-box + { + border : 1px solid transparent; + padding : 0px; + } + +#navigator-throbber:hover > .button-internal-box + { + border : 1px outset #CCD0DD; + } + +#navigator-throbber:hover:active > .button-internal-box + { + border : 1px inset #CCD0DD; + } + +#navigator-throbber > .button-internal-box > .button-text-container + { + display : none; + } diff --git a/EarlyBlue/communicator/skin/button.css b/EarlyBlue/communicator/skin/button.css index f83f8493..8eff4f1c 100755 --- a/EarlyBlue/communicator/skin/button.css +++ b/EarlyBlue/communicator/skin/button.css @@ -97,26 +97,26 @@ .button-toolbar-1 > .button-internal-box { border : 1px solid transparent; - vertical-align : middle; + -moz-box-align : center; } .button-toolbar-1:hover > .button-internal-box { border : 1px outset #CCD0DD; - vertical-align : middle; + -moz-box-align : center; } .button-toolbar-1:hover:active > .button-internal-box { border : 1px inset #CCD0DD; - vertical-align : middle; + -moz-box-align : center; padding : 2px 0px 0px 2px; } .button-toolbar-1 > .button-internal-box > .button-text-container { display : none; - text-align : center; + -moz-box-pack : center; } /** Styles for the standard 'large' toolbar button, these buttons are used for @@ -140,7 +140,7 @@ { border : 1px solid transparent; padding : 1px; - vertical-align : middle; + -moz-box-align : center; } .button-toolbar-2:hover > .button-internal-box @@ -167,7 +167,7 @@ .button-toolbar-2 > .button-internal-box > .button-text-container { padding-top : 3px; - text-align : center; + -moz-box-pack : center; } @@ -287,5 +287,3 @@ menubutton.button-toolbar-4 padding : 0px; padding-left : 2px; } - - diff --git a/EarlyBlue/communicator/skin/dialogOverlay.css b/EarlyBlue/communicator/skin/dialogOverlay.css index d5f9b4b3..f1a9b597 100755 --- a/EarlyBlue/communicator/skin/dialogOverlay.css +++ b/EarlyBlue/communicator/skin/dialogOverlay.css @@ -1,118 +1,116 @@ -/** - * Small Dialog Header (without icon) - **/ -.box-smallheader - { - -moz-binding : url(chrome://communicator/content/dialogBindings.xml#smallheader); - border : 1px inset #CCD0DD; - margin : 0px 5px 6px 5px; - } - -.toolbar-primary - { - padding : 0px 0px 3px 0px; - min-height : 0px; - } - -.box-smallheader-left - { - font-size : larger; - font-weight : bold; - color : #FFFFFF; - padding-left : 6px; - } - -.box-smallheader-right - { - color : #FFFFFF; - padding-right : 6px; - } - -.box-smallheader > .toolbar-primary - { - background-color : #666699; - vertical-align : middle; - padding-top : 3px; - } - -/** - * Large Dialog Header (with icon) - **/ -.box-header - { - -moz-binding : url(chrome://communicator/content/dialogBindings.xml#largeheader); - } - -.box-header-header - { - padding : 0px 0px 4px 5px; - min-height : 34px; - } - -.box-header-text-box - { - vertical-align : middle; - } - -.box-header-text - { - color : white; - font-size : large; - font-weight : bold; - text-decoration : underline; - } - -.box-header-icon-box - { - vertical-align : middle; - } - -.box-header-circle - { - background-color : transparent; - min-width : 28px; - margin : 1px 7px 1px 1px; - height : 28px; - width : 28px; - } - -/** - * Dialog status line (blue) including progress area - **/ -.box-status - { - -moz-binding : url(chrome://communicator/content/dialogBindings.xml#status); - } - -.box-status-bg - { - padding : 1px 5px 1px 5px; - min-height : 0px ! important; - } - -.box-status-text, .box-status-progress - { - color : #9999cc ! important; - } - - -/** - * Utility classes for use when combined headers/footers are used - **/ -/* display area framed container */ -#contentarea - { - border-top : 2px groove #CCD0DD; - border-bottom : 2px groove #CCD0DD; - padding : 7px; - } - -/* top border on status area */ -#wizardButtons - { - border-bottom : 1px outset #CCD0DD; - padding-top : 1px; - padding-bottom : 1px; - } - - +/** + * Small Dialog Header (without icon) + **/ +.box-smallheader + { + -moz-binding : url(chrome://communicator/content/dialogBindings.xml#smallheader); + border : 1px inset #CCD0DD; + margin : 0px 5px 6px 5px; + } + +.toolbar-primary + { + padding : 0px 0px 3px 0px; + min-height : 0px; + } + +.box-smallheader-left + { + font-size : larger; + font-weight : bold; + color : #FFFFFF; + padding-left : 6px; + } + +.box-smallheader-right + { + color : #FFFFFF; + padding-right : 6px; + } + +.box-smallheader > .toolbar-primary + { + background-color : #666699; + -moz-box-align : center; + padding-top : 3px; + } + +/** + * Large Dialog Header (with icon) + **/ +.box-header + { + -moz-binding : url(chrome://communicator/content/dialogBindings.xml#largeheader); + } + +.box-header-header + { + padding : 0px 0px 4px 5px; + min-height : 34px; + } + +.box-header-text-box + { + -moz-box-align : center; + } + +.box-header-text + { + color : white; + font-size : large; + font-weight : bold; + text-decoration : underline; + } + +.box-header-icon-box + { + -moz-box-align : center; + } + +.box-header-circle + { + background-color : transparent; + min-width : 28px; + margin : 1px 7px 1px 1px; + height : 28px; + width : 28px; + } + +/** + * Dialog status line (blue) including progress area + **/ +.box-status + { + -moz-binding : url(chrome://communicator/content/dialogBindings.xml#status); + } + +.box-status-bg + { + padding : 1px 5px 1px 5px; + min-height : 0px ! important; + } + +.box-status-text, .box-status-progress + { + color : #9999cc ! important; + } + + +/** + * Utility classes for use when combined headers/footers are used + **/ +/* display area framed container */ +#contentarea + { + border-top : 2px groove #CCD0DD; + border-bottom : 2px groove #CCD0DD; + padding : 7px; + } + +/* top border on status area */ +#wizardButtons + { + border-bottom : 1px outset #CCD0DD; + padding-top : 1px; + padding-bottom : 1px; + } diff --git a/EarlyBlue/communicator/skin/menubutton.css b/EarlyBlue/communicator/skin/menubutton.css index 30eab187..aada9d10 100755 --- a/EarlyBlue/communicator/skin/menubutton.css +++ b/EarlyBlue/communicator/skin/menubutton.css @@ -92,7 +92,7 @@ .menubutton-dual-ex-button > .button-internal-box > .button-text-container { padding-top : 3px; - text-align : center; + -moz-box-pack : center; } @@ -174,8 +174,3 @@ menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker /* padding-bottom : 17px; */ padding-bottom : 24px; } - - - - - diff --git a/EarlyBlue/communicator/skin/menubuttonBindings.xml b/EarlyBlue/communicator/skin/menubuttonBindings.xml index a0fa8134..949d6b9e 100755 --- a/EarlyBlue/communicator/skin/menubuttonBindings.xml +++ b/EarlyBlue/communicator/skin/menubuttonBindings.xml @@ -10,9 +10,9 @@ - + - + @@ -21,9 +21,9 @@ - + - + @@ -31,18 +31,18 @@ - + - + - + - + diff --git a/EarlyBlue/communicator/skin/search/search.css b/EarlyBlue/communicator/skin/search/search.css index d283ff64..f5de6dbd 100755 --- a/EarlyBlue/communicator/skin/search/search.css +++ b/EarlyBlue/communicator/skin/search/search.css @@ -1,108 +1,106 @@ -box.sidebartitle { - background-color: #505888; - padding: 2px 3px 3px 3px; - border: 0px; - margin: 0px; - font: 10pt sans-serif; -} - -box.panelbar { - background-color: #006870; - padding: 2px 3px 3px 3px; - border: 0px; - margin: 0px; - font: 10pt sans-serif; -} - -box#sidebox { - width: 100%; - height: 100%; -} - -titledbutton.sidebartitle:hover { - border: 0px; - margin: 1px; -} - -titledbutton.paneltitle { - horizontal-align: left; -} - -treecol.checkboxColumn { - width: 30px ! important; -} - -box.spaced { - padding-top: 5px; - paddimg-bottom: 2px; -} - -box#engineTabs { - background-color: #808080; - border-bottom: 1px solid threedhighlight; -} - -box#engineTabs > titledbutton { - background-color: #CCCCCC; - margin-bottom: 0px; - border-bottom: 1px solid #CCCCCC; -} - -titledbutton#allEngines { - margin-right: 12px; -} - -titledbutton.engine[loading="true"] { - list-style-image: url("chrome://communicator/skin/bookmarks/loading.gif") ! important ; -} - -titledbutton.iconic { - list-style-image: url("chrome://communicator/skin/bookmarks/document.gif") ! important ; -} - -treeitem > treerow.searchresult > treecell > titledbutton { - cursor: pointer; -} - -treeitem > treerow.searchresult > treecell { - color: black; - text-decoration: none; -} - -treeitem > treerow.searchresult > treecell:hover { - color: blue; - text-decoration: underline; -} - -treeitem > treerow.searchresult > treecell > titledbutton:active { - color: red; - text-decoration: underline; -} - -/*undo regular search tree selection look*/ -treeitem[selected="true"] > treerow.searchresult { - background-color: transparent; -} - - - -.searchpanel-outerbox { - padding: 8px 4px 4px 4px; -} - -.indented-label { - padding-left: 8px; -} - -titledbutton.panelbtn { - margin-left: 1em; - margin-right: 1em; -} - -#searchengines - { - margin-left : 0px; - margin-right : 0px; - } - - \ No newline at end of file +box.sidebartitle { + background-color: #505888; + padding: 2px 3px 3px 3px; + border: 0px; + margin: 0px; + font: 10pt sans-serif; +} + +box.panelbar { + background-color: #006870; + padding: 2px 3px 3px 3px; + border: 0px; + margin: 0px; + font: 10pt sans-serif; +} + +box#sidebox { + width: 100%; + height: 100%; +} + +titledbutton.sidebartitle:hover { + border: 0px; + margin: 1px; +} + +titledbutton.paneltitle { + -moz-box-pack: start; +} + +treecol.checkboxColumn { + width: 30px ! important; +} + +box.spaced { + padding-top: 5px; + padding-bottom: 2px; +} + +box#engineTabs { + background-color: #808080; + border-bottom: 1px solid threedhighlight; +} + +box#engineTabs > titledbutton { + background-color: #CCCCCC; + margin-bottom: 0px; + border-bottom: 1px solid #CCCCCC; +} + +titledbutton#allEngines { + margin-right: 12px; +} + +titledbutton.engine[loading="true"] { + list-style-image: url("chrome://communicator/skin/bookmarks/loading.gif") ! important ; +} + +titledbutton.iconic { + list-style-image: url("chrome://communicator/skin/bookmarks/document.gif") ! important ; +} + +treeitem > treerow.searchresult > treecell > titledbutton { + cursor: pointer; +} + +treeitem > treerow.searchresult > treecell { + color: black; + text-decoration: none; +} + +treeitem > treerow.searchresult > treecell:hover { + color: blue; + text-decoration: underline; +} + +treeitem > treerow.searchresult > treecell > titledbutton:active { + color: red; + text-decoration: underline; +} + +/*undo regular search tree selection look*/ +treeitem[selected="true"] > treerow.searchresult { + background-color: transparent; +} + + + +.searchpanel-outerbox { + padding: 8px 4px 4px 4px; +} + +.indented-label { + padding-left: 8px; +} + +titledbutton.panelbtn { + margin-left: 1em; + margin-right: 1em; +} + +#searchengines + { + margin-left : 0px; + margin-right : 0px; + } diff --git a/EarlyBlue/communicator/skin/sidebar/customize.css b/EarlyBlue/communicator/skin/sidebar/customize.css index 482ba77f..bfc2e1e6 100755 --- a/EarlyBlue/communicator/skin/sidebar/customize.css +++ b/EarlyBlue/communicator/skin/sidebar/customize.css @@ -1,88 +1,88 @@ -/* -*- Mode: C; c-basic-offset: 2 -*- - * - * The contents of this file are subject to the Netscape Public - * License Version 1.1 (the "License"); you may not use this file - * except in compliance with the License. You may obtain a copy of - * the License at http://www.mozilla.org/NPL/ - * - * Software distributed under the License is distributed on an "AS - * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or - * implied. See the License for the specific language governing - * rights and limitations under the License. - * - * The Original Code is mozilla.org code. - * - * The Initial Developer of the Original Code is Netscape - * Communications Corporation. Portions created by Netscape are - * Copyright (C) 1998 Netscape Communications Corporation. All - * Rights Reserved. - * - * Contributor(s): - */ - -/* - - Style rules specific to the Customize dialog. - -*/ - -/* These rules apply appropriate images to the 'reorder' buttons */ -.up { - list-style-image:url("chrome://global/skin/scroll-up.gif"); - min-width: 0px; -} - -.up[disabled="true"] { - list-style-image:url("chrome://global/skin/scroll-up-disabled.gif"); -} - -.down { - min-width: 0px; - list-style-image:url("chrome://global/skin/scroll-down.gif"); -} - -.down[disabled="true"] { - list-style-image:url("chrome://global/skin/scroll-down-disabled.gif"); -} - -.treecell-panel -{ - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); -} - -.treecell-panel[selected="true"] -{ - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-sel.gif"); -} - -.treecell-panel[haslink="true"], -treeitem[container="true"] > treerow > .treecell-panel -{ - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); -} -treeitem[selected="true"] > treerow > .treecell-panel[haslink="true"], -treeitem[selected="true"][container="true"] > treerow > .treecell-panel -{ - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed-sel.gif"); -} - -treeitem[container="true"][open="true"] > treerow > .treecell-panel -{ - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); -} -treeitem[selected="true"][container="true"][open="true"] > treerow > .treecell-panel -{ - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open-sel.gif"); -} - -#header { - list-style-image: url("chrome://communicator/skin/sidebar/sidebar-icon.gif"); -} - -.tree-cell-twisty { - display: none !important; -} - -box#reorder { - text-align: center; -} +/* -*- Mode: C; c-basic-offset: 2 -*- + * + * The contents of this file are subject to the Netscape Public + * License Version 1.1 (the "License"); you may not use this file + * except in compliance with the License. You may obtain a copy of + * the License at http://www.mozilla.org/NPL/ + * + * Software distributed under the License is distributed on an "AS + * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or + * implied. See the License for the specific language governing + * rights and limitations under the License. + * + * The Original Code is mozilla.org code. + * + * The Initial Developer of the Original Code is Netscape + * Communications Corporation. Portions created by Netscape are + * Copyright (C) 1998 Netscape Communications Corporation. All + * Rights Reserved. + * + * Contributor(s): + */ + +/* + + Style rules specific to the Customize dialog. + +*/ + +/* These rules apply appropriate images to the 'reorder' buttons */ +.up { + list-style-image:url("chrome://global/skin/scroll-up.gif"); + min-width: 0px; +} + +.up[disabled="true"] { + list-style-image:url("chrome://global/skin/scroll-up-disabled.gif"); +} + +.down { + min-width: 0px; + list-style-image:url("chrome://global/skin/scroll-down.gif"); +} + +.down[disabled="true"] { + list-style-image:url("chrome://global/skin/scroll-down-disabled.gif"); +} + +.treecell-panel +{ + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); +} + +.treecell-panel[selected="true"] +{ + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-sel.gif"); +} + +.treecell-panel[haslink="true"], +treeitem[container="true"] > treerow > .treecell-panel +{ + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); +} +treeitem[selected="true"] > treerow > .treecell-panel[haslink="true"], +treeitem[selected="true"][container="true"] > treerow > .treecell-panel +{ + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed-sel.gif"); +} + +treeitem[container="true"][open="true"] > treerow > .treecell-panel +{ + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); +} +treeitem[selected="true"][container="true"][open="true"] > treerow > .treecell-panel +{ + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open-sel.gif"); +} + +#header { + list-style-image: url("chrome://communicator/skin/sidebar/sidebar-icon.gif"); +} + +.tree-cell-twisty { + display: none !important; +} + +box#reorder { + -moz-box-pack: center; +} diff --git a/EarlyBlue/communicator/skin/sidebar/sidebar.css b/EarlyBlue/communicator/skin/sidebar/sidebar.css index 92c6f7b4..dd4c319c 100755 --- a/EarlyBlue/communicator/skin/sidebar/sidebar.css +++ b/EarlyBlue/communicator/skin/sidebar/sidebar.css @@ -80,7 +80,7 @@ background-color: #666699; border: 0px !important; padding-left: 4px; - vertical-align: middle; + -moz-box-align: center; } .sidebarheader-main > .sidebar-header-text { font-weight: bold; @@ -171,6 +171,3 @@ background-color : #FFFFFF; font-weight : bold; } - - - diff --git a/EarlyBlue/communicator/skin/splitter.css b/EarlyBlue/communicator/skin/splitter.css index 8dd3c5d7..2ae88ddf 100755 --- a/EarlyBlue/communicator/skin/splitter.css +++ b/EarlyBlue/communicator/skin/splitter.css @@ -68,26 +68,6 @@ rows > splitter { cursor: n-resize; } -/* for backwards compatibility */ -box[align="vertical"]>splitter > grippy, -window[align="vertical"]>splitter > grippy { - /* a horizontal splitter */ - background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); - width: 120px; - height: 8px; -} - -box[align="vertical"]>splitter[state="collapsed"] > grippy, -window[align="vertical"]>splitter[state="collapsed"] > grippy { - background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); -} - -box[align="vertical"]>splitter, -window[align="vertical"]>splitter { - /* a vertical splitter */ - cursor: n-resize; -} - /** * gray horizontal splitter for pane views */ @@ -135,4 +115,3 @@ splitter.gray-horizontal-splitter > #endcap { width: 8px; } */ - diff --git a/EarlyBlue/editor/skin/EditorDialog.css b/EarlyBlue/editor/skin/EditorDialog.css index 75679904..499e1804 100755 --- a/EarlyBlue/editor/skin/EditorDialog.css +++ b/EarlyBlue/editor/skin/EditorDialog.css @@ -1,255 +1,254 @@ -/* - * The contents of this file are subject to the Netscape Public - * License Version 1.1 (the "License"); you may not use this file - * except in compliance with the License. You may obtain a copy of - * the License at http://www.mozilla.org/NPL/ - * - * Software distributed under the License is distributed on an "AS - * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or - * implied. See the License for the specific language governing - * rights and limitations under the License. - * - * The Original Code is Mozilla Communicator client code, released - * March 31, 1998. - * - * The Initial Developer of the Original Code is Netscape - * Communications Corporation. Portions created by Netscape are - * Copyright (C) 1998-1999 Netscape Communications Corporation. All - * Rights Reserved. - * - * Contributor(s): - * Pete Collins, Ben Goodger - */ - -/* - THIS FILE IS LOCKED DOWN. YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR - CHANGES REVIEWED BY cmanske@netscape.com. -*/ -/* Most should be moved to global files */ - -/* The defaults are WAY to big! */ -titledbox { - margin: 2px 5px; 4px; 5px; - padding-top: 2px; - padding-bottom: 4px; -} - -.MinWidth5em { - min-width: 5em; -} - -.MinWidth10em { - min-width: 10em; -} - -.MinWidth20em { - min-width: 20em; -} - -.big-left-margin { - margin-left: 10px; -} - -.middle { - vertical-align: middle: -} - -.bold { - font-weight: bold; -} - -.italic { - font-style: italic; -} - -.larger { - font-size: 120%; -} - - -.narrow { - width: 3em; -} - -.align-right { - text-align: right; -} - -.wrap { - width: 1em; -} -/* end of "should be in global.css" */ - -.color-well { - width:20px; - height: 1em; - border: 1px inset #CCD0DD; - /* Background color is set at runtime */ -} - -.color-well[default="true"] { - border: 1px solid transparent; - background-color: inherit; -} - -.popup-trigger { - list-style-image: url(chrome://global/skin/scroll-down.gif); -} - -/* temporary -- we need a simple box-based list defined in XBL */ -tree.list { - border: 1px inset #CCD0DD; - /* same as in menulist.css */ - margin: 1px 5px 2px 5px; - width: 10em; - height: 3em; - /* use rows="#" in XUL to define height */ -} - -#ColorPreview { - border: 1px inset #CCD0DD; - margin-left: 10px; - padding-left: 5px; - padding-right: 5px; - min-width: 100px; - min-height: 50px; -} - -#alignTypeSelect,label#alignLabel { - margin-left: 5px; -} - -#MoreFewerButton[more="0"] { - list-style-image: url(chrome://global/skin/scroll-down.gif); - /* bug 9459 - changing button text doesn't resize width. - This covers that problem, but we want this size anyway */ - min-width: 10em; -} - -#MoreFewerButton[more="1"] { - list-style-image: url(chrome://global/skin/scroll-up.gif); - min-width: 10em; -} - -#PreviousButton { - list-style-image: url(chrome://global/skin/arrow-left.gif); -} - -#NextButton { - list-style-image: url(chrome://global/skin/arrow-right.gif); -} - -#PreviousButton[type="row"] { - list-style-image: url(chrome://global/skin/arrow-up.gif); -} - -#NextButton[type="row"] { - list-style-image: url(chrome://global/skin/arrow-down.gif); -} - -#MisspelledWord { - font-weight: bold; -} - -/* For a column of right-aligned text before - a column of input fields, e.g., InsertTable dialog -*/ -.right { - /* doesn't work yet! must use align="right" in */ - text-align: right; -} - -/* use outset shape for a button look */ -.colorpicker { - border: 1px outset #CCD0DD; - /* This should be the same as for textfield */ - margin-left: 4px; - /* For a little extra space between buttons */ - margin-bottom: 2px; -} - - -.colorpicker:active { - border: 1px inset #CCD0DD; -} - -/* THIS SHOULD BE IN GLOBAL.CSS */ -.smallspacer { - width: 3px; - height: 3px; - min-width: 3px; - min-height: 3px; -} - -.spacer { - width: 5px; - height: 5px; - min-width: 5px; - min-height: 5px; -} - -.bigspacer { - width: 10px; - height: 10px; - min-width: 10px; - min-height: 10px; -} - -#img-align-top { - list-style-image:url("chrome://editor/skin/images/img-align-top.gif"); -} -#img-align-middle { - list-style-image:url("chrome://editor/skin/images/img-align-middle.gif"); -} -#img-align-bottom { - list-style-image:url("chrome://editor/skin/images/img-align-bottom.gif"); -} -#img-align-right { - list-style-image:url("chrome://editor/skin/images/img-align-right.gif"); -} -#img-align-left { - list-style-image:url("chrome://editor/skin/images/img-align-left.gif"); -} - -/* Rest are from Ben Goodger for Advanced Edit dialog - These need reviewing and eliminate all but essential attributes */ -/* Have made some mods and eliminated some unnecessary portions. - hope to merge most of the treecell formatting into global as some of - this "property list" style treecell formatting is used by cookie/signon - viewers. */ - - -#tagLabel { - font-weight: bold; -} - -/* styles for an attribute tree-table */ -tree.AttributesTree { - min-width : 200px; - min-height: 200px; -} - -tree.AttributesTree > treechildren > treeitem > treerow > treecell.value { - padding-left : 0px; - padding-top : 0px; - padding-bottom : 0px; - padding-right : 0px; - margin-left : 0px; -} - -input.AttributesCell { - border: none; - width: 100%; - background-color: #FFFFFF; - font-weight: normal; - border: none; - outline: none; - margin: 0px; - width: 100%; -} - -treecell > input { - margin: 0px; - background-color: #E5E5E5 ! important; -} - +/* + * The contents of this file are subject to the Netscape Public + * License Version 1.1 (the "License"); you may not use this file + * except in compliance with the License. You may obtain a copy of + * the License at http://www.mozilla.org/NPL/ + * + * Software distributed under the License is distributed on an "AS + * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or + * implied. See the License for the specific language governing + * rights and limitations under the License. + * + * The Original Code is Mozilla Communicator client code, released + * March 31, 1998. + * + * The Initial Developer of the Original Code is Netscape + * Communications Corporation. Portions created by Netscape are + * Copyright (C) 1998-1999 Netscape Communications Corporation. All + * Rights Reserved. + * + * Contributor(s): + * Pete Collins, Ben Goodger + */ + +/* + THIS FILE IS LOCKED DOWN. YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR + CHANGES REVIEWED BY cmanske@netscape.com. +*/ +/* Most should be moved to global files */ + +/* The defaults are WAY to big! */ +titledbox { + margin: 2px 5px; 4px; 5px; + padding-top: 2px; + padding-bottom: 4px; +} + +.MinWidth5em { + min-width: 5em; +} + +.MinWidth10em { + min-width: 10em; +} + +.MinWidth20em { + min-width: 20em; +} + +.big-left-margin { + margin-left: 10px; +} + +.middle { + -moz-box-align: center: +} + +.bold { + font-weight: bold; +} + +.italic { + font-style: italic; +} + +.larger { + font-size: 120%; +} + + +.narrow { + width: 3em; +} + +.align-right { + -moz-box-pack: end; +} + +.wrap { + width: 1em; +} +/* end of "should be in global.css" */ + +.color-well { + width:20px; + height: 1em; + border: 1px inset #CCD0DD; + /* Background color is set at runtime */ +} + +.color-well[default="true"] { + border: 1px solid transparent; + background-color: inherit; +} + +.popup-trigger { + list-style-image: url(chrome://global/skin/scroll-down.gif); +} + +/* temporary -- we need a simple box-based list defined in XBL */ +tree.list { + border: 1px inset #CCD0DD; + /* same as in menulist.css */ + margin: 1px 5px 2px 5px; + width: 10em; + height: 3em; + /* use rows="#" in XUL to define height */ +} + +#ColorPreview { + border: 1px inset #CCD0DD; + margin-left: 10px; + padding-left: 5px; + padding-right: 5px; + min-width: 100px; + min-height: 50px; +} + +#alignTypeSelect,label#alignLabel { + margin-left: 5px; +} + +#MoreFewerButton[more="0"] { + list-style-image: url(chrome://global/skin/scroll-down.gif); + /* bug 9459 - changing button text doesn't resize width. + This covers that problem, but we want this size anyway */ + min-width: 10em; +} + +#MoreFewerButton[more="1"] { + list-style-image: url(chrome://global/skin/scroll-up.gif); + min-width: 10em; +} + +#PreviousButton { + list-style-image: url(chrome://global/skin/arrow-left.gif); +} + +#NextButton { + list-style-image: url(chrome://global/skin/arrow-right.gif); +} + +#PreviousButton[type="row"] { + list-style-image: url(chrome://global/skin/arrow-up.gif); +} + +#NextButton[type="row"] { + list-style-image: url(chrome://global/skin/arrow-down.gif); +} + +#MisspelledWord { + font-weight: bold; +} + +/* For a column of right-aligned text before + a column of input fields, e.g., InsertTable dialog +*/ +.right { + /* doesn't work yet! must use align="right" in */ + text-align: right; +} + +/* use outset shape for a button look */ +.colorpicker { + border: 1px outset #CCD0DD; + /* This should be the same as for textfield */ + margin-left: 4px; + /* For a little extra space between buttons */ + margin-bottom: 2px; +} + + +.colorpicker:active { + border: 1px inset #CCD0DD; +} + +/* THIS SHOULD BE IN GLOBAL.CSS */ +.smallspacer { + width: 3px; + height: 3px; + min-width: 3px; + min-height: 3px; +} + +.spacer { + width: 5px; + height: 5px; + min-width: 5px; + min-height: 5px; +} + +.bigspacer { + width: 10px; + height: 10px; + min-width: 10px; + min-height: 10px; +} + +#img-align-top { + list-style-image:url("chrome://editor/skin/images/img-align-top.gif"); +} +#img-align-middle { + list-style-image:url("chrome://editor/skin/images/img-align-middle.gif"); +} +#img-align-bottom { + list-style-image:url("chrome://editor/skin/images/img-align-bottom.gif"); +} +#img-align-right { + list-style-image:url("chrome://editor/skin/images/img-align-right.gif"); +} +#img-align-left { + list-style-image:url("chrome://editor/skin/images/img-align-left.gif"); +} + +/* Rest are from Ben Goodger for Advanced Edit dialog + These need reviewing and eliminate all but essential attributes */ +/* Have made some mods and eliminated some unnecessary portions. + hope to merge most of the treecell formatting into global as some of + this "property list" style treecell formatting is used by cookie/signon + viewers. */ + + +#tagLabel { + font-weight: bold; +} + +/* styles for an attribute tree-table */ +tree.AttributesTree { + min-width : 200px; + min-height: 200px; +} + +tree.AttributesTree > treechildren > treeitem > treerow > treecell.value { + padding-left : 0px; + padding-top : 0px; + padding-bottom : 0px; + padding-right : 0px; + margin-left : 0px; +} + +input.AttributesCell { + border: none; + width: 100%; + background-color: #FFFFFF; + font-weight: normal; + border: none; + outline: none; + margin: 0px; + width: 100%; +} + +treecell > input { + margin: 0px; + background-color: #E5E5E5 ! important; +} diff --git a/EarlyBlue/editor/skin/EditorToolbars.css b/EarlyBlue/editor/skin/EditorToolbars.css index 3c5eecfe..2fa2337f 100755 --- a/EarlyBlue/editor/skin/EditorToolbars.css +++ b/EarlyBlue/editor/skin/EditorToolbars.css @@ -1,438 +1,438 @@ -/* - * The contents of this file are subject to the Netscape Public - * License Version 1.1 (the "License"); you may not use this file - * except in compliance with the License. You may obtain a copy of - * the License at http://www.mozilla.org/NPL/ - * - * Software distributed under the License is distributed on an "AS - * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or - * implied. See the License for the specific language governing - * rights and limitations under the License. - * - * The Original Code is Mozilla Communicator client code, released - * March 31, 1998. - * - * The Initial Developer of the Original Code is Netscape - * Communications Corporation. Portions created by Netscape are - * Copyright (C) 1998-1999 Netscape Communications Corporation. All - * Rights Reserved. - * - * Contributor(s): - */ - -/* This contains CSS just for editor toolbars */ - -#EditorToolbox { - min-width: 1px; -} - -#FormatToolbar { - border-bottom: 1px solid #9999CC; -} - -.separator_small { - width: 1em; -} - -.margin-left-right { - margin-left: 3px; - margin-right: 3px; -} - -/* From button.css: */ -/* margin: 4px 7px 1px 1px; */ -/* We have too many buttons - must be closer! */ - -.toolbar, .key-toolbar { - margin-right: 2px; -} - -.inset-border { - border: 1px inset CCCCDD; -} - -/* THIS DOESN'T WORK ON ! */ -.center { - text-align: center; -} - -/* end of SHOULD GO IN GLOBAL */ - -#EditModeToolbar { - padding: 0px; - /* Same as "standard" toolbar background */ - border-top: 1px solid #9999CC; - border-bottom: none; - margin-bottom: 0px; - min-width: 1px; - color: #000000; - background-color: #CCD0DD; - overflow: hidden; -} -/* -#EditModeToolbar > toolbargrippy { - height: 100%; -} -*/ -/* BORDERS ARE NOT WORKING! global class="plain" is fighting us! */ -/* !important in for now as a workaround to above problem! */ -button.edit-mode:hover, button.edit-mode:hover:active, -button.edit-mode { - -moz-border-radius: 0px 0px 7px 7px; - padding: 0px 4px 1px 4px; - margin: 0px; - color: #CCD0DD; - background-color: #666699; - border-top: 1px solid #666699 !important; /* Must be same as background */ - border-bottom: 1px solid #9999CC !important; - border-left: 1px solid #9999CC !important; - border-right: 1px solid #9999CC !important; -} - -button.edit-mode > .button-internal-box, -button.edit-mode:hover > .button-internal-box, -button.edit-mode:hover:active > .button-internal-box { - border: none; -} - -button.edit-mode:hover { - border: 1px solid #3366FF !important; -} - -button.edit-mode:hover:active { - padding: 1px 5px 0px 3px; - border: 1px solid #99CCFF !important; -} - -button.edit-mode[selected="1"] { - padding: 0px 4px 1px 4px; - margin: -1px 0px 0px 0px; -/* Not resizing well! - use color instead - font-weight: bold; -*/ - background-color: #FFFFFF; - color: #000000; -} - -button.edit-mode[selected="1"]:active, -button.edit-mode[selected="1"]:hover:active { - padding: 1px 5px 0px 3px; -} - -#NormalModeButton[type="image"] { - list-style-image:url(chrome://editor/skin/images/editmode-normal.gif); -} - -#TagModeButton[type="image"] { - list-style-image:url(chrome://editor/skin/images/editmode-tags.gif); -} -#SourceModeButton[type="image"] { - list-style-image:url(chrome://editor/skin/images/editmode-html.gif); -} -#PreviewModeButton[type="image"] { - list-style-image:url(chrome://editor/skin/images/editmode-preview.gif); -} -#ToggleEditModeType { - list-style-image:url(chrome://editor/skin/images/editmode-toggle.gif); - border: 1px outset #CCD0DD; -} - -#ToggleEditModeType:hover { - border: 1px solid #99CCFF; -} - -#ToggleEditModeType:hover:active { - border: 1px inset #99CCFF; -} - -/* Image URLs for all Editor toolbar buttons */ - -#boldButton { - list-style-image:url(chrome://editor/skin/images/bold.gif); -} - -#italicButton { - list-style-image:url(chrome://editor/skin/images/italic.gif); -} - -#underlineButton { - list-style-image:url(chrome://editor/skin/images/underline.gif); -} - -#newButton { - list-style-image:url("chrome://editor/skin/images/newfile.gif"); -} -#newButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/newfile_dis.gif"); -} - -#openButton { - list-style-image:url("chrome://editor/skin/images/openfile.gif"); -} -#openButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/openfile_dis.gif"); -} - -#saveButton { - list-style-image:url("chrome://editor/skin/images/savefile.gif"); -} -#saveButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/savefile_dis.gif"); -} -#saveButton[dirty="true"] { - list-style-image:url(chrome://editor/skin/images/savemod.gif); -} - -#publishButton { - list-style-image:url("chrome://editor/skin/images/publish.gif"); -} - -#previewButton { - list-style-image:url("chrome://editor/skin/images/preview.gif"); -} -#previewButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/preview_dis.gif"); -} - -#printButton - { - list-style-image : url("chrome://editor/skin/images/print.gif"); - } -#printButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/print_dis.gif"); -} - -#findButton { - list-style-image:url("chrome://editor/skin/images/find.gif"); -} -#findButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/find_dis.gif"); -} - -#linkButton { - list-style-image:url("chrome://editor/skin/images/link.gif"); -} -#linkButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/link_dis.gif"); -} - -#imageButton { - list-style-image:url("chrome://editor/skin/images/image.gif"); -} -#imageButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/image_dis.gif"); -} - -#namedAnchorButton { - list-style-image:url("chrome://editor/skin/images/anchor.gif"); -} -#namedAnchorButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/anchor_dis.gif"); -} - -#hlineButton { - list-style-image:url("chrome://editor/skin/images/hline.gif"); -} -#hlineButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/hline_dis.gif"); -} - -#tableButton { - list-style-image:url("chrome://editor/skin/images/table.gif"); -} -#tableButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/table_dis.gif"); -} - -#linkButton-dark { - list-style-image:url("chrome://editor/skin/images/link.gif"); -} -#imageButton-dark { - list-style-image:url("chrome://editor/skin/images/image.gif"); -} -#namedAnchorButton-dark { - list-style-image:url("chrome://editor/skin/images/anchor.gif"); -} -#hlineButton-dark { - list-style-image:url("chrome://editor/skin/images/hline.gif"); -} -#tableButton-dark { - list-style-image:url("chrome://editor/skin/images/table.gif"); -} -#spellingButton { - list-style-image:url("chrome://editor/skin/images/spell.gif"); -} - -#DecreaseFontSizeButton { - list-style-image:url("chrome://editor/skin/images/dec-font-size.gif"); -} - -#IncreaseFontSizeButton { - list-style-image:url("chrome://editor/skin/images/inc-font-size.gif"); -} - -#ulButton { - list-style-image:url("chrome://editor/skin/images/bullets.gif"); -} -#olButton { - list-style-image:url("chrome://editor/skin/images/numbers.gif"); -} -#outdentButton { - list-style-image:url("chrome://editor/skin/images/outdent.gif"); -} -#outdentButton[disabled="true"] { - list-style-image:url("chrome://editor/skin/images/outdent_dis.gif"); -} - -#indentButton { - list-style-image:url("chrome://editor/skin/images/indent.gif"); -} - -#FormatToolbar > button, -#FormatToolbar > button:hover, -#FormatToolbar > button:active, -#FormatToolbar > button[disabled="true"] { - margin: 0px 3px 0px 0px; - border: none; - min-width: 23px; - min-height: 23px; -} -#FormatToolbar > button > .button-internal-box { - margin: 0px; - padding: 1px; - border: 1px solid transparent; - text-align: center; -} -#FormatToolbar > button:hover > .button-internal-box { - border: 1px outset #CCD0DD; -} -#FormatToolbar > button:active > .button-internal-box { - padding: 2px 0px 0px 2px; - border: 1px inset #CCD0DD; -} -#FormatToolbar > button[disabled="true"] > .button-internal-box { - border: 1px solid transparent; -} - -#FormatToolbar > button > .button-internal-box > .button-text-container - { - display : none; - } - -#ParagraphSelect { - margin-top: 2px; -} - -#AlignPopupButton { - list-style-image:url("chrome://editor/skin/images/align.gif"); -} - -#AlignPopupButton > .button-internal-box { - border:1px solid transparent; -} -#AlignPopupButton:hover > .button-internal-box { - border:1px outset #CCD0DD; -} -#AlignPopupButton:active > .button-internal-box, -#AlignPopupButton[open="true"] > .button-internal-box { - border:1px inset #CCD0DD; -} - -#InsertPopupButton { - list-style-image:url("chrome://editor/skin/images/object-popup.gif"); -} - -#text-align-left, -#align-left-button - { - list-style-image : url("chrome://editor/skin/images/left.gif"); - } - -#text-align-left[disabled="true"], -#text-align-left[disabled="true"]:hover, -#text-align-left[disabled="true"]:hover:active, -#align-left-button[disabled="true"], -#align-left-button[disabled="true"]:hover, -#align-left-button[disabled="true"]:hover:active, - { - list-style-image : url("chrome://editor/skin/images/left-disabled.gif"); - } - -#text-align-center, -#align-center-button - { - list-style-image : url("chrome://editor/skin/images/center.gif"); - } - -#text-align-center[disabled="true"], -#text-align-center[disabled="true"]:hover, -#text-align-center[disabled="true"]:hover:active, -#align-center-button[disabled="true"], -#align-center-button[disabled="true"]:hover, -#align-center-button[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/center-disabled.gif"); - } - -#text-align-right, -#align-right-button - { - list-style-image : url("chrome://editor/skin/images/right.gif"); - } - -#text-align-right[disabled="true"], -#text-align-right[disabled="true"]:hover, -#text-align-right[disabled="true"]:hover:active -#align-right-button[disabled="true"], -#align-right-button[disabled="true"]:hover, -#align-right-button[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/right-disabled.gif"); - } - -#text-align-justify, #align-justify-button - { - list-style-image : url("chrome://editor/skin/images/justify.gif"); - } - -#text-align-justify[disabled="true"], -#text-align-justify[disabled="true"]:hover, -#text-align-justify[disabled="true"]:hover:active -#align-justify-button[disabled="true"], -#align-justify-button[disabled="true"]:hover, -#align-justify-button[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/justify-disabled.gif"); - } - -.ColorPickerLabel { - border: 1px inset white; - margin: 0px; - padding: 2px; - text-align: center; -} - -/* TODO: How to make inset color skinable? */ -.color-button { - border: 1px inset #CCD0DD; - padding: 0px; - width: 19px; - height: 19px; - margin: 1px; -} - -.color-button:hover { - border: 1px solid #666699; -} - -#TextColorPopupButton { - margin: 2px 9px 9px 2px; - /* TEMP: Set color here. TODO: Set color from page */ - background-color: #AA0000; -} - -#BackColorPopupButton { - margin: 9px 2px 2px 9px; - /* TEMP: Set color here. TODO: Set color from page */ - background-color: #FFFF00; -} +/* + * The contents of this file are subject to the Netscape Public + * License Version 1.1 (the "License"); you may not use this file + * except in compliance with the License. You may obtain a copy of + * the License at http://www.mozilla.org/NPL/ + * + * Software distributed under the License is distributed on an "AS + * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or + * implied. See the License for the specific language governing + * rights and limitations under the License. + * + * The Original Code is Mozilla Communicator client code, released + * March 31, 1998. + * + * The Initial Developer of the Original Code is Netscape + * Communications Corporation. Portions created by Netscape are + * Copyright (C) 1998-1999 Netscape Communications Corporation. All + * Rights Reserved. + * + * Contributor(s): + */ + +/* This contains CSS just for editor toolbars */ + +#EditorToolbox { + min-width: 1px; +} + +#FormatToolbar { + border-bottom: 1px solid #9999CC; +} + +.separator_small { + width: 1em; +} + +.margin-left-right { + margin-left: 3px; + margin-right: 3px; +} + +/* From button.css: */ +/* margin: 4px 7px 1px 1px; */ +/* We have too many buttons - must be closer! */ + +.toolbar, .key-toolbar { + margin-right: 2px; +} + +.inset-border { + border: 1px inset CCCCDD; +} + +/* THIS DOESN'T WORK ON ! */ +.center { + text-align: center; +} + +/* end of SHOULD GO IN GLOBAL */ + +#EditModeToolbar { + padding: 0px; + /* Same as "standard" toolbar background */ + border-top: 1px solid #9999CC; + border-bottom: none; + margin-bottom: 0px; + min-width: 1px; + color: #000000; + background-color: #CCD0DD; + overflow: hidden; +} +/* +#EditModeToolbar > toolbargrippy { + height: 100%; +} +*/ +/* BORDERS ARE NOT WORKING! global class="plain" is fighting us! */ +/* !important in for now as a workaround to above problem! */ +button.edit-mode:hover, button.edit-mode:hover:active, +button.edit-mode { + -moz-border-radius: 0px 0px 7px 7px; + padding: 0px 4px 1px 4px; + margin: 0px; + color: #CCD0DD; + background-color: #666699; + border-top: 1px solid #666699 !important; /* Must be same as background */ + border-bottom: 1px solid #9999CC !important; + border-left: 1px solid #9999CC !important; + border-right: 1px solid #9999CC !important; +} + +button.edit-mode > .button-internal-box, +button.edit-mode:hover > .button-internal-box, +button.edit-mode:hover:active > .button-internal-box { + border: none; +} + +button.edit-mode:hover { + border: 1px solid #3366FF !important; +} + +button.edit-mode:hover:active { + padding: 1px 5px 0px 3px; + border: 1px solid #99CCFF !important; +} + +button.edit-mode[selected="1"] { + padding: 0px 4px 1px 4px; + margin: -1px 0px 0px 0px; +/* Not resizing well! - use color instead + font-weight: bold; +*/ + background-color: #FFFFFF; + color: #000000; +} + +button.edit-mode[selected="1"]:active, +button.edit-mode[selected="1"]:hover:active { + padding: 1px 5px 0px 3px; +} + +#NormalModeButton[type="image"] { + list-style-image:url(chrome://editor/skin/images/editmode-normal.gif); +} + +#TagModeButton[type="image"] { + list-style-image:url(chrome://editor/skin/images/editmode-tags.gif); +} +#SourceModeButton[type="image"] { + list-style-image:url(chrome://editor/skin/images/editmode-html.gif); +} +#PreviewModeButton[type="image"] { + list-style-image:url(chrome://editor/skin/images/editmode-preview.gif); +} +#ToggleEditModeType { + list-style-image:url(chrome://editor/skin/images/editmode-toggle.gif); + border: 1px outset #CCD0DD; +} + +#ToggleEditModeType:hover { + border: 1px solid #99CCFF; +} + +#ToggleEditModeType:hover:active { + border: 1px inset #99CCFF; +} + +/* Image URLs for all Editor toolbar buttons */ + +#boldButton { + list-style-image:url(chrome://editor/skin/images/bold.gif); +} + +#italicButton { + list-style-image:url(chrome://editor/skin/images/italic.gif); +} + +#underlineButton { + list-style-image:url(chrome://editor/skin/images/underline.gif); +} + +#newButton { + list-style-image:url("chrome://editor/skin/images/newfile.gif"); +} +#newButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/newfile_dis.gif"); +} + +#openButton { + list-style-image:url("chrome://editor/skin/images/openfile.gif"); +} +#openButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/openfile_dis.gif"); +} + +#saveButton { + list-style-image:url("chrome://editor/skin/images/savefile.gif"); +} +#saveButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/savefile_dis.gif"); +} +#saveButton[dirty="true"] { + list-style-image:url(chrome://editor/skin/images/savemod.gif); +} + +#publishButton { + list-style-image:url("chrome://editor/skin/images/publish.gif"); +} + +#previewButton { + list-style-image:url("chrome://editor/skin/images/preview.gif"); +} +#previewButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/preview_dis.gif"); +} + +#printButton + { + list-style-image : url("chrome://editor/skin/images/print.gif"); + } +#printButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/print_dis.gif"); +} + +#findButton { + list-style-image:url("chrome://editor/skin/images/find.gif"); +} +#findButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/find_dis.gif"); +} + +#linkButton { + list-style-image:url("chrome://editor/skin/images/link.gif"); +} +#linkButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/link_dis.gif"); +} + +#imageButton { + list-style-image:url("chrome://editor/skin/images/image.gif"); +} +#imageButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/image_dis.gif"); +} + +#namedAnchorButton { + list-style-image:url("chrome://editor/skin/images/anchor.gif"); +} +#namedAnchorButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/anchor_dis.gif"); +} + +#hlineButton { + list-style-image:url("chrome://editor/skin/images/hline.gif"); +} +#hlineButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/hline_dis.gif"); +} + +#tableButton { + list-style-image:url("chrome://editor/skin/images/table.gif"); +} +#tableButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/table_dis.gif"); +} + +#linkButton-dark { + list-style-image:url("chrome://editor/skin/images/link.gif"); +} +#imageButton-dark { + list-style-image:url("chrome://editor/skin/images/image.gif"); +} +#namedAnchorButton-dark { + list-style-image:url("chrome://editor/skin/images/anchor.gif"); +} +#hlineButton-dark { + list-style-image:url("chrome://editor/skin/images/hline.gif"); +} +#tableButton-dark { + list-style-image:url("chrome://editor/skin/images/table.gif"); +} +#spellingButton { + list-style-image:url("chrome://editor/skin/images/spell.gif"); +} + +#DecreaseFontSizeButton { + list-style-image:url("chrome://editor/skin/images/dec-font-size.gif"); +} + +#IncreaseFontSizeButton { + list-style-image:url("chrome://editor/skin/images/inc-font-size.gif"); +} + +#ulButton { + list-style-image:url("chrome://editor/skin/images/bullets.gif"); +} +#olButton { + list-style-image:url("chrome://editor/skin/images/numbers.gif"); +} +#outdentButton { + list-style-image:url("chrome://editor/skin/images/outdent.gif"); +} +#outdentButton[disabled="true"] { + list-style-image:url("chrome://editor/skin/images/outdent_dis.gif"); +} + +#indentButton { + list-style-image:url("chrome://editor/skin/images/indent.gif"); +} + +#FormatToolbar > button, +#FormatToolbar > button:hover, +#FormatToolbar > button:active, +#FormatToolbar > button[disabled="true"] { + margin: 0px 3px 0px 0px; + border: none; + min-width: 23px; + min-height: 23px; +} +#FormatToolbar > button > .button-internal-box { + margin: 0px; + padding: 1px; + border: 1px solid transparent; + -moz-box-pack: center; +} +#FormatToolbar > button:hover > .button-internal-box { + border: 1px outset #CCD0DD; +} +#FormatToolbar > button:active > .button-internal-box { + padding: 2px 0px 0px 2px; + border: 1px inset #CCD0DD; +} +#FormatToolbar > button[disabled="true"] > .button-internal-box { + border: 1px solid transparent; +} + +#FormatToolbar > button > .button-internal-box > .button-text-container + { + display : none; + } + +#ParagraphSelect { + margin-top: 2px; +} + +#AlignPopupButton { + list-style-image:url("chrome://editor/skin/images/align.gif"); +} + +#AlignPopupButton > .button-internal-box { + border:1px solid transparent; +} +#AlignPopupButton:hover > .button-internal-box { + border:1px outset #CCD0DD; +} +#AlignPopupButton:active > .button-internal-box, +#AlignPopupButton[open="true"] > .button-internal-box { + border:1px inset #CCD0DD; +} + +#InsertPopupButton { + list-style-image:url("chrome://editor/skin/images/object-popup.gif"); +} + +#text-align-left, +#align-left-button + { + list-style-image : url("chrome://editor/skin/images/left.gif"); + } + +#text-align-left[disabled="true"], +#text-align-left[disabled="true"]:hover, +#text-align-left[disabled="true"]:hover:active, +#align-left-button[disabled="true"], +#align-left-button[disabled="true"]:hover, +#align-left-button[disabled="true"]:hover:active, + { + list-style-image : url("chrome://editor/skin/images/left-disabled.gif"); + } + +#text-align-center, +#align-center-button + { + list-style-image : url("chrome://editor/skin/images/center.gif"); + } + +#text-align-center[disabled="true"], +#text-align-center[disabled="true"]:hover, +#text-align-center[disabled="true"]:hover:active, +#align-center-button[disabled="true"], +#align-center-button[disabled="true"]:hover, +#align-center-button[disabled="true"]:hover:active + { + list-style-image : url("chrome://editor/skin/images/center-disabled.gif"); + } + +#text-align-right, +#align-right-button + { + list-style-image : url("chrome://editor/skin/images/right.gif"); + } + +#text-align-right[disabled="true"], +#text-align-right[disabled="true"]:hover, +#text-align-right[disabled="true"]:hover:active +#align-right-button[disabled="true"], +#align-right-button[disabled="true"]:hover, +#align-right-button[disabled="true"]:hover:active + { + list-style-image : url("chrome://editor/skin/images/right-disabled.gif"); + } + +#text-align-justify, #align-justify-button + { + list-style-image : url("chrome://editor/skin/images/justify.gif"); + } + +#text-align-justify[disabled="true"], +#text-align-justify[disabled="true"]:hover, +#text-align-justify[disabled="true"]:hover:active +#align-justify-button[disabled="true"], +#align-justify-button[disabled="true"]:hover, +#align-justify-button[disabled="true"]:hover:active + { + list-style-image : url("chrome://editor/skin/images/justify-disabled.gif"); + } + +.ColorPickerLabel { + border: 1px inset white; + margin: 0px; + padding: 2px; + -moz-box-pack: center; +} + +/* TODO: How to make inset color skinable? */ +.color-button { + border: 1px inset #CCD0DD; + padding: 0px; + width: 19px; + height: 19px; + margin: 1px; +} + +.color-button:hover { + border: 1px solid #666699; +} + +#TextColorPopupButton { + margin: 2px 9px 9px 2px; + /* TEMP: Set color here. TODO: Set color from page */ + background-color: #AA0000; +} + +#BackColorPopupButton { + margin: 9px 2px 2px 9px; + /* TEMP: Set color here. TODO: Set color from page */ + background-color: #FFFF00; +} diff --git a/EarlyBlue/global/skin/button.css b/EarlyBlue/global/skin/button.css index 6ff34999..037c9345 100755 --- a/EarlyBlue/global/skin/button.css +++ b/EarlyBlue/global/skin/button.css @@ -23,8 +23,8 @@ /* internal frame */ button > .button-internal-box { - vertical-align : middle; - text-align : center; + -moz-box-align : center; + -moz-box-pack : center; border : 1px outset #CCD0DD; padding : 1px; } @@ -46,8 +46,8 @@ /* text wrapping frame (hack because does not support alignment) */ .button-text-container { - text-align : center; - vertical-align : middle; + -moz-box-align : center; + -moz-box-pack : center; } /* text frame */ @@ -154,3 +154,4 @@ + diff --git a/EarlyBlue/global/skin/classicBindings.xml b/EarlyBlue/global/skin/classicBindings.xml index 68cf3a15..1cd8a100 100755 --- a/EarlyBlue/global/skin/classicBindings.xml +++ b/EarlyBlue/global/skin/classicBindings.xml @@ -15,18 +15,18 @@ - + - + - + - + @@ -34,7 +34,7 @@ - + @@ -50,7 +50,7 @@ - + @@ -74,11 +74,11 @@ - + - + @@ -113,6 +113,3 @@ - - - diff --git a/EarlyBlue/global/skin/dialogOverlay.css b/EarlyBlue/global/skin/dialogOverlay.css index 04ff937c..bb527712 100755 --- a/EarlyBlue/global/skin/dialogOverlay.css +++ b/EarlyBlue/global/skin/dialogOverlay.css @@ -1,116 +1,114 @@ -/** - * Small Dialog Header (without icon) - **/ -.box-smallheader - { - -moz-binding : url(chrome://global/content/dialogBindings.xml#smallheader); - border : 1px inset #CCD0DD; - margin : 0px 5px 6px 5px; - } - -.toolbar-primary - { - padding : 0px 0px 3px 0px; - min-height : 0px; - } - -.box-smallheader-left - { - font-size : larger; - font-weight : bold; - padding-left : 6px; - } - -.box-smallheader-right - { - padding-right : 6px; - } - -.box-smallheader > .toolbar-primary - { - border : 1px solid threeddarkshadow; - vertical-align : middle; - padding-top : 3px; - } - -/** - * Large Dialog Header (with icon) - **/ -.box-header - { - -moz-binding : url(chrome://global/content/dialogBindings.xml#largeheader); - } - -.box-header-header - { - padding : 0px 0px 4px 5px; - min-height : 34px; - } - -.box-header-text-box - { - vertical-align : middle; - } - -.box-header-text - { - color : white; - font-size : large; - font-weight : bold; - text-decoration : underline; - } - -.box-header-icon-box - { - vertical-align : middle; - } - -.box-header-circle - { - background-color : transparent; - min-width : 28px; - margin : 1px 7px 1px 1px; - height : 28px; - width : 28px; - } - -/** - * Dialog status line (blue) including progress area - **/ -.box-status - { - -moz-binding : url(chrome://global/content/dialogBindings.xml#status); - } - -.box-status-bg - { - padding : 1px 5px 1px 5px; - min-height : 0px ! important; - } - -.box-status-text, .box-status-progress - { - color : #99cccc ! important; - } - - -/** - * Utility classes for use when combined headers/footers are used - **/ -/* display area framed container */ -#contentarea - { - border-top : 2px groove threedface; - border-bottom : 2px groove threedface; - padding : 7px; - } - -/* top border on status area */ -#wizardButtons - { - border-bottom : 1px solid threedshadow; - padding-top : 1px; - padding-bottom : 1px; - } - - +/** + * Small Dialog Header (without icon) + **/ +.box-smallheader + { + -moz-binding : url(chrome://global/content/dialogBindings.xml#smallheader); + border : 1px inset #CCD0DD; + margin : 0px 5px 6px 5px; + } + +.toolbar-primary + { + padding : 0px 0px 3px 0px; + min-height : 0px; + } + +.box-smallheader-left + { + font-size : larger; + font-weight : bold; + padding-left : 6px; + } + +.box-smallheader-right + { + padding-right : 6px; + } + +.box-smallheader > .toolbar-primary + { + border : 1px solid threeddarkshadow; + -moz-box-align : center; + padding-top : 3px; + } + +/** + * Large Dialog Header (with icon) + **/ +.box-header + { + -moz-binding : url(chrome://global/content/dialogBindings.xml#largeheader); + } + +.box-header-header + { + padding : 0px 0px 4px 5px; + min-height : 34px; + } + +.box-header-text-box + { + -moz-box-align : center; + } + +.box-header-text + { + color : white; + font-size : large; + font-weight : bold; + text-decoration : underline; + } + +.box-header-icon-box + { + -moz-box-align : center; + } + +.box-header-circle + { + background-color : transparent; + min-width : 28px; + margin : 1px 7px 1px 1px; + height : 28px; + width : 28px; + } + +/** + * Dialog status line (blue) including progress area + **/ +.box-status + { + -moz-binding : url(chrome://global/content/dialogBindings.xml#status); + } + +.box-status-bg + { + padding : 1px 5px 1px 5px; + min-height : 0px ! important; + } + +.box-status-text, .box-status-progress + { + color : #99cccc ! important; + } + + +/** + * Utility classes for use when combined headers/footers are used + **/ +/* display area framed container */ +#contentarea + { + border-top : 2px groove threedface; + border-bottom : 2px groove threedface; + padding : 7px; + } + +/* top border on status area */ +#wizardButtons + { + border-bottom : 1px solid threedshadow; + padding-top : 1px; + padding-bottom : 1px; + } diff --git a/EarlyBlue/global/skin/global.css b/EarlyBlue/global/skin/global.css index 4cc30559..ab5e54c8 100755 --- a/EarlyBlue/global/skin/global.css +++ b/EarlyBlue/global/skin/global.css @@ -144,12 +144,13 @@ color : #CCD0DD; user-focus : ignore; overflow : hidden + -moz-box-align : center; } statusbarpanel, .statusbar-panel { padding : 0px 1px 0px 1px; - vertical-align : middle; + -moz-box-align : center; } .statusbarpanel-icononly @@ -180,11 +181,3 @@ { margin : 0px; } - - - - - - - - diff --git a/EarlyBlue/global/skin/menu.css b/EarlyBlue/global/skin/menu.css index 8ac95cb5..c6dff932 100755 --- a/EarlyBlue/global/skin/menu.css +++ b/EarlyBlue/global/skin/menu.css @@ -1,7 +1,7 @@ menu, menuitem { color : #000000; - vertical-align : middle; + -moz-box-align : center; } menuitem[default="true"] @@ -64,7 +64,7 @@ popup > menuitem[menuactive="true"] { margin : 0px 0px 0px 6px; width : 8px; - text-align : center; + -moz-box-pack : center; list-style-image : url("chrome://global/skin/menu-arrow.gif"); } @@ -73,7 +73,7 @@ popup > menuitem[menuactive="true"] color : inherit; margin : 0px 4px 0px 3px; width : 16px; - text-align : center; + -moz-box-pack : center; list-style-image : inherit; } @@ -202,6 +202,3 @@ menuitem[checked="true"][type="radio"][menuactive="true"] width : 0px; border : none; } - - - diff --git a/EarlyBlue/global/skin/menubutton.css b/EarlyBlue/global/skin/menubutton.css index ccbca606..f2b59533 100755 --- a/EarlyBlue/global/skin/menubutton.css +++ b/EarlyBlue/global/skin/menubutton.css @@ -14,7 +14,7 @@ { border : none; padding : 0px; - vertical-align : middle; + -moz-box-align : center; } .menubutton-single-icon @@ -124,7 +124,4 @@ { border : 1px inset #CCD0DD; padding : 2px 0px 0px 2px; - } - - - + } diff --git a/EarlyBlue/global/skin/menubuttonBindings.xml b/EarlyBlue/global/skin/menubuttonBindings.xml index 941e0ad7..a122cc93 100755 --- a/EarlyBlue/global/skin/menubuttonBindings.xml +++ b/EarlyBlue/global/skin/menubuttonBindings.xml @@ -12,7 +12,7 @@ onmouseup="this.parentNode.removeAttribute('buttondown');" onmouseover="this.parentNode.setAttribute('buttonover','true');" onmouseout="this.parentNode.removeAttribute('buttonover');"/> - + @@ -28,7 +28,7 @@ - + @@ -37,4 +37,3 @@ - diff --git a/EarlyBlue/global/skin/menulistBindings.xml b/EarlyBlue/global/skin/menulistBindings.xml index 52ba8465..cdc95924 100755 --- a/EarlyBlue/global/skin/menulistBindings.xml +++ b/EarlyBlue/global/skin/menulistBindings.xml @@ -8,12 +8,12 @@ - + - - + + diff --git a/EarlyBlue/global/skin/outliner.css b/EarlyBlue/global/skin/outliner.css index 9b803373..5f43f2ac 100644 --- a/EarlyBlue/global/skin/outliner.css +++ b/EarlyBlue/global/skin/outliner.css @@ -54,7 +54,7 @@ outlinerbody:-moz-outliner-cell { padding: 0px 0px 1px 2px; white-space: nowrap; - vertical-align: middle; + -moz-box-align: center; } outlinerbody:-moz-outliner-cell(selected) @@ -157,6 +157,3 @@ outlinerbody:-moz-outliner-twisty(open) { width: 12px; /* The image's width is 12 pixels */ list-style-image: url("chrome://global/skin/twisty-open.gif"); } - - - diff --git a/EarlyBlue/global/skin/popup.css b/EarlyBlue/global/skin/popup.css index d0711fbb..c3bd8cfb 100644 --- a/EarlyBlue/global/skin/popup.css +++ b/EarlyBlue/global/skin/popup.css @@ -14,10 +14,10 @@ menupopup, popup padding : 1px; } -/** Tooltips (tooltip element) +/** Tooltips (tooltip is deprecated, use element) * class="tooltip" **/ -.tooltip +.tooltip, tooltip { background-color : #FFFFCC; border : 1px outset #FFFFCC; @@ -26,7 +26,8 @@ menupopup, popup padding : 3px; } -.tooltip > .popup-internal-box +.tooltip > .popup-internal-box, +tooltip > .popup-internal-box { padding : 0px; margin : 0px; @@ -41,4 +42,3 @@ menupopup, popup min-width : 0px; background-color : white; } - diff --git a/EarlyBlue/global/skin/scrollbarBindings.xml b/EarlyBlue/global/skin/scrollbarBindings.xml index 0cbdd1a2..8c024acc 100644 --- a/EarlyBlue/global/skin/scrollbarBindings.xml +++ b/EarlyBlue/global/skin/scrollbarBindings.xml @@ -9,29 +9,29 @@ xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> - - + + - + - + - + - + - + @@ -41,7 +41,3 @@ - - - - diff --git a/EarlyBlue/global/skin/scrollbars.css b/EarlyBlue/global/skin/scrollbars.css index e9021543..e304a8c2 100755 --- a/EarlyBlue/global/skin/scrollbars.css +++ b/EarlyBlue/global/skin/scrollbars.css @@ -13,20 +13,20 @@ thumb { background-color: #CCCCCC; border: 1px outset #CCCCCC; list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif"); - text-align: center; - vertical-align: middle; + -moz-box-pack: center; + -moz-box-align: center; } thumb[disabled="true"] { list-style-image: url("chrome://global/skin/scroll-thumb-horiz-disabled.gif"); } -scrollbar[align="vertical"] > slider > thumb { +scrollbar[orient="vertical"] > slider > thumb { -moz-binding: url(chrome://global/skin/scrollbarBindings.xml#thumbv); list-style-image: url("chrome://global/skin/scroll-thumb-vert.gif") } -scrollbar[align="vertical"] > slider > thumb[disabled="true"] { +scrollbar[orient="vertical"] > slider > thumb[disabled="true"] { list-style-image: url("chrome://global/skin/scroll-thumb-vert-disabled.gif") } @@ -39,7 +39,7 @@ thumb:active { scrollbarbutton { -moz-binding: url(chrome://global/skin/scrollbarBindings.xml#scrollbarbutton); - vertical-align: middle; + -moz-box-align: center; cursor: default; border: 1px outset white; @@ -76,26 +76,22 @@ scrollbarbutton[type="increment"][disabled="true"] { } -scrollbar[align="vertical"] > scrollbarbutton[type="decrement"] { +scrollbarbutton[type="decrement"][sborient="vertical"] { list-style-image: url("chrome://global/skin/scroll-up.gif") } -scrollbar[align="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] { +scrollbarbutton[type="decrement"][disabled="true"][sborient="vertical"] { list-style-image: url("chrome://global/skin/scroll-up-disabled.gif") } -scrollbar[align="vertical"] > scrollbarbutton[type="increment"] { +scrollbarbutton[type="increment"][sborient="vertical"] { list-style-image: url("chrome://global/skin/scroll-down.gif") } -scrollbar[align="vertical"] > scrollbarbutton[type="increment"][disabled="true"] { +scrollbarbutton[type="increment"][disabled="true"][sborient="vertical"] { list-style-image: url("chrome://global/skin/scroll-down-disabled.gif") } slider { background-color: #999999; } - - - - diff --git a/EarlyBlue/global/skin/scrollbox.css b/EarlyBlue/global/skin/scrollbox.css index e704af7e..223710aa 100644 --- a/EarlyBlue/global/skin/scrollbox.css +++ b/EarlyBlue/global/skin/scrollbox.css @@ -14,8 +14,8 @@ autorepeatbutton { border : 1px solid transparent; padding : 1px; height : 1em; - text-align : center; - vertical-align : middle; + -moz-box-pack : center; + -moz-box-align : center; } autorepeatbutton:hover { @@ -24,4 +24,3 @@ autorepeatbutton:hover { border : 1px inset #CCD0DD; padding : 2px 1px 1px 2px; } - diff --git a/EarlyBlue/global/skin/splitter.css b/EarlyBlue/global/skin/splitter.css index c3e43db8..fed6516f 100755 --- a/EarlyBlue/global/skin/splitter.css +++ b/EarlyBlue/global/skin/splitter.css @@ -4,8 +4,8 @@ splitter { cursor : e-resize; background-color : #CCD0DD; - vertical-align : middle; - text-align : center; + -moz-box-align : center; + -moz-box-pack : center; padding : 0px; } @@ -47,14 +47,10 @@ grippy:hover:active } /* horizontal splitters */ - /* XXX we should comment out the 'align' support to force people to migrate - to 'orient' */ rows > splitter, window[orient="vertical"] > splitter, vbox > splitter, - box[orient="vertical"] > splitter, - window[align="vertical"] > splitter, - box[align="vertical"] > splitter + box[orient="vertical"] > splitter { cursor : n-resize; border-top : 1px solid #9999CC; @@ -64,9 +60,7 @@ grippy:hover:active rows > splitter > grippy, window[orient="vertical"] > splitter > grippy, vbox > splitter > grippy, - box[orient="vertical"] > splitter > grippy, - window[align="vertical"] > splitter > grippy, - box[align="vertical"] > splitter > grippy + box[orient="vertical"] > splitter > grippy { list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); } @@ -74,10 +68,7 @@ grippy:hover:active rows > splitter[state="collapsed"] > grippy, window[orient="vertical"] > splitter[state="collapsed"] > grippy, vbox > splitter[state="collapsed"] > grippy, - box[orient="vertical"] > splitter[state="collapsed"] > grippy, - window[align="vertical"] > splitter[state="collapsed"] > grippy, - box[align="vertical"] > splitter[state="collapsed"] > grippy + box[orient="vertical"] > splitter[state="collapsed"] > grippy { list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif"); } - diff --git a/EarlyBlue/global/skin/titledbox.css b/EarlyBlue/global/skin/titledbox.css index 98945cc0..ed2ae846 100644 --- a/EarlyBlue/global/skin/titledbox.css +++ b/EarlyBlue/global/skin/titledbox.css @@ -1,18 +1,18 @@ -titledbox +groupbox { border : 2px groove #CCD0DD; padding : 7px !important; margin : 5px; } -label + +groupbox > label { margin : 0px 40px 2px 6px; padding : 0px 3px 0px 3px; background-color : ThreeDFace; } -.titledbox-body +.groupbox-body { padding : inherit; } - diff --git a/EarlyBlue/global/skin/tree.css b/EarlyBlue/global/skin/tree.css index 6f25760b..55144eb0 100755 --- a/EarlyBlue/global/skin/tree.css +++ b/EarlyBlue/global/skin/tree.css @@ -29,7 +29,7 @@ treeitem[dd-dropon="true"] > treerow treecell { white-space: nowrap; - vertical-align: middle; + -moz-box-align: center; padding: 1px 0px 1px 2px; } @@ -44,7 +44,7 @@ treecell { background-color: #CCD0DD; color: black; border: 1px outset #CCD0DD; - vertical-align: middle; + -moz-box-align: center; padding: 0px; } @@ -160,8 +160,3 @@ treecol[sortActive="true"] { margin-left : 2px; } - - - - - diff --git a/EarlyBlue/global/skin/treeBindings.xml b/EarlyBlue/global/skin/treeBindings.xml index 1203d581..525d9a76 100755 --- a/EarlyBlue/global/skin/treeBindings.xml +++ b/EarlyBlue/global/skin/treeBindings.xml @@ -1,18 +1,18 @@ - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + diff --git a/EarlyBlue/messenger/skin/mailheader.css b/EarlyBlue/messenger/skin/mailheader.css index cea24631..043dbfc5 100755 --- a/EarlyBlue/messenger/skin/mailheader.css +++ b/EarlyBlue/messenger/skin/mailheader.css @@ -12,7 +12,7 @@ box[name=header-part3] { background-color: #DEDEDE; border: 0px solid #DEDE box[name=header-seamonkey] { background-color: #DEDEDE; border: 0px solid #DEDEDE; border-left-width: 4px; } headerdisplayname { font-weight: bold; white-space: pre; } -header { text-align: left; } +header { -moz-box-pack: start; } menubar[name=attachment-menubar] { background-color: #EFEFEF; border: 0px solid #EFEFEF; } menu[name=attachment-menu] { background-color: #EFEFEF; border: 0px solid #EFEFEF; } @@ -76,4 +76,3 @@ body { .moz-txt-sig > a, .moz-signature > a { color: 7777FF /* light blue */; } - diff --git a/EarlyBlue/messenger/skin/messenger.css b/EarlyBlue/messenger/skin/messenger.css index 4a7d1f0f..48ad01dd 100755 --- a/EarlyBlue/messenger/skin/messenger.css +++ b/EarlyBlue/messenger/skin/messenger.css @@ -121,14 +121,14 @@ iframe { #button-file > .button-internal-box { - vertical-align: middle; - text-align: center; + -mox-box-align : center; + -moz-box-pack : center; } #button-file > .button-internal-box > .menubutton-single-text { padding-top : 3px; - text-align : center; + -moz-box-pack : center; } #button-next { @@ -241,7 +241,7 @@ menu.push { border: 1px outset white; padding: 2px; margin: 2px; - text-align: center; + -moz-box-pack: center; background-color:inherit; background-image: inherit; } @@ -435,4 +435,3 @@ searchterm { border-left : none; } - diff --git a/EarlyBlue/messenger/skin/messengercompose/messengercompose.css b/EarlyBlue/messenger/skin/messengercompose/messengercompose.css index 10066350..76b414d2 100755 --- a/EarlyBlue/messenger/skin/messengercompose/messengercompose.css +++ b/EarlyBlue/messenger/skin/messengercompose/messengercompose.css @@ -31,7 +31,7 @@ .treecell-addressingWidget { - vertical-align : middle; + -moz-box-align : center; border-bottom : 1px solid #CCD0DD; padding : 0px !important; } @@ -149,7 +149,7 @@ } #askImageBox { - vertical-align: top; + -moz-box-align: start; } #convertYes { @@ -163,5 +163,3 @@ #convertNo { list-style-image:url("chrome://global/skin/alert-icon.gif"); } - - diff --git a/EarlyBlue/messenger/skin/msgAccountCentral.css b/EarlyBlue/messenger/skin/msgAccountCentral.css index f9f1d189..6bb43df9 100644 --- a/EarlyBlue/messenger/skin/msgAccountCentral.css +++ b/EarlyBlue/messenger/skin/msgAccountCentral.css @@ -32,7 +32,7 @@ font-size:20px; margin:5px 5px 5px 5px; border-bottom: 2px solid black; - text-align: left; + -moz-box-pack: start; } .acctCentralRow @@ -72,6 +72,3 @@ { cursor:pointer; } - - - diff --git a/EarlyBlue/messenger/skin/msgHdrViewOverlay.css b/EarlyBlue/messenger/skin/msgHdrViewOverlay.css index d61df3d5..c9532029 100755 --- a/EarlyBlue/messenger/skin/msgHdrViewOverlay.css +++ b/EarlyBlue/messenger/skin/msgHdrViewOverlay.css @@ -173,11 +173,11 @@ text.headerValue /* ::::: collapsed view styles ::::: */ .collapsedToggleHdrBox { - vertical-align: middle; + -moz-box-align: center; } #collapsedAttachmentBox { - text-align: center; + -moz-box-pack: center; } #collapseddateValue @@ -212,8 +212,3 @@ text.collapsedHeaderDisplayName [hide] { visibility: hidden; } - - - - - diff --git a/EarlyBlue/navigator/skin/navigator.css b/EarlyBlue/navigator/skin/navigator.css index 7b47b799..072ccfdd 100755 --- a/EarlyBlue/navigator/skin/navigator.css +++ b/EarlyBlue/navigator/skin/navigator.css @@ -119,7 +119,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome { padding-left : 0px; padding-top : 11px; padding-bottom : 11px; - vertical-align : middle; + -moz-box-align : center; } #search-button @@ -190,5 +190,3 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome { { margin-right : 5px; } - - -- 2.43.0