diff --git a/suite/common/helpOverlay.xul b/suite/common/helpOverlay.xul index eda291e0d96f..fe3f7ed8e6d4 100644 --- a/suite/common/helpOverlay.xul +++ b/suite/common/helpOverlay.xul @@ -37,6 +37,8 @@ ***** END LICENSE BLOCK ***** --> + + + * + * Alternatively, the contents of this file may be used under the terms of + * either of the GNU General Public License Version 2 or later (the "GPL"), + * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), + * in which case the provisions of the GPL or the LGPL are applicable instead + * of those above. If you wish to allow use of your version of this file only + * under the terms of either the GPL or the LGPL, and not to allow others to + * use your version of this file under the terms of the MPL, indicate your + * decision by deleting the provisions above and replace them with the notice + * and other provisions required by the GPL or the LGPL. If you do not delete + * the provisions above, a recipient may use your version of this file under + * the terms of any one of the MPL, the GPL or the LGPL. + * + * ***** END LICENSE BLOCK ***** */ + +/* ==== helpOverlay.css ===================================================== + == overlay for toolkit help viewer to fit within SeaMonkey. + ========================================================================== */ + +@import url("chrome://communicator/skin/"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: toolbar icons ::::: */ + +#HelpToolbar > toolbarbutton { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); +} + +#help-back-button toolbarbutton, +#help-forward-button toolbarbutton { + list-style-image: inherit; + -moz-image-region: inherit; +} + +#help-back-button { + -moz-image-region: rect(60px 29px 89px 0); +} + +#help-back-button:not([disabled="true"]):hover { + -moz-image-region: rect(60px 59px 89px 30px); +} + +#help-back-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(60px 89px 89px 60px); +} + +#help-back-button[disabled="true"] { + -moz-image-region: rect(60px 119px 89px 90px); +} + +#help-forward-button { + -moz-image-region: rect(90px 29px 119px 0); +} + +#help-forward-button:not([disabled="true"]):hover { + -moz-image-region: rect(90px 59px 119px 30px); +} + +#help-forward-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(90px 89px 119px 60px); +} + +#help-forward-button[disabled="true"] { + -moz-image-region: rect(90px 119px 119px 90px); +} + +#help-home-button { + -moz-image-region: rect(120px 29px 149px 0); +} + +#help-home-button:not([disabled="true"]):hover { + -moz-image-region: rect(120px 59px 149px 30px); +} + +#help-home-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(120px 89px 149px 60px); +} + +#help-home-button[disabled="true"] { + -moz-image-region: rect(120px 119px 149px 90px); +} + +#help-print-button { + -moz-image-region: rect(0 29px 29px 0); +} + +#help-print-button:not([disabled="true"]):hover { + -moz-image-region: rect(0 59px 29px 30px); +} + +#help-print-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(0 89px 29px 60px); +} + +#help-print-button[disabled="true"] { + -moz-image-region: rect(0 119px 29px 90px); +} diff --git a/themes/classic/jar.mn b/themes/classic/jar.mn index 78fd9b2a71cb..0924e037bee1 100644 --- a/themes/classic/jar.mn +++ b/themes/classic/jar.mn @@ -23,6 +23,7 @@ classic.jar: skin/classic/communicator/brand.css (communicator/brand.css) skin/classic/communicator/dialogs.css (communicator/dialogs.css) skin/classic/communicator/communicator.css (communicator/communicator.css) + skin/classic/communicator/helpOverlay.css (communicator/helpOverlay.css) skin/classic/communicator/prefpanels.css (communicator/prefpanels.css) skin/classic/communicator/smileys.css (communicator/smileys.css) skin/classic/communicator/bookmarks/bookmark-folder-button.gif (communicator/bookmarks/bookmark-folder-button.gif) diff --git a/themes/modern/communicator/helpOverlay.css b/themes/modern/communicator/helpOverlay.css new file mode 100644 index 000000000000..560b52e52c52 --- /dev/null +++ b/themes/modern/communicator/helpOverlay.css @@ -0,0 +1 @@ +/* modern help is styled in its own help component */ diff --git a/themes/modern/help/help.css b/themes/modern/help/help.css new file mode 100644 index 000000000000..875941fd4edb --- /dev/null +++ b/themes/modern/help/help.css @@ -0,0 +1,172 @@ +/* ***** BEGIN LICENSE BLOCK ***** + * Version: MPL 1.1/GPL 2.0/LGPL 2.1 + * + * The contents of this file are subject to the Mozilla 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/MPL/ + * + * 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 the Initial Developer are Copyright (C) 1998-1999 + * the Initial Developer. All Rights Reserved. + * + * Contributor(s): + * Joe Hewitt (hewitt@netscape.com) + * Robert Kaiser + * + * Alternatively, the contents of this file may be used under the terms of + * either the GNU General Public License Version 2 or later (the "GPL"), or + * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), + * in which case the provisions of the GPL or the LGPL are applicable instead + * of those above. If you wish to allow use of your version of this file only + * under the terms of either the GPL or the LGPL, and not to allow others to + * use your version of this file under the terms of the MPL, indicate your + * decision by deleting the provisions above and replace them with the notice + * and other provisions required by the GPL or the LGPL. If you do not delete + * the provisions above, a recipient may use your version of this file under + * the terms of any one of the MPL, the GPL or the LGPL. + * + * ***** END LICENSE BLOCK ***** */ + +@import url("chrome://communicator/skin/"); +@import url("chrome://communicator/skin/sidebar/sidebar.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: primary toolbar masthead ::::: */ + +/* pick up modern's usual primary toolbar style */ +#HelpToolbar { + -moz-binding: url("chrome://communicator/skin/toolbar/toolbarBindings.xml#toolbar-primary"); + background-color: #B1BDC9; +} + +.toolbar-primary-holder { + -moz-box-align: start; + background-image: url("chrome://communicator/skin/toolbar/prtb-bg-noline.gif"); +} + +.toolbar-primary-icon { + display: none; +} + +#HelpToolbar > toolbarbutton, +#HelpToolbar > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-button +{ + -moz-box-orient: vertical; + -moz-box-pack: start; + border: none !important; + padding: 0px !important; +} + +/* hide labels for the toolbar because not all of them are set in help viewer + make sure we always display the icon though */ +#HelpToolbar .toolbarbutton-text { + display: none; +} + +#HelpToolbar .toolbarbutton-icon { + display: -moz-box; +} + +#help-back-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker, +#help-forward-button > .toolbarbutton-menubutton-stack + > .toolbarbutton-menubutton-dropmarker +{ + margin: 30px 0px 0px 34px; +} + +/* Set the minimum sidebar width so the help contents aren't squeezed together.*/ +#help-sidebar { + min-width: 15em; + width: 20em; + max-width: 25em; + background-color: #BDC7D6; +} + +/* ::::: primary toolbar buttons ::::: */ + +toolbar toolbarbutton { + list-style-image: url("chrome://navigator/skin/icons/btn1.gif"); +} + +#help-back-button { + -moz-image-region: rect(0, 41px, 38px, 0); +} + +#help-back-button:hover { + -moz-image-region: rect(0, 83px, 38px, 42px); +} + +#help-back-button:hover:active { + -moz-image-region: rect(0, 125px, 38px, 84px); +} + +#help-back-button[disabled="true"] { + -moz-image-region: rect(0, 167px, 38px, 126px) !important; +} + +#help-forward-button { + -moz-image-region: rect(39px, 41px, 77px, 0); +} + +#help-forward-button:hover { + -moz-image-region: rect(39px, 83px, 77px, 42px); +} + +#help-forward-button:hover:active { + -moz-image-region: rect(39px, 125px, 77px, 84px); +} + +#help-forward-button[disabled="true"] { + -moz-image-region: rect(39px, 167px, 77px, 126px) !important; +} + +#help-home-button { + list-style-image: url("chrome://help/skin/home.gif"); +} + +#help-home-button:hover { + list-style-image: url("chrome://help/skin/home-hov.gif"); +} + +#help-home-button:hover:active { + list-style-image: url("chrome://help/skin/home-act.gif"); +} + +#help-home-button[disabled="true"] { + list-style-image: url("chrome://help/skin/home-dis.gif") !important; +} + +#help-print-button { + list-style-image: url("chrome://communicator/skin/icons/btn1.gif"); + -moz-image-region: rect(0, 49px, 33px, 0); +} + +#help-print-button:hover { + -moz-image-region: rect(0, 99px, 33px, 50px); +} + +#help-print-button:hover:active { + -moz-image-region: rect(0, 149px, 33px, 100px); +} + +#help-print-button[disabled="true"] { + -moz-image-region: rect(0, 199px, 33px, 150px) !important; +} + +/* ::::: OTHER ::::: */ + +#context-copy[disabled="true"] { + display: none; +} diff --git a/themes/modern/help/home-act.gif b/themes/modern/help/home-act.gif new file mode 100644 index 000000000000..090b4937c9f0 Binary files /dev/null and b/themes/modern/help/home-act.gif differ diff --git a/themes/modern/help/home-dis.gif b/themes/modern/help/home-dis.gif new file mode 100644 index 000000000000..cbe0c7ff97a6 Binary files /dev/null and b/themes/modern/help/home-dis.gif differ diff --git a/themes/modern/help/home-hov.gif b/themes/modern/help/home-hov.gif new file mode 100644 index 000000000000..cf58f65ceaf4 Binary files /dev/null and b/themes/modern/help/home-hov.gif differ diff --git a/themes/modern/help/home.gif b/themes/modern/help/home.gif new file mode 100644 index 000000000000..6043cee8005a Binary files /dev/null and b/themes/modern/help/home.gif differ diff --git a/themes/modern/jar.mn b/themes/modern/jar.mn index 527d04eb6dd7..a204eeb7d91f 100644 --- a/themes/modern/jar.mn +++ b/themes/modern/jar.mn @@ -3,6 +3,7 @@ modern.jar: % skin communicator modern/1.0 %skin/modern/communicator/ % skin editor modern/1.0 %skin/modern/editor/ % skin global modern/1.0 %skin/modern/global/ +% skin help modern/1.0 %skin/modern/help/ % skin messenger modern/1.0 %skin/modern/messenger/ % skin navigator modern/1.0 %skin/modern/navigator/ #else @@ -19,7 +20,8 @@ modern.jar: skin/modern/communicator/button.css (communicator/button.css) skin/modern/communicator/toolbar.css (communicator/toolbar.css) skin/modern/communicator/dialogs.css (communicator/dialogs.css) - skin/modern/communicator/smileys.css (communicator/smileys.css) + skin/modern/communicator/helpOverlay.css (communicator/helpOverlay.css) + skin/modern/communicator/smileys.css (communicator/smileys.css) skin/modern/communicator/communicator.css (communicator/communicator.css) skin/modern/communicator/bookmarks/bookmark-folder-closed.gif (communicator/bookmarks/bookmark-folder-closed.gif) skin/modern/communicator/bookmarks/bookmark-folder-dis.gif (communicator/bookmarks/bookmark-folder-dis.gif) @@ -159,6 +161,7 @@ modern.jar: skin/modern/global/console.css (global/console.css) skin/modern/global/dropmarker.css (global/dropmarker.css) skin/modern/global/filepicker.css (global/filepicker.css) + skin/modern/global/findBar.css (/toolkit/themes/winstripe/global/findBar.css) skin/modern/global/formatting.css (global/formatting.css) skin/modern/global/groupbox.css (global/groupbox.css) skin/modern/global/listbox.css (global/listbox.css) @@ -298,6 +301,12 @@ modern.jar: skin/modern/global/tree/twisty-clsd.gif (global/tree/twisty-clsd.gif) skin/modern/global/tree/twisty-open.gif (global/tree/twisty-open.gif) skin/modern/global/tree/columnpicker.gif (global/tree/columnpicker.gif) + skin/modern/help/help.css (help/help.css) + skin/modern/help/helpFileLayout.css (/toolkit/themes/winstripe/help/helpFileLayout.css) + skin/modern/help/home.gif (help/home.gif) + skin/modern/help/home-act.gif (help/home-act.gif) + skin/modern/help/home-dis.gif (help/home-dis.gif) + skin/modern/help/home-hov.gif (help/home-hov.gif) skin/modern/messenger/threadPaneLabels.css (messenger/threadPaneLabels.css) skin/modern/messenger/accountCentral.css (messenger/accountCentral.css) skin/modern/messenger/accountManage.css (messenger/accountManage.css)