diff options
Diffstat (limited to 'comm/suite/themes/classic/mac')
99 files changed, 6961 insertions, 0 deletions
diff --git a/comm/suite/themes/classic/mac/communicator/aboutPrivateBrowsing.css b/comm/suite/themes/classic/mac/communicator/aboutPrivateBrowsing.css new file mode 100644 index 0000000000..94cb3b83c8 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/aboutPrivateBrowsing.css @@ -0,0 +1,85 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#warningScreen { + background-color: -moz-Dialog; +} + +#warningBox { + background-color: -moz-Field; + color: -moz-FieldText; + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + padding-inline-start: 30px; + margin-left: 1em; + margin-right: 1em; +} + +#warningInnerBox { + max-width: 50em; +} + +#warningTitle { + margin: 0 0 .6em 0; + font-size: 160%; + border-bottom: 1px solid ThreeDLightShadow +} + +#warningText { + font-size: 110%; + margin-left: 0; +} + +/* Pick the desired icons depending on the window's context */ + +#warningBox.private > #warningBoxIcon { + list-style-image: url("chrome://global/skin/icons/information-large.png"); + width: 48px; + height: 48px; + margin-inline-end: 1.5em; +} + +#warningBox.normal > #warningBoxIcon { + list-style-image: url("chrome://global/skin/icons/question-large.png"); + width: 48px; + height: 48px; + margin-inline-end: 1.5em; +} + +#trackWarnBox { + margin-top: 0.6em; + margin-inline-end: 4em; + -moz-box-align: start; +} + +#trackWarnIcon { + list-style-image: url("chrome://communicator/skin/icons/warning-24.png"); + width: 24px; + height: 24px; + margin-inline-end: 1em; +} + +/* Define additional styles to look similar to the netError/certError pages */ + +#warningTitle { + font-weight: bold; +} +#warningStatus { + margin: 0.4em 0 1.2em 0; + padding-bottom: 1.2em; + border-bottom: 1px solid ThreeDLightShadow; + font-size: 135%; +} + +#warningInnerBox > button { + margin: 0.8em 0 1em 0; +} + +#warningOuterBox > vbox > label, +#warningInnerBox > description { + margin-inline-start: 0; +} diff --git a/comm/suite/themes/classic/mac/communicator/aboutSessionRestore.css b/comm/suite/themes/classic/mac/communicator/aboutSessionRestore.css new file mode 100644 index 0000000000..d949105f50 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/aboutSessionRestore.css @@ -0,0 +1,40 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#tabList { + width: 100%; + height: 12em; +} + +treechildren::-moz-tree-image(icon), +treechildren::-moz-tree-image(noicon) { + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(noicon) { + list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg"); +} + +treechildren::-moz-tree-image(container, noicon) { + list-style-image: url("chrome://global/skin/tree/folder.png"); +} + +treechildren::-moz-tree-checkbox(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} + +treechildren::-moz-tree-checkbox(partial) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); +} + +#buttons { + margin-inline-start: 80px; +} +#buttons > button { + margin-top: 2em; + margin-inline-start: 5px; +} diff --git a/comm/suite/themes/classic/mac/communicator/button.css b/comm/suite/themes/classic/mac/communicator/button.css new file mode 100644 index 0000000000..73b87ae2a9 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/button.css @@ -0,0 +1,65 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ==== button.css ========================================================== + == Styles for special buttons in the Communicator suite. + ========================================================================== */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: large toolbar buttons ::::: */ + +.toolbarbutton-1, +.toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-box-orient: vertical; +} + +.toolbarbutton-1[open], +.toolbarbutton-1[open] > .toolbarbutton-menubutton-button { + text-shadow: none; +} + +.toolbarbutton-1[type="menu-button"] { + -moz-box-orient: horizontal; + padding: 0; +} + +.toolbarbutton-1[type="menu"] { + -moz-binding: url("chrome://communicator/content/bindings/generalBindings.xml#menu-vertical"); +} + +/* Override global/toolbarbutton.css */ +.toolbarbutton-1 > .toolbarbutton-text, +.toolbarbutton-menubutton-button > .toolbarbutton-text { + margin: 2px 6px !important; +} + +toolbar[mode="icons"] .toolbarbutton-1, +toolbar[mode="icons"] .toolbarbutton-menubutton-button, +toolbar[iconsize="small"] .toolbarbutton-1, +toolbar[iconsize="small"] .toolbarbutton-menubutton-button { + min-width: 0px; +} + +toolbar[mode="icons"] .toolbarbutton-text, +toolbar[mode="text"] .toolbarbutton-icon { + display: none; +} + +toolbar[mode="text"] .toolbarbutton-1, +toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; +} + +toolbar[labelalign="end"] .toolbarbutton-1, +toolbar[labelalign="end"] .toolbarbutton-1 > .toolbarbutton-menubutton-button, +toolbar[labelalign="end"] .toolbarbutton-1 > hbox > vbox { + -moz-box-orient: horizontal; +} + +/* ::::: taskbuttons ::::: */ + +.taskbutton { + padding: 1px; +} diff --git a/comm/suite/themes/classic/mac/communicator/communicator.css b/comm/suite/themes/classic/mac/communicator/communicator.css new file mode 100644 index 0000000000..ae70b24ee7 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/communicator.css @@ -0,0 +1,285 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ==== communicator.css ==================================================== + == Styles shared everywhere throughout the Communicator suite. + ========================================================================== */ + +@import url("chrome://global/skin/global.css"); +@import url("chrome://communicator/content/communicator.css"); +@import url("chrome://communicator/skin/brand.css"); +@import url("chrome://communicator/skin/button.css"); +@import url("chrome://communicator/skin/toolbar.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.wizard-box { + padding: 20px 44px 10px; +} + +#titlebar:not(:-moz-lwtheme) { + display: none; +} + +#titlebar { + height: 22px; + -moz-window-dragging: drag; +} + +#titlebar-spacer { + pointer-events: none; +} + +/* On OS X, window controls are always at the left side of the window */ +#titlebar-buttonbox-container:-moz-locale-dir(ltr) { + -moz-box-ordinal-group: 0; + -moz-box-align: start; +} + +#titlebar-buttonbox-container:-moz-lwtheme { + margin-top: 3px; +} + +#titlebar-buttonbox { + -moz-appearance: -moz-window-button-box; + margin-left: 7px; +} + +/* ::::: toolbar-primary ::::: */ + +.toolbar-primary { + -moz-binding: url("chrome://communicator/content/bindings/toolbar-xpfe.xml#grippytoolbar-primary"); +} + +#throbber-box { + -moz-window-dragging: drag; +} + +/* ::::: grippies ::::: */ + +grippy { + display: none; +} + +/* ::::: autocomplete ::::: */ + +.autocomplete-history-popup { + max-height: 285px; /* 15 rows */ +} + +.autocomplete-history-dropmarker { + -moz-appearance: none; + border: none; + background-color: transparent; + margin: 0px; + padding: 0px; + list-style-image: url("chrome://communicator/skin/icons/autocomplete-dropmarker.png"); +} + +/* ::::: online/offline icons ::::: */ + +#offline-status[offline="true"] { + list-style-image: url("chrome://communicator/skin/icons/offline.png"); +} + +#offline-status { + list-style-image: url("chrome://communicator/skin/icons/online.png"); +} + +/* ::::: security button icons ::::: */ + +#security-button { + list-style-image: url("chrome://communicator/skin/icons/lock-insecure.png"); +} + +#security-button[level="high"] { + list-style-image: url("chrome://communicator/skin/icons/lock-secure.png"); +} + +#security-button[level="broken"] { + list-style-image: url("chrome://communicator/skin/icons/lock-broken.png"); +} + +/* ::::: spell checker ::::: */ + +.spell-suggestion { + font-weight: bold; +} + +/* ::::: error messages ::::: */ + +description.error { + color: #FF0000; +} + +/* ::::: directional button icons ::::: */ + +.up { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} + +.up[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); +} + +.down { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); +} + +.down[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} + +.sidebarTree { + border: none; + margin: 0px !important; +} + +/* ::::: toolbar print button ::::: */ +#print-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(0 29px 29px 0); +} + +#print-button:hover:active, +#print-button[open] { + -moz-image-region: rect(0 59px 29px 30px); +} + +#print-button[disabled="true"] { + -moz-image-region: rect(0 89px 29px 60px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #print-button, +toolbar[iconsize="small"] > #print-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(0 19px 19px 0); +} + +toolbar[iconsize="small"] > #print-button:hover:active, +toolbar[iconsize="small"] > #print-button[open] { + -moz-image-region: rect(0 39px 19px 20px); +} + +toolbar[iconsize="small"] > #print-button[disabled="true"] { + -moz-image-region: rect(0 59px 19px 40px) !important; +} + +/* ::::: lightweight themes ::::: */ + +toolbar textbox:-moz-lwtheme:not([focused="true"]) { + opacity: 0.9; +} + +treecols:-moz-lwtheme { + text-shadow: none; +} + +/* ::::: notification bars ::::: */ + +.messageImage[value="refresh-blocked"] { + list-style-image: url("chrome://communicator/skin/icons/application.png"); +} + +.messageImage[value="plugin-crashed"] { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); +} + +.messageImage[value="geolocation"] { + list-style-image: url("chrome://communicator/skin/icons/geo.png"); +} + +.messageImage[value="persistent-storage"] { + list-style-image: url("chrome://communicator/skin/icons/notification-icons.svg#persistent-storage"); + width: 16px; + height: 16px; +} + +.messageImage[value="webNotifications"] { + list-style-image: url("chrome://communicator/skin/icons/notification-16.png"); +} + +.messageImage[value="indexedDB-permissions-prompt"], +.messageImage[value="indexedDB-quota-prompt"] { + list-style-image: url("chrome://global/skin/icons/question-16.png"); +} + +.messageImage[value="addon-install-blocked"], +.messageImage[value="addon-install-cancelled"], +.messageImage[value="addon-install-complete"], +.messageImage[value="addon-install-disabled"], +.messageImage[value="addon-install-failed"], +.messageImage[value="addon-install-started"], +.messageImage[value="lwtheme-install-request"], +.messageImage[value="lwtheme-install-notification"] { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); +} + +.messageImage[value="popup-blocked"] { + list-style-image: url("chrome://navigator/skin/icons/popup-blocked.png"); +} + +.messageImage[value="blocked-badware-page"] { + list-style-image: url("chrome://global/skin/icons/blacklist_favicon.png"); +} + +/* ::::: dialog header ::::: */ + +dialogheader { + margin: 0 5px 5px; + padding: 5px 8px; +} + +.dialogheader-title { + margin: 0 !important; + font-size: larger; + font-weight: bold; + display: none; +} + +.dialogheader-description { + font-weight: bold !important; +} + +/* ::::: statusbar ::::: */ + +statusbar { + min-width: 1px; /* DON'T DELETE! + Prevents hiding of scrollbars in browser when window is made smaller.*/ + min-height: 15px !important; + margin: 0px !important; + /* need to use padding-inline-end when/if bug 631729 gets fixed: */ + padding: 0px 16px 1px 1px; + -moz-appearance: statusbar; + text-shadow: rgba(255, 255, 255, 0.4) 0 1px; +} + +statusbar:-moz-lwtheme { + -moz-appearance: none; + background: none; + border-style: none; + text-shadow: inherit; +} + +statusbarpanel { + -moz-box-align: center; + -moz-box-pack: center; + padding: 0 4px; +} + +.statusbarpanel-iconic { + padding: 0px; +} + +.statusbarpanel-backgroundbox { + -moz-box-align: stretch; + padding: 0px; +} + +.statusbarpanel-backgroundbox > .statusbarpanel-contentbox { + padding: 0px 1px; + -moz-box-align: center; +} diff --git a/comm/suite/themes/classic/mac/communicator/config.css b/comm/suite/themes/classic/mac/communicator/config.css new file mode 100644 index 0000000000..b83b219d28 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/config.css @@ -0,0 +1,79 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/global.css"); +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#warningScreen { + background-color: -moz-Dialog; +} + +#warningBox { + background-image: url("chrome://global/skin/icons/warning-large.png"); + background-repeat: no-repeat; + background-position: 30px 3em; + max-width: 55em; + background-color: -moz-Field; + color: -moz-FieldText; + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + padding-inline-start: 64px; + margin-inline-start: 1em; + margin-inline-end: 1em; +} + +.title, .description { + max-width: 50em; + padding-inline-start: 3em; +} + +#warningTitle { + margin: 0 0 .6em 0; + font-size: 160%; + border-bottom: 1px solid ThreeDLightShadow; +} + +#warningText { + font-size: 110%; + margin-inline-start: 0; +} + +#warningButton { + margin-top: 0.6em; +} + +#showWarningNextTime { + margin-top: 0.6em; +} + +#configTreeBody::-moz-tree-cell-text(user) { + font-weight: bold; +} + +#configTreeBody::-moz-tree-cell-text(locked) { + font-style: italic; +} + +#configTree { + margin: 0; + -moz-appearance: none; +} + +#filterRow { + background: linear-gradient(#E8E8E8, #D0D0D0) repeat-x; + border-bottom: 1px solid #888; + padding: 1px 2px 0; +} + +#filterRow > label { + margin: 0 4px; + color: #6D6D6D; + text-shadow: 0 1px rgba(255, 255, 255, .4); + font-weight: bold; +} + +#textbox { + max-width: 35em; +} diff --git a/comm/suite/themes/classic/mac/communicator/console/console-error-caret.png b/comm/suite/themes/classic/mac/communicator/console/console-error-caret.png Binary files differnew file mode 100644 index 0000000000..44b78aa29c --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/console/console-error-caret.png diff --git a/comm/suite/themes/classic/mac/communicator/console/console-error-dash.png b/comm/suite/themes/classic/mac/communicator/console/console-error-dash.png Binary files differnew file mode 100644 index 0000000000..ab07898eff --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/console/console-error-dash.png diff --git a/comm/suite/themes/classic/mac/communicator/console/console.css b/comm/suite/themes/classic/mac/communicator/console/console.css new file mode 100644 index 0000000000..0bca72cb8d --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/console/console.css @@ -0,0 +1,164 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== console.css ==================================================== + == Styles used by the Error Console window. + ======================================================================= */ + +/* View buttons */ +@import "chrome://global/skin/viewbuttons.css"; + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.console-box { + background-color: -moz-Field; + color: -moz-FieldText; + overflow: auto; +} + +/* ::::: console rows ::::: */ + +.console-row { + border-bottom: 1px solid #A3A3A3; + padding: 4px; +} + +.console-row-file { + color: #505050; +} + +.console-row-msg > label:first-child { + font-weight: bold; +} + +.console-row-msg > label, .comsole-row-msg > description, .console-error-msg, .console-row-file, .console-row-code { + margin: 2px; +} + +.console-row-file > label { + margin: 0; +} + +.console-msg-text { + white-space: pre-wrap !important; +} +.console-icon { + list-style-image: inherit; + padding-right: 6px; + padding-left: 6px; +} + +/* ..... error rows ..... */ + +.console-row-code { + color: #0000BB; + font-size: larger; +} + +.console-dots, +.console-caret { + height: 9px; +} + +.console-dots { + background: url("chrome://communicator/skin/console/console-error-dash.png") repeat-x top; +} + +.console-caret { + width: 7px; + background: url("chrome://communicator/skin/console/console-error-caret.png") no-repeat top; +} + +/* ..... message rows ..... */ + +.console-row[type="message"] { + font-family: monospace; +} + +/* ..... selected state ..... */ + +.console-row[selected="true"] { + background-color: #3D80DF !important; + color: #FFF; +} + +.console-row-code[selected="true"], +.console-row-content[selected="true"] > .console-row-file, +.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link { + color: #FFF !important; +} + +/* ::::: row colors ::::: */ + +.console-row[type="error"], +.console-row[type="exception"] { + background-color: #FFD0DC; +} + +.console-row[type="warning"] { + background-color: #F8F3CC; +} + +.console-row[type="message"] { + background-color: #D3EDFF; +} + +/* ::::: toolbars ::::: */ + +#ToolbarEval { + -moz-appearance: none; + background: linear-gradient(#E8E8E8, #D0D0D0) repeat-x; /* @scopeBarBackground@ */ + border-bottom: 1px solid #888; /* @scopeBarSeparatorBorder@ */ + padding: 2px; +} + +#ToolbarEval > label { + font-weight: bold; + color: #6D6D6D; /* @scopeBarTitleColor@ */ +} + +#TextfieldEval { + margin: 2px !important; +} + +#ButtonEval { + margin: 0 4px; + padding: 1px 10px; + -moz-appearance: none; + border-radius: 10000px; + border: 1px solid rgba(0, 0, 0, 0.35); /* @roundButtonBorder@ */ + background: linear-gradient(#F6F6F6, #E9E9E9); /* @roundButtonBackground@ */ + box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.5); /* @roundButtonShadow@ */ +} + +#ButtonEval:hover:active { + text-shadow: 0 1px rgba(255, 255, 255, 0.4); /* @loweredShadow@ */ + background: #DADADA; /* @roundButtonPressedBackground@ */ + box-shadow: 0 1px rgba(255, 255, 255, 0.4), inset 0 1px 3px rgba(0, 0, 0, 0.2); /* @roundButtonPressedShadow@ */ +} + +toolbarseparator { + min-height: 1em; + background-image: none; +} + +/* Toolbar icons */ + +#ToolbarMode { + -moz-box-pack: center; +} + +#ToolbarMode toolbarbutton > .toolbarbutton-icon { + display: none; +} + +#Console\:clear { + -moz-box-orient: vertical; + -moz-box-align: center; + -moz-appearance: toolbarbutton; + font: menu; + text-shadow: 0 1px rgba(255, 255, 255, 0.4); /* @loweredShadow@ */ + margin: 4px 0 9px; + padding: 0 1px; +} diff --git a/comm/suite/themes/classic/mac/communicator/customizeToolbar.css b/comm/suite/themes/classic/mac/communicator/customizeToolbar.css new file mode 100644 index 0000000000..bcedb2b99a --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/customizeToolbar.css @@ -0,0 +1,38 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#palette-box { + margin-top: 2px; + -moz-appearance: listbox; + margin: 0 0 10px; +} + +#palette-box > toolbarpaletteitem { + padding: 8px 2px; + margin: 0 8px; +} + +#main-box { + padding: 12px; +} + +#main-box > separator { + -moz-appearance: none; + border-bottom: none; +} + +#instructions { + font: menu; + font-weight: bold; + line-height: 16pt; +} + +hbox button { + font: menu; +} + +#main-box > box > button { + min-height: 19px; /* aqua size for small buttons */ + font: message-box; +} diff --git a/comm/suite/themes/classic/mac/communicator/datetimepicker.css b/comm/suite/themes/classic/mac/communicator/datetimepicker.css new file mode 100644 index 0000000000..24e54aae34 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/datetimepicker.css @@ -0,0 +1,94 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +datepicker { + padding: 0 0 1px; + margin: 4px; + border: none; +} + +.datetimepicker-input-box { + -moz-appearance: textfield; + cursor: text; + margin-right: 4px; + margin-bottom: 2px; + padding: 0; + background-color: -moz-Field; + color: -moz-FieldText; +} + +.datetimepicker-input-subbox { + width: 1.6em; +} + +html|*.datetimepicker-input { + text-align: end; +} + +.datetimepicker-separator { + margin: 0 !important; +} + +.datetimepicker-year { + width: 3.2em; +} + +.datepicker-dropmarker { + margin-bottom: 2px; +} + +datepicker[readonly="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +datepicker[disabled="true"] { + cursor: default; + background-color: -moz-Dialog; + color: GrayText; +} + +.datepicker-mainbox { + margin: 2px 4px; + border: 1px solid ThreeDShadow; + background-color: #EEEEEE; + color: -moz-DialogText; +} + +.datepicker-popupgrid > .datepicker-mainbox { + margin: 0; + border: none; +} + +.datepicker-gridlabel, .datepicker-weeklabel { + text-align: center; +} + +.datepicker-gridlabel[today="true"] { + background-color: darkgrey; + color: white; +} + +.datepicker-gridlabel[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +.datepicker-button { + -moz-appearance: none; + min-width: 8px; + padding: 0; +} + +.datepicker-previous { + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); + transform: scaleX(-1); +} + +.datepicker-next { + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); +} diff --git a/comm/suite/themes/classic/mac/communicator/downloads/downloadButtons.png b/comm/suite/themes/classic/mac/communicator/downloads/downloadButtons.png Binary files differnew file mode 100644 index 0000000000..6f3c7c9855 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/downloads/downloadButtons.png diff --git a/comm/suite/themes/classic/mac/communicator/downloads/downloadmanager.css b/comm/suite/themes/classic/mac/communicator/downloads/downloadmanager.css new file mode 100644 index 0000000000..8f84152c48 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/downloads/downloadmanager.css @@ -0,0 +1,142 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* Note to themers: + On rows and all cells, those properties for download states are available: + active, inactive, resumable, paused, downloading, finished, failed, canceled, blocked +*/ + +#clearListButton { + -moz-appearance: toolbarbutton; + text-shadow: 0 1px rgba(255, 255, 255, 0.4); + margin: 0 6px; + min-height: 18px; + min-width: 0; +} + +#clearListButton:-moz-lwtheme:not([disabled="true"]) { + color: inherit; + text-shadow: inherit; +} + +treechildren::-moz-tree-image { + margin-inline-start: -1px; +} + +treechildren::-moz-tree-image(Name) { + margin-inline-end: 2px; +} + +#ActionPlay { + list-style-image: url("chrome://communicator/skin/downloads/downloadButtons.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +treechildren::-moz-tree-image(ActionPlay, downloading, resumable), +#pauseButton { + /* pause */ + list-style-image: url("chrome://communicator/skin/downloads/downloadButtons.png"); + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +treechildren::-moz-tree-image(ActionPlay, paused, resumable), +#resumeButton { + /* resume */ + list-style-image: url("chrome://communicator/skin/downloads/downloadButtons.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +treechildren::-moz-tree-image(ActionPlay, failed), +treechildren::-moz-tree-image(ActionPlay, canceled), +#retryButton { + /* retry */ + list-style-image: url("chrome://communicator/skin/downloads/downloadButtons.png"); + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +#ActionStop { + list-style-image: url("chrome://communicator/skin/downloads/downloadButtons.png"); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +treechildren::-moz-tree-image(ActionStop, active), +#cancelButton { + /* cancel */ + list-style-image: url("chrome://communicator/skin/downloads/downloadButtons.png"); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +treechildren::-moz-tree-image(ActionStop, inactive) { + /* remove */ + list-style-image: url("chrome://communicator/skin/downloads/dl-remove.png"); + -moz-image-region: auto; +} + +/* There's no way this will look like a native progressbar, but we can at least + try to mimic the aqua, graphite and non-active colors. */ +treechildren::-moz-tree-progressmeter { + background: url("chrome://communicator/skin/downloads/progressBg.png") repeat-x; + color: rgba(0, 115, 255, 0.5); + border: none; + padding-bottom: 1px; + margin-top: 3px; +} + +@media (-moz-mac-graphite-theme) { + treechildren::-moz-tree-progressmeter { + color: rgba(43, 71, 106, 0.5); + } +} + +treechildren:-moz-window-inactive::-moz-tree-progressmeter { + color: rgba(0, 0, 0, 0.1); +} + +/* progress dialogs */ + +#dlProgressWindow { + padding: 14px; +} + +/* focusable label, focus ring like .link-text but not a link */ +#fileName, #fileSource { + border: 1px solid transparent; + /* 1px is used for border, make margins smaller by that */ + margin-top: 0px; + margin-bottom: 1px; + margin-inline-start: 5px; + margin-inline-end: 4px; +} + +#fileName:focus, +#fileSource:focus { + border: 1px dotted -moz-DialogText; +} + +#fileName { + font-weight: bold; + margin-bottom: 6px; +} + +.mini-button { + -moz-appearance: none; + background-color: transparent; + border: none; + padding: 0; + margin: 0; + min-width: 0; + min-height: 0; +} + +.mini-button > .button-box { + -moz-appearance: none; + padding: 0 !important; +} + +#progressBox { + margin-top: 6px; + margin-bottom: 6px; +} diff --git a/comm/suite/themes/classic/mac/communicator/downloads/progressBg.png b/comm/suite/themes/classic/mac/communicator/downloads/progressBg.png Binary files differnew file mode 100644 index 0000000000..c3261526f7 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/downloads/progressBg.png diff --git a/comm/suite/themes/classic/mac/communicator/helpviewer/dropmark-nav.png b/comm/suite/themes/classic/mac/communicator/helpviewer/dropmark-nav.png Binary files differnew file mode 100644 index 0000000000..e841574c39 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/helpviewer/dropmark-nav.png diff --git a/comm/suite/themes/classic/mac/communicator/helpviewer/help.css b/comm/suite/themes/classic/mac/communicator/helpviewer/help.css new file mode 100644 index 0000000000..1b0947d488 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/helpviewer/help.css @@ -0,0 +1,136 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://communicator/skin/"); +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#HelpToolbar { + padding-inline-start: 5px; +} + +#HelpToolbar toolbarbutton { + min-width: 0px; + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-box-orient: horizontal !important; +} + +#HelpToolbar toolbarbutton[type="menu-button"] { + margin: 0 2px 0 2px; + padding: 3px 1px 3px 1px; + +} + +/* this element contains the icon and the label */ +#HelpToolbar .toolbarbutton-menubutton-button { + margin: 0px !important; + padding: 0px !important; + border: 0px !important; +} + +/* Hide labels for the toolbar because we really don't need them what with the + tooltips */ +#HelpToolbar .toolbarbutton-text { + display: none; +} + +/* Set the minimum sidebar width so the help contents aren't squeezed together.*/ +#help-sidebar { min-width: 30px; width: 20em; max-width: 25em; } + +#help-back-button toolbarbutton, +#help-forward-button toolbarbutton { + list-style-image: inherit; + -moz-image-region: inherit; +} + +#help-back-button, +#help-back-button:not([disabled="true"]):hover { + -moz-image-region: rect(60px 29px 89px 0); +} + +#help-back-button:not([disabled="true"]):hover:active, +#help-back-button[open]:not([disabled="true"]) { + -moz-image-region: rect(60px 59px 89px 30px); +} + +#help-back-button[disabled="true"] { + -moz-image-region: rect(60px 89px 89px 60px); +} + +#help-forward-button, +#help-forward-button:not([disabled="true"]):hover { + -moz-image-region: rect(90px 29px 119px 0); +} + +#help-forward-button:not([disabled="true"]):hover:active, +#help-forward-button[open]:not([disabled="true"]) { + -moz-image-region: rect(90px 59px 119px 30px); +} + +#help-forward-button[disabled="true"] { + -moz-image-region: rect(90px 89px 119px 60px); +} + +#help-home-button, +#help-home-button:not([disabled="true"]):hover { + -moz-image-region: rect(120px 29px 149px 0); +} + +#help-home-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(120px 59px 149px 30px); +} + +#help-home-button[disabled="true"] { + -moz-image-region: rect(120px 89px 149px 60px); +} + +#help-print-button, +#help-print-button:not([disabled="true"]):hover { + -moz-image-region: rect(0 29px 29px 0); +} + +#help-print-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(0 59px 29px 30px); +} + +#help-print-button[disabled="true"] { + -moz-image-region: rect(0 89px 29px 60px); +} + +/* Style the back/forward dropmarks to connect them to the buttons */ + +#help-back-button > .toolbarbutton-menubutton-dropmarker, +#help-forward-button > .toolbarbutton-menubutton-dropmarker { + margin-top: 3px; +} + +#help-back-button > .toolbarbutton-menubutton-dropmarker, +#help-back-button:hover > .toolbarbutton-menubutton-dropmarker, +#help-back-button:hover:active > .toolbarbutton-menubutton-dropmarker, +#help-forward-button > .toolbarbutton-menubutton-dropmarker, +#help-forward-button:hover > .toolbarbutton-menubutton-dropmarker, +#help-forward-button:hover:active > .toolbarbutton-menubutton-dropmarker { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.png"); + -moz-image-region: auto; +} + +#help-back-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker, +#help-forward-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.png") !important; + -moz-image-region: auto !important; +} + +#help-sidebar-splitter { + border-inline-end: 1px solid #BEBEBE; +} + +/* make findbar appear above content */ +#appcontent { + -moz-box-direction: reverse; +} + +/* style findbar for being on top */ +#FindToolbar { + border-top: none; + border-bottom: 1px solid #888888; +} diff --git a/comm/suite/themes/classic/mac/communicator/icons/autocomplete-dropmarker.png b/comm/suite/themes/classic/mac/communicator/icons/autocomplete-dropmarker.png Binary files differnew file mode 100644 index 0000000000..e48d044526 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/autocomplete-dropmarker.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/communicatoricons-small.png b/comm/suite/themes/classic/mac/communicator/icons/communicatoricons-small.png Binary files differnew file mode 100644 index 0000000000..4e94de98ba --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/communicatoricons-small.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/communicatoricons.png b/comm/suite/themes/classic/mac/communicator/icons/communicatoricons.png Binary files differnew file mode 100644 index 0000000000..85e5511582 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/communicatoricons.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/feedIcon16-disabled.png b/comm/suite/themes/classic/mac/communicator/icons/feedIcon16-disabled.png Binary files differnew file mode 100644 index 0000000000..77efbb49b1 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/feedIcon16-disabled.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/geolocation-16.png b/comm/suite/themes/classic/mac/communicator/icons/geolocation-16.png Binary files differnew file mode 100644 index 0000000000..a40cc1bb9a --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/geolocation-16.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/geolocation-64.png b/comm/suite/themes/classic/mac/communicator/icons/geolocation-64.png Binary files differnew file mode 100644 index 0000000000..099b9c76f3 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/geolocation-64.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/item.png b/comm/suite/themes/classic/mac/communicator/icons/item.png Binary files differnew file mode 100644 index 0000000000..d706dfeeb3 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/item.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/key-16.png b/comm/suite/themes/classic/mac/communicator/icons/key-16.png Binary files differnew file mode 100644 index 0000000000..420ff450fa --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/key-16.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/key-16@2x.png b/comm/suite/themes/classic/mac/communicator/icons/key-16@2x.png Binary files differnew file mode 100644 index 0000000000..7ec431b0ad --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/key-16@2x.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/key-64.png b/comm/suite/themes/classic/mac/communicator/icons/key-64.png Binary files differnew file mode 100644 index 0000000000..49819350d7 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/key-64.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/key.png b/comm/suite/themes/classic/mac/communicator/icons/key.png Binary files differnew file mode 100644 index 0000000000..e51cf29881 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/key.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/loading.png b/comm/suite/themes/classic/mac/communicator/icons/loading.png Binary files differnew file mode 100644 index 0000000000..290d0523be --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/loading.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/panebutton-active.png b/comm/suite/themes/classic/mac/communicator/icons/panebutton-active.png Binary files differnew file mode 100644 index 0000000000..43a95235e0 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/panebutton-active.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/panebutton-inactive.png b/comm/suite/themes/classic/mac/communicator/icons/panebutton-inactive.png Binary files differnew file mode 100644 index 0000000000..e424dc9ced --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/panebutton-inactive.png diff --git a/comm/suite/themes/classic/mac/communicator/icons/warning-24.png b/comm/suite/themes/classic/mac/communicator/icons/warning-24.png Binary files differnew file mode 100644 index 0000000000..a599a7e19a --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/icons/warning-24.png diff --git a/comm/suite/themes/classic/mac/communicator/numberbox.css b/comm/suite/themes/classic/mac/communicator/numberbox.css new file mode 100644 index 0000000000..73db124959 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/numberbox.css @@ -0,0 +1,25 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +textbox[type="number"] { + -moz-appearance: none; + -moz-box-align: center; + padding: 0 !important; + border: none; + background-color: transparent; + cursor: default; +} + +html|*.numberbox-input { + text-align: right; + padding: 0 1px !important; +} + +.numberbox-input-box { + -moz-appearance: textfield; + margin-right: 4px; +} diff --git a/comm/suite/themes/classic/mac/communicator/places/bookmarks.css b/comm/suite/themes/classic/mac/communicator/places/bookmarks.css new file mode 100644 index 0000000000..684fd8b9e2 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/bookmarks.css @@ -0,0 +1,108 @@ +/* -*- Mode: C; c-basic-offset: 2 -*- */ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/** + * Style rules for generic bookmarks items. + */ + +treechildren::-moz-tree-image(title) { + margin-inline-end: 2px; + width: 16px; + height: 16px; +} + +.bookmark-item, +treechildren::-moz-tree-image(title) { + list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg"); +} + +.bookmark-item[container="true"], +treechildren::-moz-tree-image(title, container) { + list-style-image: url("chrome://global/skin/tree/folder.png"); +} + +.bookmark-item[container="true"][open="true"][loading="true"] { + list-style-image: url("chrome://communicator/skin/icons/loading.png") !important; +} + +.bookmark-item > .toolbarbutton-box > .toolbarbutton-icon { + list-style-image: inherit; + width: 16px; + height: 16px; +} + +.bookmark-item[container][livemark], +treechildren::-moz-tree-image(title, container, livemark) { + list-style-image: url("chrome://communicator/skin/places/livemark-folder.png"); +} + +.bookmark-item[container][livemark] .bookmark-item, +treechildren::-moz-tree-image(title, livemarkItem) { + list-style-image: url("chrome://communicator/skin/places/bookmark-item-updated.png"); +} + +.bookmark-item[container][livemark] .bookmark-item[visited], +treechildren::-moz-tree-image(title, livemarkItem, visited) { + list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg"); +} + +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbarFolderMenu, +treechildren::-moz-tree-image(container, queryFolder_toolbar_____) { + list-style-image: url("chrome://communicator/skin/places/bookmarksToolbar.png"); +} + +treechildren::-moz-tree-image(container, queryFolder_menu________) { + list-style-image: url("chrome://communicator/skin/places/bookmarksMenu.png"); +} + +#unsortedBookmarksFolderMenu, +#BMB_unsortedBookmarksFolderMenu, +treechildren::-moz-tree-image(container, queryFolder_unfiled_____) { + list-style-image: url("chrome://communicator/skin/places/unsortedBookmarks.png"); +} + +/* query-nodes should be styled even if they're not expandable */ +.bookmark-item[query], +treechildren::-moz-tree-image(query) { + list-style-image: url("chrome://communicator/skin/places/query.png"); +} + +treechildren::-moz-tree-image(query, OrganizerQuery_AllBookmarks) { + list-style-image: url("chrome://communicator/skin/places/allBookmarks.png"); +} + + +.bookmark-item[query][tagContainer], +treechildren::-moz-tree-image(title, query, tagContainer), +treechildren::-moz-tree-image(query, OrganizerQuery_Tags) { + list-style-image: url("chrome://communicator/skin/places/tag.png"); +} + +/* calendar icon for history grouping items by day */ +treechildren::-moz-tree-image(title, query, dayContainer) { + list-style-image: url("chrome://communicator/skin/places/calendar.png"); +} + +treechildren::-moz-tree-image(query, OrganizerQuery_History) { + list-style-image: url("chrome://communicator/skin/places/history.png"); +} + +treechildren::-moz-tree-image(title, separator) { + list-style-image: none; + width: 0px; + height: 0px; +} + +treechildren::-moz-tree-cell-text(title, separator) { + color: ThreeDShadow; + margin: 0px 5px; +} + +treechildren::-moz-tree-cell-text(title, separator, selected, focus) { + color: HighlightText; +} diff --git a/comm/suite/themes/classic/mac/communicator/places/bookmarksMenu.png b/comm/suite/themes/classic/mac/communicator/places/bookmarksMenu.png Binary files differnew file mode 100644 index 0000000000..cb2351d963 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/bookmarksMenu.png diff --git a/comm/suite/themes/classic/mac/communicator/places/bookmarksToolbar.css b/comm/suite/themes/classic/mac/communicator/places/bookmarksToolbar.css new file mode 100644 index 0000000000..fb4875387b --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/bookmarksToolbar.css @@ -0,0 +1,77 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== bookmarksToolbar.css =========================================== + == Styles specific to bookmark items in a toolbar. + ======================================================================= */ + +@import url("chrome://communicator/skin/places/bookmarks.css"); + +/* ::::: bookmark toolbar buttons ::::: */ + +/* ..... bookmark items ..... */ + +toolbarbutton.bookmark-item { + min-width: 0px; + max-width: 13em; +} + +.bookmark-item > .toolbarbutton-icon { + background-image: url("chrome://communicator/skin/places/filters.svg"); /* Preload filter */ + width: 16px; + height: 16px; +} + +.bookmark-item:not([disabled="true"]):hover:active > .toolbarbutton-icon, +.bookmark-item[open] > .toolbarbutton-icon { + filter: url("chrome://communicator/skin/places/filters.svg#iconPressed"); +} + +toolbarbutton.bookmark-item[disabled="true"] > .toolbarbutton-icon { + opacity: 0.5 !important; +} + +.bookmark-item > .toolbarbutton-menu-dropmarker { + display: none; +} + +/* ::::: bookmark menus ::::: */ + +.bookmark-group { + list-style-image: url(chrome://communicator/skin/places/bookmark-group.png) !important; +} + +.menuitem-iconic.bookmark-item[disabled="true"] { + list-style-image: url("chrome://communicator/skin/places/bookmark-item-dis.png"); +} + +.menu-iconic.bookmark-item[disabled="true"][container="true"] { + opacity: 0.5; +} + +/* ..... drag and drop styles ..... */ + +#PlacesToolbarDropIndicator { + list-style-image: url("chrome://communicator/skin/places/toolbarDropMarker.png"); +} + +.bookmark-item[dragover-into="true"] { + background: Highlight !important; + color: HighlightText !important; +} + +/* rules for menupopup drop indicators */ +.menupopup-drop-indicator-bar { + position: relative; + /* these two margins must together compensate the indicator's height */ + margin-top: -1px; + margin-bottom: -1px; +} + +.menupopup-drop-indicator { + list-style-image: none; + height: 2px; + margin-inline-end: -4em; + background-color: Highlight; +} diff --git a/comm/suite/themes/classic/mac/communicator/places/bookmarksToolbar.png b/comm/suite/themes/classic/mac/communicator/places/bookmarksToolbar.png Binary files differnew file mode 100644 index 0000000000..075708d02e --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/bookmarksToolbar.png diff --git a/comm/suite/themes/classic/mac/communicator/places/editBookmarkOverlay.css b/comm/suite/themes/classic/mac/communicator/places/editBookmarkOverlay.css new file mode 100644 index 0000000000..8b8f90c82a --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/editBookmarkOverlay.css @@ -0,0 +1,75 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/**** folder menulist ****/ +.folder-icon > .menulist-label-box > .menulist-icon { + width: 16px; + height: 16px; +} + +.folder-icon > .menu-iconic-left { + display: -moz-box; +} + +.folder-icon { + list-style-image: url("chrome://global/skin/tree/folder.png"); +} + +.menulist-icon { + margin: 0 !important; +} + +/**** expanders ****/ + +.expander-up, +.expander-down { + margin: 0 4px 1px 8px; + padding: 0; +} + +.expander-up { + -moz-appearance: -moz-mac-disclosure-button-open; +} + +.expander-down { + -moz-appearance: -moz-mac-disclosure-button-closed; +} + +#editBookmarkPanelContent { + min-width: 23em; +} + +#editBMPanel_folderTree { + margin: 6px 4px 0 4px; +} + +/* Hide the value column of the tag autocomplete popup + * leaving only the comment column visible. This is + * so that only the tag being edited is shown in the + * popup. + */ +#editBMPanel_tagsField #treecolAutoCompleteValue { + visibility: collapse; +} + + +/* ::::: bookmark panel dropdown icons ::::: */ + +#editBMPanel_folderMenuList[selectedIndex="0"], +#editBMPanel_toolbarFolderItem { + list-style-image: url("chrome://communicator/skin/places/bookmarksToolbar.png"); +} + +#editBMPanel_folderMenuList[selectedIndex="1"], +#editBMPanel_bmRootItem { + list-style-image: url("chrome://communicator/skin/places/bookmarksMenu.png"); +} + +#editBMPanel_folderMenuList[selectedIndex="2"], +#editBMPanel_unfiledRootItem { + list-style-image: url("chrome://communicator/skin/places/unsortedBookmarks.png"); +} diff --git a/comm/suite/themes/classic/mac/communicator/places/filters.svg b/comm/suite/themes/classic/mac/communicator/places/filters.svg new file mode 100644 index 0000000000..d3ad6a76b8 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/filters.svg @@ -0,0 +1,14 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg"> + <filter id="iconPressed" color-interpolation-filters="sRGB"> + <!-- Multiply all components with 0.55. --> + <feComponentTransfer> + <feFuncR type="linear" slope=".55"/> + <feFuncG type="linear" slope=".55"/> + <feFuncB type="linear" slope=".55"/> + </feComponentTransfer> + </filter> +</svg> diff --git a/comm/suite/themes/classic/mac/communicator/places/livemark-folder.png b/comm/suite/themes/classic/mac/communicator/places/livemark-folder.png Binary files differnew file mode 100644 index 0000000000..62414dbeda --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/livemark-folder.png diff --git a/comm/suite/themes/classic/mac/communicator/places/organizer.css b/comm/suite/themes/classic/mac/communicator/places/organizer.css new file mode 100644 index 0000000000..327e4a513d --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/organizer.css @@ -0,0 +1,185 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#placesList { + padding: 0; + -moz-appearance: -moz-mac-source-list; + -moz-font-smoothing-background-color: -moz-mac-source-list; +} + +#placesList > treechildren::-moz-tree-row { + min-height: 18px; +} + +#placesList > treechildren::-moz-tree-row(selected) { + -moz-appearance: -moz-mac-source-list-selection; + -moz-font-smoothing-background-color: -moz-mac-source-list-selection; +} + +#placesList > treechildren::-moz-tree-row(selected, focus) { + -moz-appearance: -moz-mac-active-source-list-selection; + -moz-font-smoothing-background-color: -moz-mac-active-source-list-selection; +} + +#placesList > treechildren::-moz-tree-twisty(selected), +#placesList > treechildren::-moz-tree-cell-text(selected) { + color: #FFFFFF; + fill-opacity: 1; +} + +#placesList > treechildren::-moz-tree-twisty { + width: 16px; + padding-bottom: 1px; +} + +@media (-moz-mac-yosemite-theme) { + #placesList > treechildren::-moz-tree-twisty(selected), + #placesList > treechildren::-moz-tree-cell-text(selected) { + color: -moz-dialogtext; + fill-opacity: 0.6; + } + + #placesList > treechildren::-moz-tree-twisty(selected, focus), + #placesList > treechildren::-moz-tree-cell-text(selected, focus) { + color: #FFFFFF; + fill-opacity: 1; + } +} + +#placeContent { + border: 0; +} + +#placeContent > treechildren::-moz-tree-row { + min-height: 18px; + border-top: none !important; +} + +#placeContent > treechildren::-moz-tree-cell, +#placeContent > treechildren::-moz-tree-column { + border-right: 1px solid #D7DAD7; +} + +#placeContent > treechildren::-moz-tree-cell(separator) { + border-color: transparent; +} + +#placesList-splitter { + border: solid #B3B3B3; + border-width: 0 1px 0 0; + background-image: none; + min-width: 1px; +} + +/* This splitter is always disabled and contains a grippy... see bug 591779 */ +#detailsDeck-splitter { + display: none; +} + +#detailsDeck { + border-top: 1px solid #919191; + background-color: #F0F0F0; + padding: 10px; +} + +#infoBoxExpander { + margin: 0; +} + +#infoBoxExpanderLabel { + display: none; +} + +#advancedSearch > hbox, +#advancedSearchRows > row { + background-color: #E8E8E8; + border-top: 1px solid #F8F8F8; + border-bottom: 1px solid #BABABA; +} + +#advancedSearchRows > row, +#searchActions { + padding-inline-start: 2px; + padding-inline-end: 8px; +} + +#organizerScopeBar { + padding: 3px; + -moz-appearance: none; + background: linear-gradient(#E8E8E8, #D0D0D0) repeat-x; + border-bottom: 1px solid #888888; +} + +#scopeBarTitle { + font: icon; + color: #6D6D6D; + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, .4); + margin: 0 6px 1px; +} + +button[group="scopeBar"] { + -moz-appearance: none; + -moz-box-pack: center; + border: 0; + font: icon; + font-weight: bold; + min-width: 0; + color: #2D2D2D; + border-radius: 10000px; + padding: 0 10px 1px; + margin: 1px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); +} + +button[group="scopeBar"]:hover, +button[group="scopeBar"][checked="true"] { + color: #FFFFFF; + text-shadow: 0 1px rgba(0, 0, 0, .4); + background-color: rgba(0, 0, 0, .32); +} + +button[group="scopeBar"]:active:hover, +button[group="scopeBar"][checked="true"] { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4); +} + +button[group="scopeBar"]:active:hover { + background-color: rgba(0, 0, 0, .5); +} + +.button-text { + margin: 0 !important; +} + +#organizerScopeBarExpander { + margin: 0; + padding: 0; + padding-inline-end: 2px; +} + +#saveSearch { + margin: 0 4px; + padding: 0 10px; + min-width: 0; + -moz-appearance: none; + border-radius: 10000px; + border: 1px solid rgba(0, 0, 0, .4); + text-shadow: 0 1px rgba(255, 255, 255, .4); + background: linear-gradient(#FFF, #CACACA) repeat-x; + box-shadow: 0 1px rgba(255, 255, 255, .4); +} + +#saveSearch:active:hover { + background: #CCCCCC; + box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .4); +} + +#saveSearch:focus { + box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 3px 1px -moz-mac-focusring, 0 0 1.5px 1px -moz-mac-focusring, 0 1px rgba(255, 255, 255, .4); +} + +#saveSearch:active:hover:focus { + box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 3px 1px -moz-mac-focusring, 0 0 1.5px 1px -moz-mac-focusring, inset 0 1px 3px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .4); +} diff --git a/comm/suite/themes/classic/mac/communicator/places/query.png b/comm/suite/themes/classic/mac/communicator/places/query.png Binary files differnew file mode 100644 index 0000000000..4b87272ed4 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/query.png diff --git a/comm/suite/themes/classic/mac/communicator/places/tag.png b/comm/suite/themes/classic/mac/communicator/places/tag.png Binary files differnew file mode 100644 index 0000000000..a4038bb4fa --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/tag.png diff --git a/comm/suite/themes/classic/mac/communicator/places/toolbarDropMarker.png b/comm/suite/themes/classic/mac/communicator/places/toolbarDropMarker.png Binary files differnew file mode 100644 index 0000000000..026c1b82db --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/places/toolbarDropMarker.png diff --git a/comm/suite/themes/classic/mac/communicator/preferences.css b/comm/suite/themes/classic/mac/communicator/preferences.css new file mode 100644 index 0000000000..883f09c2b4 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/preferences.css @@ -0,0 +1,77 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Styles used by all preference windows and panes of SeaMonkey */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: Main Window ::::: */ + +prefwindow { + -moz-appearance: dialog; + background-color: #FFFFFF; + color: -moz-DialogText; + font: message-box; + padding-top: 8px; + padding-bottom: 0px; + padding-inline-start: 8px; + padding-inline-end: 10px; + font: -moz-dialog; +} + +prefwindow[type="child"] { + padding-top: 18px; + padding-bottom: 15px; + padding-inline-start: 18px; + padding-inline-end: 20px; +} + +prefpane { + padding: 12px 12px 0 12px; +} + +prefwindow[type="child"] > prefpane { + padding: 0; +} + +.prefWindow-dlgbuttons { + margin: 0 12px 12px; + padding-top: 0 !important; +} + +.paneSelector { + font: message-box; + padding: 1px 4px; + -moz-appearance: toolbar; + margin: 0; +} + +radio[pane] { + border: solid transparent; + border-width: 0 2px; + padding: 5px 4px 3px; + margin: 0; + -moz-appearance: none; + text-shadow: rgba(255, 255, 255, 0.4) 0 1px; +} + +radio[pane]:active:hover { + text-shadow: none; +} + +radio[pane]:active:hover > .paneButtonIcon { + filter: brightness(0.55); +} + +radio[pane][selected="true"] { + border-image: url("chrome://communicator/skin/icons/panebutton-active.png") 0 2 fill repeat stretch; +} + +radio[pane][selected="true"]:-moz-window-inactive { + border-image: url("chrome://communicator/skin/icons/panebutton-inactive.png") 0 2 fill repeat stretch; +} + +.paneButtonLabel { + margin: 0 !important; +} diff --git a/comm/suite/themes/classic/mac/communicator/profile/profile.css b/comm/suite/themes/classic/mac/communicator/profile/profile.css new file mode 100644 index 0000000000..0c28c6b019 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/profile/profile.css @@ -0,0 +1,51 @@ +/* -*- Mode: C; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- + * + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/global.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +treechildren::-moz-tree-image { + margin-inline-end: 2px; + list-style-image: url("chrome://communicator/skin/profile/profileicon-large.gif"); +} + +treechildren::-moz-tree-image(rowMigrate-no) { + list-style-image: url("chrome://communicator/skin/profile/migrate.gif"); +} + +/* profile selection dialog */ + +/* Override global.css */ +hbox.wizard-box { + padding: 10px 10px 10px 10px; +} + +#header { + -moz-box-orient: vertical; + margin: -14px -14px 0; + padding: 12px; + padding-inline-end: 5px; + padding-inline-start: 25px; +} + +#header > .dialogheader-title { + font: inherit; + font-weight: bold; +} + +#header > .dialogheader-description { + margin-inline-start: 12px !important; +} + +#intro, +#label { + width: 17em; +} + +#managebuttons > button { + min-width: 8em; +} diff --git a/comm/suite/themes/classic/mac/communicator/sanitizeDialog.css b/comm/suite/themes/classic/mac/communicator/sanitizeDialog.css new file mode 100644 index 0000000000..f01eb2c0b1 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/sanitizeDialog.css @@ -0,0 +1,45 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Align the duration label with the warning box and item list */ +#sanitizeDurationLabel { + margin-inline-start: 1px; +} + + +/* Hide the duration dropdown suffix label if it's empty. Otherwise it + takes up a little space, causing the end of the dropdown to not be aligned + with the warning box. */ +#sanitizeDurationSuffixLabel[value=""] { + display: none; +} + + +/* Sanitize everything warning box */ +#sanitizeWarningBox { + background-color: Window; + border: 1px solid ThreeDDarkShadow; + border-radius: 5px; + padding: 16px; +} + +#sanitizeWarningIcon { + list-style-image: url("chrome://global/skin/icons/warning-large.png"); + padding: 0; + margin: 0; +} + +#sanitizeWarningDescBox { + padding: 0 16px; + margin: 0; +} + + +/* Align the last dialog button with the end of the warning box */ +.dialog-button-box { + margin-inline-end: 0; +} +.dialog-button[dlgtype="accept"] { + margin-inline-end: 0; +} diff --git a/comm/suite/themes/classic/mac/communicator/search/searchbar-dropmarker.png b/comm/suite/themes/classic/mac/communicator/search/searchbar-dropmarker.png Binary files differnew file mode 100644 index 0000000000..3177b09a5f --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/search/searchbar-dropmarker.png diff --git a/comm/suite/themes/classic/mac/communicator/search/searchbar-search.png b/comm/suite/themes/classic/mac/communicator/search/searchbar-search.png Binary files differnew file mode 100644 index 0000000000..ca2dbfcd16 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/search/searchbar-search.png diff --git a/comm/suite/themes/classic/mac/communicator/search/searchbar.css b/comm/suite/themes/classic/mac/communicator/search/searchbar.css new file mode 100644 index 0000000000..9b1280e749 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/search/searchbar.css @@ -0,0 +1,69 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.searchbar-textbox { + width: 6em; + min-width: 6em; + -moz-appearance: none; + border-radius: 10000px; + background-clip: padding-box; + padding: 0; + margin: 0 4px; + border: 1px solid; + border-color: rgb(132, 132, 132) rgba(132, 132, 132, 0.6) rgba(132, 132, 132, 0.2); + box-shadow: 0 1px rgb(212, 212, 212) inset, + 0 -1px rgb(253, 253, 253) inset, + 1px 0 rgb(247, 247, 247) inset, + -1px 0 rgb(247, 247, 247) inset; +} + +.searchbar-textbox[focused="true"] { + box-shadow: 0 0 1px -moz-mac-focusring inset, + 0 0 4px 1px -moz-mac-focusring, + 0 0 1.5px 1px -moz-mac-focusring; +} + +.textbox-input-box { + margin: 0; + padding: 3px 0 2px; + height: 20px; +} + +/* ::::: searchbar-engine-button ::::: */ + +.toolbarbutton-icon { + height: 16px; + width: 16px; + list-style-image: url("chrome://communicator/skin/icons//item.png"); +} + +.searchbar-engine-button { + padding-inline-start: 6px !important; /* Need !important because of class="plain". */ + min-width: 0; +} + +.toolbarbutton-text { + display: none; +} + +.toolbarbutton-menu-dropmarker { + list-style-image: url("chrome://communicator/skin/search/searchbar-dropmarker.png"); + margin-inline-end: 4px; +} + +.searchbar-popup { + margin-top: 4px; + margin-inline-start: 3px; +} + +/* ::::: search-go-button ::::: */ + +.search-go-container { + -moz-box-align: center; + padding-inline-end: 6px; +} + +.search-go-button { + list-style-image: url("chrome://communicator/skin/search/searchbar-search.png"); +} diff --git a/comm/suite/themes/classic/mac/communicator/sidebar/sidebar.css b/comm/suite/themes/classic/mac/communicator/sidebar/sidebar.css new file mode 100644 index 0000000000..7e7d05785c --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/sidebar/sidebar.css @@ -0,0 +1,164 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== sidebar.css ==================================================== + == Styles used by the Sidebar panel and Sidebar tabs. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#sidebar-box { + border-left: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + background-color: AppWorkspace; +} + +#sidebar-box:-moz-lwtheme { + background-color: transparent; +} + +/* ::::: sidebar header ::::: */ + +.sidebarheader-main { + -moz-appearance: toolbar; + background-color: InactiveCaption; + color: CaptionText; + padding-top: 1px; + padding-bottom: 1px; + padding-inline-start: 6px; + padding-inline-end: 2px; + overflow-x: hidden; +} + +.sidebarheader-main:-moz-lwtheme { + -moz-appearance: none; + background-color: transparent; + color: inherit; +} + +#sidebar-panel-picker:not(:-moz-lwtheme) { + /* would override hover/active styles, so let lwtheme do it in its own way */ + color: inherit; +} + +#sidebar-panel-picker > .toolbarbutton-dropmarker { + padding: 0 2px; + list-style-image: url("chrome://global/skin/arrow/arrow-dn.png"); +} + +.sidebar-header-text { + font-weight: bold; +} + +/* ..... close button ..... */ + +#sidebar-close-button { + padding-top: 1px; + padding-bottom: 1px; + padding-inline-start: 4px; + padding-inline-end: 3px; + list-style-image: url("chrome://communicator/skin/icons/close-button.png"); +} + +/* ::::: sidebar panel ::::: */ + +.sidebar-iframe-no-panels, +.loadarea { + background-color: -moz-Field; + color: -moz-FieldText; +} + +.iframe-panel, .browser-sidebar { + border-left: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDShadow; +} + +/* ::::: loading info ::::: */ + +.text-panel-loading { + margin: 5px 0px; +} + +.text-panel-loading[loading="false"] { + margin-inline-start: 11px; +} + +.image-panel-loading { + margin: 5px; + list-style-image: url("chrome://communicator/skin/icons/loading.png"); +} + +/* ::::: sidebar tabs ::::: */ + +.box-texttab { + -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab"); + -moz-box-align: center; + cursor: pointer; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +.box-texttab:-moz-lwtheme { + text-shadow: none; +} + +.box-texttab, +.box-texttab[selected="true"], +.box-texttab[selected="true"]:hover, +.box-texttab[selected="true"]:hover:active { + border: 1px solid; + border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; + padding-top: 2px; + padding-bottom: 2px; + padding-inline-start: 0px; + padding-inline-end: 1px; +} + +.box-texttab:hover { + border-right-color: ThreeDDarkShadow; + border-bottom-color: ThreeDDarkShadow; +} + +.box-texttab:hover:active { + border-color: ThreeDShadow; +} + +.sbtab-label { + margin: 0px !important; +} + +.sbtab-twisty { + margin: 0px 7px; + list-style-image: url("chrome://communicator/skin/sidebar/sbtab-twisty.png"); +} + +.sbtab-texture { + margin: 2px 0px; + width: 12px; + height: 12px; +} + +.box-texttab[selected="true"] { + font-weight: bold; + cursor: default; +} + +.sbtab-twisty[selected="true"] { + list-style-image: url("chrome://communicator/skin/sidebar/sbtab-twisty-open.png"); +} + +/* ::::: sidebar navigation buttons ::::: */ + +.sidebar-nav-button { + padding: 5px 0px; +} + +.tab-fwd { + list-style-image: url("chrome://global/skin/arrow/arrow-up.png"); +} + +.tab-back { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.png"); +} diff --git a/comm/suite/themes/classic/mac/communicator/spinbuttons.css b/comm/suite/themes/classic/mac/communicator/spinbuttons.css new file mode 100644 index 0000000000..bf89520f68 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/spinbuttons.css @@ -0,0 +1,31 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +spinbuttons { + height: 24px; + min-height: 24px; + -moz-appearance: spinner; + cursor: default; +} + +.spinbuttons-up { + -moz-appearance: none; + -moz-box-flex: 1; + min-width: 1px; + min-height: 1px; + margin: 0; + padding: 0; +} + +.spinbuttons-down { + -moz-appearance: none; + -moz-box-flex: 1; + min-width: 1px; + min-height: 1px; + margin: 0; + padding: 0; +} + diff --git a/comm/suite/themes/classic/mac/communicator/sync/syncSetup.css b/comm/suite/themes/classic/mac/communicator/sync/syncSetup.css new file mode 100644 index 0000000000..3edbd1fe95 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/sync/syncSetup.css @@ -0,0 +1,127 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +wizard { + -moz-appearance: none; + width: 55em; + height: 45em; + padding: 0; + background-color: Window; +} + +.wizard-page-box { + -moz-appearance: none; + padding-left: 0; + padding-right: 0; + margin: 0; +} + +wizardpage { + -moz-box-pack: center; + -moz-box-align: center; + margin: 0; + padding: 0 6em; + background-color: Window; +} + +.wizard-header { + -moz-appearance: none; + border: none; + padding: 2em 0 1em 0; + text-align: center; +} +.wizard-header-label { + font-size: 24pt; + font-weight: normal; +} + +.wizard-buttons { + background-color: rgba(0,0,0,0.1); + padding: 1em; +} + +.wizard-buttons-separator { + visibility: collapse; +} + +.wizard-header-icon { + visibility: collapse; +} + +.accountChoiceButton { + font: menu; +} + +.confirm { + border: 1px solid black; + padding: 1em; + border-radius: 5px; +} + +/* Override the label margin from global.css */ +description > .text-link { + margin: 0px; +} + +.success, +.error { + padding: 2px; + border-radius: 2px; +} + +.error { + background-color: #FF0000 !important; + color: #FFFFFF !important; +} + +.success { + background-color: #00FF00 !important; +} + +.warning { + font-weight: bold; + font-size: 100%; + color: red; +} + +.mainDesc { + font-weight: bold; + font-size: 100%; +} + +.normal { + font-size: 100%; +} + +.inputColumn { + margin-inline-end: 2px; +} + +.recommended { + font-weight: bold; +} + +.pin { + font-size: 18pt; + width: 4em; + text-align: center; +} + +#passphraseHelpSpacer { + width: 0.5em; +} + +#add-device-throbber, +#login-throbber { + list-style-image: url("chrome://communicator/skin/icons/loading.png"); +} + +#successPageIcon { + /* TODO replace this with a 128px version (bug 591122) */ + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#pickSetupDesc { + padding: 0 7em; +} diff --git a/comm/suite/themes/classic/mac/communicator/toolbar.css b/comm/suite/themes/classic/mac/communicator/toolbar.css new file mode 100644 index 0000000000..34ce372a93 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/toolbar.css @@ -0,0 +1,57 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== toolbar.css ==================================================== + == Styles used by XUL grippytoolbar in addition to general toolbar styles. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.toolbar-primary { + min-height: 24px; +} + +toolbargrippy { + display: none; + -moz-box-orient: vertical; + -moz-box-align: center; + width: 10px; + padding: 2px 1px; + list-style-image: url("chrome://communicator/skin/toolbar/tbgrip-arrow.png"); +} + +toolbargrippy:hover { + background-color: ThreeDHighlight; +} + +.toolbargrippy-texture { + margin-top: 2px; + width: 6px; + background: url("chrome://communicator/skin/toolbar/tbgrip-texture.png"); +} + +/* ::::: collapsed tray and grippies ::::: */ + +toolbargrippy[tbgrippy-collapsed="true"] { + -moz-box-orient: horizontal; + border-left: 1px solid ThreeDHighlight; + border-top: 1px solid ThreeDHighlight; + border-right: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDShadow; + width: 40px; + height: 10px; + padding: 1px 2px; + list-style-image: url("chrome://communicator/skin/toolbar/tbgrip-arrow-clps.png"); +} + +toolbargrippy[tbgrippy-collapsed="true"] > .toolbargrippy-texture { + margin-top: 0; + margin-inline-start: 2px; + width: 0px; + height: 6px; +} + +.collapsed-tray-spacer { + border-bottom: 1px solid ThreeDShadow; +} diff --git a/comm/suite/themes/classic/mac/communicator/toolbar/toolbar-gradient22.png b/comm/suite/themes/classic/mac/communicator/toolbar/toolbar-gradient22.png Binary files differnew file mode 100644 index 0000000000..4ab1228bbc --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/toolbar/toolbar-gradient22.png diff --git a/comm/suite/themes/classic/mac/communicator/toolbar/toolbar-gradient34.png b/comm/suite/themes/classic/mac/communicator/toolbar/toolbar-gradient34.png Binary files differnew file mode 100644 index 0000000000..79a8835dad --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/toolbar/toolbar-gradient34.png diff --git a/comm/suite/themes/classic/mac/communicator/viewSourceOverlay.css b/comm/suite/themes/classic/mac/communicator/viewSourceOverlay.css new file mode 100644 index 0000000000..ef28c640e2 --- /dev/null +++ b/comm/suite/themes/classic/mac/communicator/viewSourceOverlay.css @@ -0,0 +1,14 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* make findbar appear above content */ +#appcontent { + -moz-box-direction: reverse; +} + +/* style findbar for being on top */ +#FindToolbar { + border-top: none; + border-bottom: 1px solid #888888; +} diff --git a/comm/suite/themes/classic/mac/editor/editor.css b/comm/suite/themes/classic/mac/editor/editor.css new file mode 100644 index 0000000000..1c180f2f42 --- /dev/null +++ b/comm/suite/themes/classic/mac/editor/editor.css @@ -0,0 +1,84 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ==== editor.css ========================================================== + == Styles shared throughout the Editor application. + ========================================================================== */ + +@import url("chrome://communicator/skin/"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#editorWindow { + -moz-appearance: none; + background-color: #EEEEEE; +} + +#content-frame { + min-width: 10px; + min-height: 10px; + height: 400px; +} + +.source-editor, +.source-editor:focus { + margin-top: 0px; + margin-bottom: 5px; + margin-inline-start: 0px; + margin-inline-end: 5px; + border: 0px; + /* Scroll bars are in content, + so we can't use right and bottom padding! */ + padding-top: 5px; + padding-bottom: 0px; + padding-inline-start: 5px; + padding-inline-end: 0px; +} + +/* Multiline textarea for HTML source editing */ +#content-source, +#doctype-text { + font-family: -moz-fixed; + font-size: initial; +} + +#ContentWindowDeck { + border-left: 1px solid ThreeDDarkShadow; + border-right: 1px solid ThreeDLightShadow; +} + +/* ::::: struct toolbar ::::: */ + +#structToolbar { + min-width: 1px; + overflow: -moz-hidden-unscrollable; +} + +#structSpacer { + margin: 2px 0px; +} + +.struct-button { + padding: 2px; +} + +.struct-button[checked="true"] { + font-weight: bold; +} + +.struct-textbox { + -moz-appearance: none !important; + padding: 0px !important; + margin: 0px !important; + border: none !important; +} + +/* ::::: lightweight themes ::::: */ + +#EditModeToolbar:-moz-lwtheme { + text-shadow: none; + color: -moz-dialogtext; + background-color: -moz-dialog; +} + diff --git a/comm/suite/themes/classic/mac/editor/editorFormatToolbar.css b/comm/suite/themes/classic/mac/editor/editorFormatToolbar.css new file mode 100644 index 0000000000..d3f6ff36d8 --- /dev/null +++ b/comm/suite/themes/classic/mac/editor/editorFormatToolbar.css @@ -0,0 +1,538 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: formatting toolbar and buttons ::::: */ + +#FormatToolbar { + -moz-appearance: none; + border-bottom: 1px solid rgba(0,0,0,0.35); +} + +#FormatToolbar > toolbarbutton > .toolbarbutton-text { + display: none; +} + +toolbarbutton.formatting-button { + list-style-image: url("chrome://editor/skin/icons/btn2.png"); + min-width: 32px; +} + +#DecreaseFontSizeButton { + -moz-image-region: rect(64px 14px 80px 0px); +} + +#DecreaseFontSizeButton:hover { + -moz-image-region: rect(64px 28px 80px 14px); +} + +#DecreaseFontSizeButton:hover:active { + -moz-image-region: rect(64px 42px 80px 28px); +} + +#DecreaseFontSizeButton[disabled="true"] { + -moz-image-region: rect(64px 56px 80px 42px) !important; +} + +#IncreaseFontSizeButton { + -moz-image-region: rect(81px 18px 98px 0px); +} + +#IncreaseFontSizeButton:hover { + -moz-image-region: rect(81px 36px 98px 18px); +} + +#IncreaseFontSizeButton:hover:active { + -moz-image-region: rect(81px 54px 98px 36px); +} + +#IncreaseFontSizeButton[disabled="true"] { + -moz-image-region: rect(81px 72px 98px 54px) !important; +} + +#boldButton { + -moz-image-region: rect(16px 16px 32px 0px); +} + +#boldButton:hover { + -moz-image-region: rect(16px 32px 32px 16px); +} + +#boldButton:hover:active { + -moz-image-region: rect(16px 48px 32px 32px); +} + +#boldButton[checked="true"] { + -moz-image-region: rect(16px 16px 32px 0px); +} + +#boldButton[disabled="true"] { + -moz-image-region: rect(16px 64px 32px 48px) !important; +} + +#italicButton { + -moz-image-region: rect(98px 16px 114px 0px); +} + +#italicButton:hover { + -moz-image-region: rect(98px 32px 114px 16px); +} + +#italicButton:hover:active { + -moz-image-region: rect(98px 48px 114px 32px); +} + +#italicButton[checked="true"] { + -moz-image-region: rect(98px 16px 114px 0px); +} + +#italicButton[disabled="true"] { + -moz-image-region: rect(98px 64px 114px 48px) !important; +} + +#underlineButton { + -moz-image-region: rect(114px 16px 130px 0px); +} + +#underlineButton:hover { + -moz-image-region: rect(114px 32px 130px 16px); +} + +#underlineButton:hover:active { + -moz-image-region: rect(114px 48px 130px 32px); +} + +#underlineButton[checked="true"] { + -moz-image-region: rect(114px 16px 130px 0px); +} + +#underlineButton[disabled="true"] { + -moz-image-region: rect(114px 64px 130px 48px) !important; +} + +#ulButton { + -moz-image-region: rect(32px 16px 48px 0px); +} + +#ulButton:hover { + -moz-image-region: rect(32px 32px 48px 16px); +} + +#ulButton:hover:active { + -moz-image-region: rect(32px 48px 48px 32px); +} + +#ulButton[checked="true"] { + -moz-image-region: rect(32px 16px 48px 0px); +} + +#ulButton[disabled="true"] { + -moz-image-region: rect(32px 64px 48px 48px) !important; +} + +#olButton { + -moz-image-region: rect(194px 16px 210px 0px); +} + +#olButton:hover { + -moz-image-region: rect(194px 32px 210px 16px); +} + +#olButton:hover:active { + -moz-image-region: rect(194px 48px 210px 32px); +} + +#olButton[checked="true"] { + -moz-image-region: rect(194px 16px 210px 0px); +} + +#olButton[disabled="true"] { + -moz-image-region: rect(194px 64px 210px 48px) !important; +} + +#outdentButton { + -moz-image-region: rect(210px 16px 226px 0px); +} + +#outdentButton:hover { + -moz-image-region: rect(210px 32px 226px 16px); +} + +#outdentButton:hover:active { + -moz-image-region: rect(210px 48px 226px 32px); +} + +#outdentButton[disabled="true"] { + -moz-image-region: rect(210px 64px 226px 48px) !important; +} + +#indentButton { + -moz-image-region: rect(178px 16px 194px 0px); +} + +#indentButton:hover { + -moz-image-region: rect(178px 32px 194px 16px); +} + +#indentButton:hover:active { + -moz-image-region: rect(178px 48px 194px 32px); +} + +#indentButton[disabled="true"] { + -moz-image-region: rect(178px 64px 194px 48px) !important; +} + +#align-left-button { + -moz-image-region: rect(146px 16px 162px 0px); +} + +#align-left-button:hover { + -moz-image-region: rect(146px 32px 162px 16px); +} + +#align-left-button:hover:active { + -moz-image-region: rect(146px 48px 162px 32px); +} + +#align-left-button[checked="true"] { + -moz-image-region: rect(146px 16px 162px 0px); +} + +#align-left-button[disabled="true"] { + -moz-image-region: rect(146px 64px 162px 48px) !important; +} + +#align-center-button { + -moz-image-region: rect(48px 16px 64px 0px); +} + +#align-center-button:hover { + -moz-image-region: rect(48px 32px 64px 16px); +} + +#align-center-button:hover:active { + -moz-image-region: rect(48px 48px 64px 32px); +} + +#align-center-button[checked="true"] { + -moz-image-region: rect(48px 16px 64px 0px); +} + +#align-center-button[disabled="true"] { + -moz-image-region: rect(48px 64px 64px 48px) !important; +} + +#align-right-button { + -moz-image-region: rect(162px 16px 178px 0px); +} + +#align-right-button:hover { + -moz-image-region: rect(162px 32px 178px 16px); +} + +#align-right-button:hover:active { + -moz-image-region: rect(162px 48px 178px 32px); +} + +#align-right-button[checked="true"] { + -moz-image-region: rect(162px 16px 178px 0px); +} + +#align-right-button[disabled="true"] { + -moz-image-region: rect(162px 64px 178px 48px) !important; +} + +#align-justify-button { + -moz-image-region: rect(130px 16px 146px 0px); +} + +#align-justify-button:hover { + -moz-image-region: rect(130px 32px 146px 16px); +} + +#align-justify-button:hover:active { + -moz-image-region: rect(130px 48px 146px 32px); +} + +#align-justify-button[checked="true"] { + -moz-image-region: rect(130px 16px 146px 0px); +} + +#align-justify-button[disabled="true"] { + -moz-image-region: rect(130px 64px 146px 48px) !important; +} + +#AlignPopupButton { + -moz-image-region: rect(0px 16px 16px 0px); +} + +#AlignPopupButton:hover { + -moz-image-region: rect(0px 32px 16px 16px); +} + +#AlignPopupButton[open="true"] { + -moz-image-region: rect(0px 48px 16px 32px) !important; +} + +#AlignPopupButton[disabled="true"] { + -moz-image-region: rect(0px 64px 16px 48px) !important; +} + +#InsertPopupButton { + -moz-image-region: rect(244px 16px 260px 0px); +} + +#InsertPopupButton:hover { + -moz-image-region: rect(244px 32px 260px 16px); +} + +#InsertPopupButton[open="true"] { + -moz-image-region: rect(244px 48px 260px 32px) !important; +} + +#InsertPopupButton[disabled="true"] { + -moz-image-region: rect(244px 64px 260px 48px) !important; +} + +#smileButtonMenu { + -moz-image-region: rect(227px 17px 244px 0px); +} + +#smileButtonMenu:hover { + -moz-image-region: rect(227px 34px 244px 17px); +} + +#smileButtonMenu[open="true"] { + -moz-image-region: rect(227px 51px 244px 34px) !important; +} + +#smileButtonMenu[disabled="true"] { + -moz-image-region: rect(227px 68px 244px 51px) !important; +} + +/* ::::: menuitem icons ::::: */ + +/* ..... align menu ..... */ + +#AlignPopup > menuitem { + list-style-image: url("chrome://editor/skin/icons/btn2.png"); +} + +#AlignLeftItem { + -moz-image-region: rect(146px 16px 162px 0px); +} + +#AlignCenterItem { + -moz-image-region: rect(48px 16px 64px 0px); +} + +#AlignRightItem { + -moz-image-region: rect(162px 16px 178px 0px); +} + +#AlignJustifyItem { + -moz-image-region: rect(130px 16px 146px 0px); +} + +/* ..... insert menu ..... */ + +#InsertPopup > menuitem { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); +} + +#InsertLinkItem { + -moz-image-region: rect(60px 19px 79px 0); +} + +#InsertAnchorItem { + -moz-image-region: rect(0 19px 19px 0); +} + +#InsertImageItem { + -moz-image-region: rect(40px 19px 59px 0); +} + +#InsertHRuleItem { + -moz-image-region: rect(20px 19px 39px 0); +} + +#InsertTableItem { + -moz-image-region: rect(180px 19px 199px 0); +} + +/* ..... smiley menu ..... */ + +.insert-smile { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-smile.png"); +} + +.insert-frown { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-frown.png"); +} + +.insert-wink { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-wink.png"); +} + +.insert-tongue { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png"); +} + +.insert-laughing { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png"); +} + +.insert-embarrassed { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png"); +} + +.insert-undecided { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png"); +} + +.insert-surprise { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png"); +} + +.insert-kiss { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png"); +} + +.insert-yell { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-yell.png"); +} + +.insert-cool { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png"); +} + +.insert-money { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png"); +} + +.insert-foot { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png"); +} + +.insert-innocent { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png"); +} + +.insert-cry { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png"); +} + +.insert-sealed { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png"); +} + +/* ::::: fg/bg color picker ::::: */ + +.ColorPickerLabel { + border: 1px inset ThreeDFace; + margin: 0px; + padding: 2px; +} + +.color-button { + border: 1px inset ThreeDFace; + padding: 0px; + width: 14px; + height: 12px; + margin: 2px; +} + +.color-button:hover { + border: 1px solid ThreeDDarkShadow; +} + +#TextColorButton { + margin-top: 2px; + margin-bottom: 9px; + margin-inline-start: 2px; + margin-inline-end: 9px; +} + +#BackgroundColorButton { + margin-top: 9px; + margin-bottom: 2px; + margin-inline-start: 9px; + margin-inline-end: 2px; +} + +#HighlightColorButton { + -moz-image-region: rect(260px 16px 272px 0px); + background-color: transparent; +} + +#HighlightColorButton:hover { + -moz-image-region: rect(260px 32px 272px 16px); +} + +#HighlightColorButton:hover:active { + -moz-image-region: rect(260px 48px 272px 32px); +} + +#HighlightColorButton[disabled="true"], +#HighlightColorButton[disabled="true"]:hover, +#HighlightColorButton[disabled="true"]:hover:active { + -moz-image-region: rect(260px 64px 272px 48px); +} + + +#absolutePositionButton { + -moz-image-region: rect(273px 16px 289px 0px); +} + +#absolutePositionButton:hover { + -moz-image-region: rect(273px 32px 289px 16px); +} + +#absolutePositionButton:hover:active { + -moz-image-region: rect(273px 48px 289px 32px); +} + +#absolutePositionButton[disabled="true"] { + -moz-image-region: rect(273px 64px 289px 48px) ! important; +} + +#absolutePositionButton[checked="true"]{ + -moz-image-region: rect(289px 16px 305px 0px); +} + +#absolutePositionButton[checked="true"]:hover { + -moz-image-region: rect(289px 32px 305px 16px); +} + +#absolutePositionButton[checked="true"]:hover:active { + -moz-image-region: rect(289px 48px 305px 32px); +} + +#increaseZIndexButton { + list-style-image: url("chrome://editor/content/images/bringtofront.png"); +} + +#increaseZIndexButton[disabled="true"] { + list-style-image: url("chrome://editor/content/images/bringtofront-disabled.png"); +} + +#decreaseZIndexButton { + list-style-image: url("chrome://editor/content/images/sendtoback.png"); +} + +#decreaseZIndexButton[disabled="true"] { + list-style-image: url("chrome://editor/content/images/sendtoback-disabled.png"); +} + +/* Force the folder location and mail view items to fit in the available width + in the Customize Toolbar dialog. */ +#palette-box #paragraph-select-container, +#palette-box #ParagraphSelect, +#palette-box #font-face-select-container, +#palette-box #FontFaceSelect, +#palette-box #font-size-select-container, +#palette-box #FontSizeSelect { + -moz-box-flex: 1; +} diff --git a/comm/suite/themes/classic/mac/editor/editorModeToolbar.css b/comm/suite/themes/classic/mac/editor/editorModeToolbar.css new file mode 100644 index 0000000000..79762cc446 --- /dev/null +++ b/comm/suite/themes/classic/mac/editor/editorModeToolbar.css @@ -0,0 +1,76 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: edit mode toolbar ::::: */ + +#EditModeToolbar { + -moz-box-align: start; + min-width: 1px; +} + +#NormalModeButton { + list-style-image: url("chrome://editor/skin/icons/editmode-normal.png"); +} + +#TagModeButton { + list-style-image: url("chrome://editor/skin/icons/editmode-tags.png"); +} + +#SourceModeButton { + list-style-image: url("chrome://editor/skin/icons/editmode-html.png"); +} + +#PreviewModeButton { + list-style-image: url("chrome://editor/skin/icons/editmode-preview.png"); +} + +#EditModeTabs { + background-color: rgba(0, 0, 0, 0.1); + padding: 0; + margin: 0; + border-top: 1px solid #888; + -moz-box-align: start; + font: message-box; +} +#EditModeTabs > .tabs-left { + -moz-box-flex: 0; +} + +.tab-bottom { + -moz-appearance: none; + margin: -1px 0 0; + padding: 0 0 2px 0; + position: relative; + border-inline-end: 1px solid rgba(0, 0, 0, 0.19); +} + +.tab-bottom:first-of-type { + border-inline-start: 1px solid rgba(0, 0, 0, 0.19); +} + +.tab-bottom > .tab-middle { + padding: 1px 2px 0 2px; +} + +.tab-bottom:not([visuallyselected=true]):hover { + background-color: rgba(0, 0, 0, 0.1); + border-inline-end-color: rgba(0, 0, 0, 0.1); +} + +.tab-bottom[visuallyselected=true] { + color: #000; + text-shadow: none; + border: solid #888; + border-width: 0 1px 1px; + border-radius: 2px; + margin-inline-end: -1px; + margin-bottom: 1px; + padding: 0; +} + +.tab-bottom[visuallyselected=true] > .tab-middle { + -moz-appearance: dialog; +} diff --git a/comm/suite/themes/classic/mac/editor/editorPrimaryToolbar.css b/comm/suite/themes/classic/mac/editor/editorPrimaryToolbar.css new file mode 100644 index 0000000000..bf2ec77e82 --- /dev/null +++ b/comm/suite/themes/classic/mac/editor/editorPrimaryToolbar.css @@ -0,0 +1,441 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: primary toolbar buttons ::::: */ + +#newButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(120px 29px 149px 0); +} + +#newButton:hover:active { + -moz-image-region: rect(120px 59px 149px 30px); +} + +#newButton[disabled="true"] { + -moz-image-region: rect(120px 89px 149px 60px) !important; +} + +#openButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(150px 29px 179px 0); +} + +#openButton:hover:active { + -moz-image-region: rect(150px 59px 179px 30px); +} + +#openButton[disabled="true"] { + -moz-image-region: rect(150px 89px 179px 60px) !important; +} + +#saveButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(210px 29px 239px 0); +} + +#saveButton:hover:active { + -moz-image-region: rect(210px 59px 239px 30px); +} + +#saveButton[disabled="true"] { + -moz-image-region: rect(210px 89px 239px 60px) !important; +} + +#publishButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(300px 29px 329px 0); +} + +#publishButton:hover:active { + -moz-image-region: rect(300px 59px 329px 30px); +} + +#publishButton[disabled="true"] { + -moz-image-region: rect(300px 89px 329px 60px) !important; +} + +#previewButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(180px 29px 209px 0); +} + +#previewButton:hover:active { + -moz-image-region: rect(180px 59px 209px 30px); +} + +#previewButton[disabled="true"] { + -moz-image-region: rect(180px 89px 209px 60px) !important; +} + +#linkButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(90px 29px 119px 0); +} + +#linkButton:hover:active { + -moz-image-region: rect(90px 59px 119px 30px); +} + +#linkButton[disabled="true"] { + -moz-image-region: rect(90px 89px 119px 60px) !important; +} + +#imageButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(60px 29px 89px 0); +} + +#imageButton:hover:active { + -moz-image-region: rect(60px 59px 89px 30px); +} + +#imageButton[disabled="true"] { + -moz-image-region: rect(60px 89px 89px 60px) !important; +} + +#formButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(450px 29px 479px 0); +} + +#formButton:hover:active { + -moz-image-region: rect(450px 59px 479px 30px); +} + +#formButton[disabled="true"] { + -moz-image-region: rect(450px 89px 479px 60px) !important; +} + +#namedAnchorButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(0 29px 29px 0); +} + +#namedAnchorButton:hover:active { + -moz-image-region: rect(0 59px 29px 30px); +} + +#namedAnchorButton[disabled="true"] { + -moz-image-region: rect(0 89px 29px 60px) !important; +} + +#hlineButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(30px 29px 59px 0); +} + +#hlineButton:hover:active { + -moz-image-region: rect(30px 59px 59px 30px); +} + +#hlineButton[disabled="true"] { + -moz-image-region: rect(30px 89px 59px 60px) !important; +} + +#tableButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(270px 29px 299px 0); +} + +#tableButton:hover:active { + -moz-image-region: rect(270px 59px 299px 30px); +} + +#tableButton[disabled="true"] { + -moz-image-region: rect(270px 89px 299px 60px) !important; +} + +#spellingButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(240px 29px 269px 0); +} + +#spellingButton:hover:active { + -moz-image-region: rect(240px 59px 269px 30px); +} + +#spellingButton[disabled="true"] { + -moz-image-region: rect(240px 89px 269px 60px) !important; +} + +#cutButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(330px 29px 359px 0); +} + +#cutButton:hover:active { + -moz-image-region: rect(330px 59px 359px 30px); +} + +#cutButton[disabled="true"] { + -moz-image-region: rect(330px 89px 359px 60px) !important; +} + +#copyButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(360px 29px 389px 0); +} + +#copyButton:hover:active { + -moz-image-region: rect(360px 59px 389px 30px); +} + +#copyButton[disabled="true"] { + -moz-image-region: rect(360px 89px 389px 60px) !important; +} + +#pasteButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(390px 29px 419px 0); +} + +#pasteButton:hover:active { + -moz-image-region: rect(390px 59px 419px 30px); +} + +#pasteButton[disabled="true"] { + -moz-image-region: rect(390px 89px 419px 60px) !important; +} + +#findButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(420px 29px 449px 0); +} + +#findButton:hover:active { + -moz-image-region: rect(420px 59px 449px 30px); +} + +#findButton[disabled="true"] { + -moz-image-region: rect(420px 89px 449px 60px) !important; +} + +/* ::::: small primary toolbar buttons ::::: */ + +toolbar[iconsize="small"] > #newButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #newButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(80px 19px 99px 0); +} + +toolbar[iconsize="small"] > #newButton:hover:active { + -moz-image-region: rect(80px 39px 99px 20px); +} + +toolbar[iconsize="small"] > #newButton[disabled="true"] { + -moz-image-region: rect(80px 59px 99px 40px) !important; +} + +toolbar[iconsize="small"] > #openButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #openButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(100px 19px 119px 0); +} + +toolbar[iconsize="small"] > #openButton:hover:active { + -moz-image-region: rect(100px 39px 119px 20px); +} + +toolbar[iconsize="small"] > #openButton[disabled="true"] { + -moz-image-region: rect(100px 59px 119px 40px) !important; +} + +toolbar[iconsize="small"] > #saveButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #saveButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(140px 19px 159px 0); +} + +toolbar[iconsize="small"] > #saveButton:hover:active { + -moz-image-region: rect(140px 39px 159px 20px); +} + +toolbar[iconsize="small"] > #saveButton[disabled="true"] { + -moz-image-region: rect(140px 59px 159px 40px) !important; +} + +toolbar[iconsize="small"] > #publishButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #publishButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(200px 19px 219px 0); +} + +toolbar[iconsize="small"] > #publishButton:hover:active { + -moz-image-region: rect(200px 39px 219px 20px); +} + +toolbar[iconsize="small"] > #publishButton[disabled="true"] { + -moz-image-region: rect(200px 59px 219px 40px) !important; +} + +toolbar[iconsize="small"] > #previewButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #previewButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(120px 19px 139px 0); +} + +toolbar[iconsize="small"] > #previewButton:hover:active { + -moz-image-region: rect(120px 39px 139px 20px); +} + +toolbar[iconsize="small"] > #previewButton[disabled="true"] { + -moz-image-region: rect(120px 59px 139px 40px) !important; +} + +toolbar[iconsize="small"] > #linkButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #linkButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(60px 19px 79px 0); +} + +toolbar[iconsize="small"] > #linkButton:hover:active { + -moz-image-region: rect(60px 39px 79px 20px); +} + +toolbar[iconsize="small"] > #linkButton[disabled="true"] { + -moz-image-region: rect(60px 59px 79px 40px) !important; +} + +toolbar[iconsize="small"] > #imageButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #imageButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(40px 19px 59px 0); +} + +toolbar[iconsize="small"] > #imageButton:hover:active { + -moz-image-region: rect(40px 39px 59px 20px); +} + +toolbar[iconsize="small"] > #imageButton[disabled="true"] { + -moz-image-region: rect(40px 59px 59px 40px) !important; +} + +toolbar[iconsize="small"] > #formButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #formButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(300px 19px 319px 0); +} + +toolbar[iconsize="small"] > #formButton:hover:active { + -moz-image-region: rect(300px 39px 319px 20px); +} + +toolbar[iconsize="small"] > #formButton[disabled="true"] { + -moz-image-region: rect(300px 59px 319px 40px) !important; +} + +toolbar[iconsize="small"] > #namedAnchorButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #namedAnchorButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(0 19px 19px 0); +} + +toolbar[iconsize="small"] > #namedAnchorButton:hover:active { + -moz-image-region: rect(0 39px 19px 20px); +} + +toolbar[iconsize="small"] > #namedAnchorButton[disabled="true"] { + -moz-image-region: rect(0 59px 19px 40px) !important; +} + +toolbar[iconsize="small"] > #hlineButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #hlineButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(20px 19px 39px 0); +} + +toolbar[iconsize="small"] > #hlineButton:hover:active { + -moz-image-region: rect(20px 39px 39px 20px); +} + +toolbar[iconsize="small"] > #hlineButton[disabled="true"] { + -moz-image-region: rect(20px 59px 39px 40px) !important; +} + +toolbar[iconsize="small"] > #tableButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #tableButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(180px 19px 199px 0); +} + +toolbar[iconsize="small"] > #tableButton:hover:active { + -moz-image-region: rect(180px 39px 199px 20px); +} + +toolbar[iconsize="small"] > #tableButton[disabled="true"] { + -moz-image-region: rect(180px 59px 199px 40px) !important; +} + +toolbar[iconsize="small"] > #spellingButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #spellingButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(160px 19px 179px 0); +} + +toolbar[iconsize="small"] > #spellingButton:hover:active { + -moz-image-region: rect(160px 39px 179px 20px); +} + +toolbar[iconsize="small"] > #spellingButton[disabled="true"] { + -moz-image-region: rect(160px 59px 179px 40px) !important; +} + +toolbar[iconsize="small"] > #cutButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #cutButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(220px 19px 239px 0); +} + +toolbar[iconsize="small"] > #cutButton:hover:active { + -moz-image-region: rect(220px 39px 239px 20px); +} + +toolbar[iconsize="small"] > #cutButton[disabled="true"] { + -moz-image-region: rect(220px 59px 239px 40px) !important; +} + +toolbar[iconsize="small"] > #copyButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #copyButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(240px 19px 259px 0); +} + +toolbar[iconsize="small"] > #copyButton:hover:active { + -moz-image-region: rect(240px 39px 259px 20px); +} + +toolbar[iconsize="small"] > #copyButton[disabled="true"] { + -moz-image-region: rect(240px 59px 259px 40px) !important; +} + +toolbar[iconsize="small"] > #pasteButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #pasteButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(260px 19px 279px 0); +} + +toolbar[iconsize="small"] > #pasteButton:hover:active { + -moz-image-region: rect(260px 39px 279px 20px); +} + +toolbar[iconsize="small"] > #pasteButton[disabled="true"] { + -moz-image-region: rect(260px 59px 279px 40px) !important; +} + +toolbar[iconsize="small"] > #findButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #findButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(280px 19px 299px 0); +} + +toolbar[iconsize="small"] > #findButton:hover:active { + -moz-image-region: rect(280px 39px 299px 20px); +} + +toolbar[iconsize="small"] > #findButton[disabled="true"] { + -moz-image-region: rect(280px 59px 299px 40px) !important; +} diff --git a/comm/suite/themes/classic/mac/editor/icons/editoricons-small.png b/comm/suite/themes/classic/mac/editor/icons/editoricons-small.png Binary files differnew file mode 100644 index 0000000000..c42e638f92 --- /dev/null +++ b/comm/suite/themes/classic/mac/editor/icons/editoricons-small.png diff --git a/comm/suite/themes/classic/mac/editor/icons/editoricons.png b/comm/suite/themes/classic/mac/editor/icons/editoricons.png Binary files differnew file mode 100644 index 0000000000..6be73b1a31 --- /dev/null +++ b/comm/suite/themes/classic/mac/editor/icons/editoricons.png diff --git a/comm/suite/themes/classic/mac/messenger/accountManage.css b/comm/suite/themes/classic/mac/messenger/accountManage.css new file mode 100644 index 0000000000..45fecb5922 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/accountManage.css @@ -0,0 +1,57 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== accountManage.css ============================================== + == Styles for the Mail Account Manager. + ======================================================================= */ + +@import url("chrome://messenger/skin/messenger.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: account manager :::::: */ + +.specialFolderPickerGrid { + margin-inline-start: 20px; +} + +.fccReplyFollowsParent { + margin-inline-start: 20px; +} + +.signatureBox { + font-family: -moz-fixed; +} + +#identitiesList > listitem:first-child, +treechildren::-moz-tree-cell-text(isDefaultServer-true) { + font-weight: bold; +} + +dialogheader { + display: none; +} + +button:not(.spinbuttons-button):not(.dialog-button) { + min-height: 19px; +} + +page > description, +#smimeEditing > description { + margin: 1px 5px 2px 6px; +} + +/* ::::: SMTP Server Panel :::::: */ + +.smtpServerListItem { + padding-inline-start: 3px; +} + +#backgroundBox { + background-color: ThreeDLightShadow; +} + +#smtpServerInfoBox textbox { + background-color: transparent; +} diff --git a/comm/suite/themes/classic/mac/messenger/addressbook/addressbook.css b/comm/suite/themes/classic/mac/messenger/addressbook/addressbook.css new file mode 100644 index 0000000000..6d6a209451 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/addressbook/addressbook.css @@ -0,0 +1,334 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== addressbook.css ================================================ + == Styles for the main Address Book window. + ======================================================================= */ + +@import url("chrome://messenger/skin/messenger.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +#addressbookWindow { + -moz-appearance: none; + background-color: #EEEEEE; +} + +/* ::::: primary toolbar buttons ::::: */ + +#button-newcard { + list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png"); + -moz-image-region: rect(60px 29px 89px 0); +} + +#button-newcard:hover:active { + -moz-image-region: rect(60px 59px 89px 30px); +} + +#button-newcard[disabled]{ + -moz-image-region: rect(60px 89px 89px 60px) !important; +} + +#button-newlist { + list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png"); + -moz-image-region: rect(90px 29px 119px 0); +} + +#button-newlist:hover:active { + -moz-image-region: rect(90px 59px 119px 30px); +} + +#button-newlist[disabled] { + -moz-image-region: rect(90px 89px 119px 60px) !important; +} + +#button-editcard { + list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png"); + -moz-image-region: rect(30px 29px 59px 0); +} + +#button-editcard:hover:active { + -moz-image-region: rect(30px 59px 59px 30px); +} + +#button-editcard[disabled] { + -moz-image-region: rect(30px 89px 59px 60px) !important; +} + +#button-newmessage { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(150px 29px 179px 0); +} + +#button-newmessage:hover:active { + -moz-image-region: rect(150px 59px 179px 30px); +} + +#button-newmessage[disabled]{ + -moz-image-region: rect(150px 89px 179px 60px) !important; +} + +#button-abdelete { + list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons.png"); + -moz-image-region: rect(0 29px 29px 0); +} + +#button-abdelete:hover:active { + -moz-image-region: rect(0 59px 29px 30px); +} + +#button-abdelete[disabled] { + -moz-image-region: rect(0 89px 29px 60px) !important; +} + +/* ::::: small primary toolbar buttons ::::: */ + +toolbar[iconsize="small"] > #button-newcard, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-newcard { + list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png"); + -moz-image-region: rect(40px 19px 59px 0); +} + +toolbar[iconsize="small"] > #button-newcard:hover:active { + -moz-image-region: rect(40px 39px 59px 20px); +} + +toolbar[iconsize="small"] > #button-newcard[disabled] { + -moz-image-region: rect(40px 59px 59px 40px) !important; +} + +toolbar[iconsize="small"] > #button-newlist, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-newlist { + list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png"); + -moz-image-region: rect(60px 19px 79px 0); +} + +toolbar[iconsize="small"] > #button-newlist:hover:active { + -moz-image-region: rect(60px 39px 79px 20px); +} + +toolbar[iconsize="small"] > #button-newlist[disabled] { + -moz-image-region: rect(60px 59px 79px 40px) !important; +} + +toolbar[iconsize="small"] > #button-editcard, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-editcard { + list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png"); + -moz-image-region: rect(20px 19px 39px 0); +} + +toolbar[iconsize="small"] > #button-editcard:hover:active { + -moz-image-region: rect(20px 39px 39px 20px); +} + +toolbar[iconsize="small"] > #button-editcard[disabled] { + -moz-image-region: rect(20px 59px 39px 40px) !important; +} + +toolbar[iconsize="small"] > #button-newmessage, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmessage { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(100px 19px 119px 0); +} + +toolbar[iconsize="small"] > #button-newmessage:hover:active { + -moz-image-region: rect(100px 39px 119px 20px); +} + +toolbar[iconsize="small"] > #button-newmessage[disabled] { + -moz-image-region: rect(100px 59px 119px 40px) !important; +} + +toolbar[iconsize="small"] > #button-abdelete, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-abdelete { + list-style-image: url("chrome://messenger/skin/addressbook/icons/addressbookicons-small.png"); + -moz-image-region: rect(0 19px 19px 0); +} + +toolbar[iconsize="small"] > #button-abdelete:hover:active { + -moz-image-region: rect(0 39px 19px 20px); +} + +toolbar[iconsize="small"] > #button-abdelete[disabled] { + -moz-image-region: rect(0 59px 19px 40px) !important; +} + +#results-splitter { + background-color: -moz-dialog; + border-top: 1px solid #A5A5A5; + border-bottom: 1px solid #A5A5A5; +} + +#dirTree-splitter { + border: solid #B3B3B3; + border-width: 0 1px 0 0; + background-image: none; + min-width: 1px; +} + +/* Make sure users find the splitter when it's collapsed... */ + +#dirTree-splitter[state="collapsed"] { + min-width: 5px; + background-color: #D6DDE5; +} + +#dirTree { + -moz-appearance: -moz-mac-source-list; + -moz-font-smoothing-background-color: -moz-mac-source-list; +} + +.tree-stack > .tree-rows > .tree-bodybox { + border: none; +} + +#dirTree > treechildren::-moz-tree-row { + min-height: 18px; +} + +#dirTree > treechildren::-moz-tree-row(selected) { + -moz-appearance: -moz-mac-source-list-selection; + -moz-font-smoothing-background-color: -moz-mac-source-list-selection; +} + +#dirTree > treechildren::-moz-tree-row(selected, focus) { + -moz-appearance: -moz-mac-active-source-list-selection; + -moz-font-smoothing-background-color: -moz-mac-active-source-list-selection; +} + +#dirTree > treechildren::-moz-tree-twisty(selected), +#dirTree > treechildren::-moz-tree-cell-text(selected) { + color: #FFFFFF; + fill-opacity: 1; +} + +#dirTree > treechildren::-moz-tree-twisty { + width: 16px; + padding-bottom: 1px; +} + +@media (-moz-mac-yosemite-theme) { + #dirTree > treechildren::-moz-tree-twisty(selected), + #dirTree > treechildren::-moz-tree-cell-text(selected) { + color: -moz-dialogtext; + fill-opacity: 0.6; + } + + #dirTree > treechildren::-moz-tree-twisty(selected, focus), + #dirTree > treechildren::-moz-tree-cell-text(selected, focus) { + color: #FFFFFF; + fill-opacity: 1; + } +} + +#DirCol { + -moz-appearance: none; + border: none; + background-color: transparent; +} + +#DirCol > .treecol-text { + padding: 6px 0 6px 8px; + font-weight: bold; + color: #738193; +} + +#blankResultsPaneMessage { + font-style: italic; +} + +#localResultsOnlyMessage { + font-style: italic; + text-align: center; +} + +/* CardView styles - used in the Card View Pane */ + +#CardViewBox { + -moz-user-focus: ignore; + overflow: auto; + min-width: 150px; + background-color: #FFFFFF; +} + +#CardViewInnerBox { + margin-top: 2px; + margin-bottom: 2px; + padding: 0 8px; +} + +#CardTitle { + font-size: 150%; + font-weight: bold; + border-bottom: 2px solid black; + min-width: 120px; + margin: 0px; +} + +.cardViewColumn { + margin-inline-end: 10px; +} + +.cardViewGroup { + margin-top: 8px; + padding-bottom: 5px; + min-width: 50px; +} + +.CardViewHeading { + padding: 1px; + padding-inline-start: 5px; + margin: 0px 0px 1px; + background-color: -moz-dialog; + color: black; + font-weight: bold; + min-width: 30px; +} + +#cvPhoto { + list-style-image: url("chrome://messenger/skin/addressbook/icons/contact-generic.png"); +} + +#cvBuddyIcon { + padding-inline-start: 20px; + padding-top: 2px; +} + +.CardViewText, +.CardViewLink { + padding-inline-start: 20px; + padding-inline-end: 2px; + min-width: 30px; + margin: 0px; +} + +.CardViewLink { + color: blue; + text-decoration: underline; + cursor: pointer; +} + + +#cvHomeMapIt, #cvWorkMapIt { + margin-bottom: 0px; +} + +html|a { + padding-inline-start: 0px; + padding-inline-end: 2px; + border: none !important; +} + +html|p { + border: none !important; +} + +/* ::::: lightweight themes ::::: */ + +#CardViewOuterBox:-moz-lwtheme { + background-color: -moz-dialog; + color: -moz-dialogtext; + text-shadow: none +} diff --git a/comm/suite/themes/classic/mac/messenger/addressbook/icons/addressbookicons-small.png b/comm/suite/themes/classic/mac/messenger/addressbook/icons/addressbookicons-small.png Binary files differnew file mode 100644 index 0000000000..8024eb395f --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/addressbook/icons/addressbookicons-small.png diff --git a/comm/suite/themes/classic/mac/messenger/addressbook/icons/addressbookicons.png b/comm/suite/themes/classic/mac/messenger/addressbook/icons/addressbookicons.png Binary files differnew file mode 100644 index 0000000000..f9ca42c789 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/addressbook/icons/addressbookicons.png diff --git a/comm/suite/themes/classic/mac/messenger/browserRequest.css b/comm/suite/themes/classic/mac/messenger/browserRequest.css new file mode 100644 index 0000000000..7ce21092c5 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/browserRequest.css @@ -0,0 +1,59 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#security-button { + width: 20px; + margin-top: -1px; + margin-right: 5px; + background-repeat: no-repeat; +} + +#security-button[level="high"] { + background-image: url("chrome://messenger/skin/icons/secure.png"); +} + +#security-button[level="broken"] { + background-image: url("chrome://messenger/skin/icons/insecure.png"); +} + +#security-button[loading="true"] { + background-image: url("chrome://messenger/skin/icons/loading.png"); + background-position: 4px 3px; +} + +@media (min-resolution: 2ddpx) { + #security-button[loading="true"] { + background-image: url("chrome://messenger/skin/icons/loading@2x.png"); + } +} + +/* +#header { + overflow: hidden; + padding: 5px; + border-bottom: 1px solid black; + font-weight: bold; + font-size: 1.2em; +} +*/ + + +#header { + border-bottom: 1px solid rgb(105, 105, 105); + overflow: hidden; +} + +#addressbox { + font-weight: bold; + font-size: normal; + -moz-appearance: textfield; + overflow: hidden; + margin: 5px 5px; + font-weight: normal; +} + +#headerMessage { + margin-top: 3px; + margin-bottom: 3px; +} diff --git a/comm/suite/themes/classic/mac/messenger/filterDialog.css b/comm/suite/themes/classic/mac/messenger/filterDialog.css new file mode 100644 index 0000000000..3709323b36 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/filterDialog.css @@ -0,0 +1,108 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== filterDialog.css =============================================== + == Styles for the Mail Filters dialog. + ======================================================================= */ + +@import url("chrome://messenger/skin/messenger.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: columns :::::: */ + +listcell.listcell-iconic > .listcell-label { + display: none; +} + +listcell[enabled="false"] { + list-style-image: url("chrome://messenger/skin/icons/dot.png"); +} + +listcell[enabled="true"] { + list-style-image: url("chrome://messenger/skin/icons/check.png"); +} + +.small-button { + -moz-appearance: none; + font: icon; + text-shadow: 0 1px #F2F2F2; + border: 1px solid #A8A8A8; + background: linear-gradient(to top, #ECECEC, #ECECEC 50%, #F9F9F9 0%, #F9F9F9); + min-width: 22px; + height: 20px; + padding: 0 1px 1px 0; + margin: 0; +} + +.small-button:first-child { + margin-left: 1px; +} + +.small-button:not([disabled="true"]):hover:active { + background: linear-gradient(to top, #B0B0B0, #B4B4B4 50%, #BFBFBF 0%, #BABABA); + border: 1px solid #9C9C9C; +} + +.small-button[disabled="true"] { + opacity: 0.6; +} + +.small-button + .small-button, +.small-button + .small-button:hover:active { + border-left-width: 0; + min-width: 21px; +} + + +.small-button:focus { + box-shadow: inset 0 0 1px -moz-mac-focusring, + 1px 0 2px 1px -moz-mac-focusring, + -1px 0 2px 1px -moz-mac-focusring; +} + +.small-button:focus + .small-button { + box-shadow: inset 1px 0 -moz-mac-focusring; +} + +listcell > hbox { + -moz-box-pack: end; +} + +/* No '.filler' here, so add margin to make more room. */ +hbox > .small-button + .small-button { + margin-inline-end: 9px; +} + +.search-menulist, .search-value-menulist { + width: 12em; +} + +.search-menulist[unavailable="true"] { + color: GrayText; +} + +#searchTermList > listitem[selected="true"] { + background-color: inherit; +} + +#filterListDialog { + padding: 0px; +} + +.filler { + padding-inline-end: 22px; +} + +.ruleaction { + border: 1px solid transparent; +} + +.ruleactionitem { + min-width: 20em; +} + +.ruleaction-type { + min-width: 15em; +} diff --git a/comm/suite/themes/classic/mac/messenger/icons/junk.png b/comm/suite/themes/classic/mac/messenger/icons/junk.png Binary files differnew file mode 100644 index 0000000000..0ae15cd390 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/junk.png diff --git a/comm/suite/themes/classic/mac/messenger/icons/messengericons-small.png b/comm/suite/themes/classic/mac/messenger/icons/messengericons-small.png Binary files differnew file mode 100644 index 0000000000..b51ef83d27 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/messengericons-small.png diff --git a/comm/suite/themes/classic/mac/messenger/icons/messengericons.png b/comm/suite/themes/classic/mac/messenger/icons/messengericons.png Binary files differnew file mode 100644 index 0000000000..e450734a1b --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/messengericons.png diff --git a/comm/suite/themes/classic/mac/messenger/icons/phishing.png b/comm/suite/themes/classic/mac/messenger/icons/phishing.png Binary files differnew file mode 100644 index 0000000000..d99a9ea6d4 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/phishing.png diff --git a/comm/suite/themes/classic/mac/messenger/icons/spin-buttons-active.png b/comm/suite/themes/classic/mac/messenger/icons/spin-buttons-active.png Binary files differnew file mode 100644 index 0000000000..5ff980eb98 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/spin-buttons-active.png diff --git a/comm/suite/themes/classic/mac/messenger/icons/spin-buttons.png b/comm/suite/themes/classic/mac/messenger/icons/spin-buttons.png Binary files differnew file mode 100644 index 0000000000..010b170e8e --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/spin-buttons.png diff --git a/comm/suite/themes/classic/mac/messenger/icons/tab-arrow-left.png b/comm/suite/themes/classic/mac/messenger/icons/tab-arrow-left.png Binary files differnew file mode 100644 index 0000000000..ca55639992 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/tab-arrow-left.png diff --git a/comm/suite/themes/classic/mac/messenger/icons/tab-arrow-right.png b/comm/suite/themes/classic/mac/messenger/icons/tab-arrow-right.png Binary files differnew file mode 100644 index 0000000000..3374e2305c --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/tab-arrow-right.png diff --git a/comm/suite/themes/classic/mac/messenger/icons/twisty-clsd.png b/comm/suite/themes/classic/mac/messenger/icons/twisty-clsd.png Binary files differnew file mode 100644 index 0000000000..ed46b222be --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/twisty-clsd.png diff --git a/comm/suite/themes/classic/mac/messenger/icons/twisty-open.png b/comm/suite/themes/classic/mac/messenger/icons/twisty-open.png Binary files differnew file mode 100644 index 0000000000..2aa35f80b1 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/icons/twisty-open.png diff --git a/comm/suite/themes/classic/mac/messenger/mailWindow1.css b/comm/suite/themes/classic/mac/messenger/mailWindow1.css new file mode 100644 index 0000000000..6e40fff2f6 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/mailWindow1.css @@ -0,0 +1,266 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== mailWindow1.css ================================================ + == Styles for the main Mail window in the default layout scheme. + ======================================================================= */ + +@import url("chrome://messenger/skin/messenger.css"); +@import url("chrome://messenger/skin/primaryToolbar.css"); +@import url("chrome://messenger/skin/folderMenus.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#messengerWindow { + -moz-appearance: none; + background-color: #EEEEEE; +} + +#messengerBox { + border-top: 1px solid #A1A1A1; +} + +/* ::::: + :: Make sure the min height is small so we can + :: resize the pane vertically -EDV + ::::: */ + +#messagepanebox { + min-height: 10px; + height: 0px; +} + +#messagepanebox:-moz-lwtheme { + background-color: -moz-dialog; +} + +#searchToolbar { + -moz-appearance: none; + background-color: #CDCDCD; + background-image: url("chrome://communicator/skin/toolbar/toolbar-gradient34.png"); + background-repeat: repeat-x; + border-bottom: 1px solid #9F9F9F; +} + +#searchToolbar:-moz-lwtheme { + background-image: none; + background-color: transparent; +} + +/* Leopard-styled "zero-width" vertical splitter */ + +#folderpane-splitter { + border: solid #B3B3B3; + border-width: 0 1px 0 0; + min-width: 1px; + background-image: none; +} + +/* Make sure users find the splitter when it's collapsed... */ + +#folderpane-splitter[state="collapsed"] { + min-width: 5px; + background-color: #D6DDE5; +} + +/* Thick horisontal splitter */ + +#threadpane-splitter { + background-color: -moz-dialog; + border: solid #B3B3B3; + border-width: 0 0 0 1px; +} + +/* Thick vertical splitter */ + +#threadpane-splitter[orient="vertical"] { + border: solid #A5A5A5; + border-width: 1px 0; +} + +/* ..... tree adjustments ..... */ + +#folderTree { + min-width: 1px; + -moz-appearance: -moz-mac-source-list; + -moz-font-smoothing-background-color: -moz-mac-source-list; +} + +.tree-stack > .tree-rows > .tree-bodybox { + border: none; +} + +#folderTree > treechildren::-moz-tree-row { + min-height: 18px; +} + +#folderTree > treechildren::-moz-tree-row(selected) { + -moz-appearance: -moz-mac-source-list-selection; + -moz-font-smoothing-background-color: -moz-mac-source-list-selection; +} + +#folderTree > treechildren::-moz-tree-row(selected, focus) { + -moz-appearance: -moz-mac-active-source-list-selection; + -moz-font-smoothing-background-color: -moz-mac-active-source-list-selection; +} + +#folderTree > treechildren::-moz-tree-twisty(selected), +#folderTree > treechildren::-moz-tree-cell-text(selected) { + color: #FFFFFF; + fill-opacity: 1; +} + +#folderTree > treechildren::-moz-tree-twisty { + width: 16px; + padding-bottom: 1px; +} + +@media (-moz-mac-yosemite-theme) { + #folderTree > treechildren::-moz-tree-twisty(selected), + #folderTree > treechildren::-moz-tree-cell-text(selected) { + color: -moz-dialogtext; + fill-opacity: 0.6; + } + + #folderTree > treechildren::-moz-tree-twisty(selected, focus), + #folderTree > treechildren::-moz-tree-cell-text(selected, focus) { + color: #FFFFFF; + fill-opacity: 1; + } +} + +#threadTree { + min-width: 1px; +} + +#locationIcon { + list-style-image: none; +} + +/* ..... message pane adjustments ..... */ + +#msgHeaderView { + border-left: none !important; +} + +#messagepane { + border: 1px solid transparent; + border-right: none; +} + +#messagepanebox[focusring="true"] > #messagepanewrapper > #messagepane { + border-color: -moz-mac-focusring; +} + +/* ..... folder pane adjustments ..... */ + +.folderview-cycler, +.folderview-cycler > .toolbarbutton-icon { + padding: 0 !important; + margin: 0 !important; + border: none !important; +} + +.folderview-cycler > .toolbarbutton-text { + display: none; +} + +.folderview-cycler[dir="prev"], +.folderview-cycler[dir="next"]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://messenger/skin/icons/spin-buttons.png"); + -moz-image-region: rect(0 15px 16px 0); +} + +.folderview-cycler[dir="next"], +.folderview-cycler[dir="prev"]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://messenger/skin/icons/spin-buttons.png"); + -moz-image-region: rect(0 31px 16px 15px); +} + +.folderview-cycler:active { + list-style-image: url("chrome://messenger/skin/icons/spin-buttons-active.png") !important; +} + +/* ..... tabmail ..... */ + +.tabmail-strip { + padding-bottom: 3px; + background-color: #E8E8E8; +} + +.tabmail-strip:-moz-lwtheme { + background-color: transparent; +} + +.tab-close-button { + margin: 0; +} + +.tab-scrollbutton-up, +.tab-scrollbutton-down { + border: 0; + padding: 0 4px; + margin: 0; +} + +.tab-scrollbutton-up:-moz-locale-dir(ltr), +.tab-scrollbutton-down:-moz-locale-dir(rtl) { + border-right: 1px solid rgba(0, 0, 0, 0.19); + list-style-image: url("chrome://messenger/skin/icons/tab-arrow-left.png"); + -moz-image-region: rect(0, 7px, 11px, 0); +} + +.tab-scrollbutton-up[disabled="true"]:-moz-locale-dir(ltr), +.tab-scrollbutton-down[disabled="true"]:-moz-locale-dir(rtl) { + -moz-image-region: rect(0, 14px, 11px, 7px); + border-right-color: transparent; +} + +.tab-scrollbutton-down:-moz-locale-dir(ltr), +.tab-scrollbutton-up:-moz-locale-dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.19); + list-style-image: url("chrome://messenger/skin/icons/tab-arrow-right.png"); + -moz-image-region: rect(0, 7px, 11px, 0); +} + +.tab-scrollbutton-down[disabled="true"]:-moz-locale-dir(ltr), +.tab-scrollbutton-up[disabled="true"]:-moz-locale-dir(rtl) { + -moz-image-region: rect(0, 14px, 11px, 7px); + border-left-color: transparent; +} + +.tab-scrollbutton-up:hover:not([disabled="true"]), +.tab-scrollbutton-down:hover:not([disabled="true"]) { + background-color: rgba(0, 0, 0, 0.1); +} + +.tab-scrollbutton-up:hover:active:not([disabled="true"]), +.tab-scrollbutton-down:hover:active:not([disabled="true"]) { + background-color: rgba(0, 0, 0 , 0.2); +} + +.tabmail-tab[type="message"] .tab-icon { + margin-top: -2px; +} + +.tabmail-tab[type="folder"][NewMessages="true"], +.tabmail-tab[type="folder"][IsServer="true"] { + font-weight: bold; +} + +.alltabs-item[tabIsScrolled] { + font-style: italic; +} + +#tabbar-toolbar { + -moz-appearance: none; + min-height: 0; +} + +#tabbar-toolbar > .toolbarbutton-1 { + margin-top: 1px; + margin-bottom: 1px; + padding-top: 0; + padding-bottom: 0; +} diff --git a/comm/suite/themes/classic/mac/messenger/messageHeader.css b/comm/suite/themes/classic/mac/messenger/messageHeader.css new file mode 100644 index 0000000000..7a823a9860 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/messageHeader.css @@ -0,0 +1,178 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== messageHeader.css ============================================== + == Styles for the header toolbars of a mail message. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: msg header buttons ::::: */ + +#expandedAttachmentBox { + width: 20em; + height: 0; + list-style-image: url("chrome://messenger/skin/icons/attach.png"); +} + +#attachmentText { + font-weight: bold; +} + +#attachmentList { + min-height: 58px; + margin-top: 0; + margin-bottom: 0; +} + +/* ::::: msg header captions ::::: */ + +#msgHeaderView { + border-right: 1px solid ThreeDShadow; + border-left: 1px solid ThreeDShadow; +} + +#collapsedHeaderView, +#expandedHeaderView { + margin: 2px 4px 4px 4px; + border-bottom: 1px solid ThreeDDarkShadow; + min-width: 1px; +} + +.headerNameBox { + width: 7.7em; +} + +.headerName { + margin-top: 0px; + margin-bottom: 5px; + margin-inline-start: 0px; + margin-inline-end: .5em; + font-weight: bold; + text-align: right; +} + +.headerValue { + margin: 0; + min-width: 50px; + white-space: normal; +} + +.headerValueBox { + margin: 0 0 5px; +} + +.headerValueBox[singleline="true"] { + overflow: hidden; +} + +.subjectvalue { + font-weight: bold; +} + +.tagvalue { + margin-top: 0; + margin-inline-start: 0; +} + +/* ::::: msg header message ids ::::: */ + +.messageIdDisplayButton { + cursor: pointer; + color: #0000FF; + text-decoration: underline; + margin: 0; +} + +.messageIdDisplayButton:hover { + color: #FF0000; +} + +.messageIdDisplayImage { + padding-inline-start: 2px; + -moz-box-pack: end; +} + +/* ::::: msg header email addresses ::::: */ + +.emailDisplayButton { + cursor: pointer; + color: #0000FF; + text-decoration: underline; + margin: 0; +} + +.emailDisplayButton:hover { + color: #FF0000; +} + +.emailDisplayImage { + padding-inline-start: 2px; + -moz-box-pack: end; +} + +/* ::::: email address twisty ::::: */ + +.addresstwisty { + margin: 2px; + list-style-image: url("chrome://messenger/skin/icons/twisty-clsd.png"); +} + +.addresstwisty[open] { + list-style-image: url("chrome://messenger/skin/icons/twisty-open.png"); +} + +/* ::::: view expand and collapse twisties ::::: */ + +.expandHeaderViewButton { + list-style-image: url("chrome://messenger/skin/icons/twisty-open.png"); +} + +.collapsedHeaderViewButton { + margin: 2px; + list-style-image: url("chrome://messenger/skin/icons/twisty-clsd.png"); +} + +/* ::::: collapsed view styles ::::: */ + +.collapsedHeaderDisplayName { + margin: 0 0.5em 0 0; + min-height: 16px; + font-weight: bold; +} + +#expandedsubjectBox { + margin-top: 5px; +} + + +#collapsedAttachmentBox { + -moz-box-pack: center; +} + +#collapseddateValue { + margin: 0 .5em; + text-align: right; +} + +#collapseddateValue > .textbox-input-box menupopup { + text-align: left; +} + +#collapsedfromBox { + width: 18em; +} + +#collapseddateBox { + width: 12em; +} + +.collapsedHeaderValue { + margin: 0; +} + +.collapsedAttachmentButton { + list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.png"); + margin-inline-end: .5em; +} diff --git a/comm/suite/themes/classic/mac/messenger/messageQuotes.css b/comm/suite/themes/classic/mac/messenger/messageQuotes.css new file mode 100644 index 0000000000..62cb67d990 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/messageQuotes.css @@ -0,0 +1,43 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Because this sheet is loaded synchronously while the user is waiting for the + compose window to appear, it must not @import a ton of other things, and + especially must not trigger network access. */ + +/* ===== messageQuotes.css ================================================= + == Shared styles such as block quote colors and signature style + == between the message body during + == message display and the mail editor instance for mail compose. + ======================================================================= */ + +/* workaround for MS Outlook mails where the line-height is set to 0 */ +body { + line-height: initial !important; +} + +/* ::::: signature ::::: */ + +@media not print { + div.moz-text-flowed > div.moz-txt-sig, + div.moz-text-plain > pre > div.moz-txt-sig, + pre.moz-signature { + opacity: 0.6; + } +} + +blockquote[type=cite] { + color: blue; + border-color: blue; +} + +blockquote[type=cite] blockquote[type=cite] { + color: green; + border-color: green; +} + +blockquote[type=cite] blockquote[type=cite] blockquote[type=cite] { + color: maroon; + border-color: maroon; +} diff --git a/comm/suite/themes/classic/mac/messenger/messengercompose/messengercompose.css b/comm/suite/themes/classic/mac/messenger/messengercompose/messengercompose.css new file mode 100644 index 0000000000..e0e4578dfc --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/messengercompose/messengercompose.css @@ -0,0 +1,249 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== messengercompose.css =========================================== + == Styles for the main Messenger Compose window. + ======================================================================= */ + +@import url("chrome://messenger/skin/messenger.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: primary toolbar buttons ::::: */ + +#button-send { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(330px 29px 359px 0); +} + +#button-send:hover:active { + -moz-image-region: rect(330px 59px 359px 30px); +} + +#button-send[disabled="true"] { + -moz-image-region: rect(330px 89px 359px 60px) !important; +} + +#button-address { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(270px 29px 299px 0); +} + +#button-address:hover:active { + -moz-image-region: rect(270px 59px 299px 30px); +} + +#button-address[disabled="true"] { + -moz-image-region: rect(270px 89px 299px 60px) !important; +} + +#button-attach { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(300px 29px 329px 0); +} + +#button-attach:hover:active, +#button-attach[open] { + -moz-image-region: rect(300px 59px 329px 30px); +} + +#button-attach[disabled="true"] { + -moz-image-region: rect(300px 89px 329px 60px) !important; +} + +#spellingButton { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(240px 29px 269px 0); +} + +#spellingButton:hover:active, +#spellingButton[open] { + -moz-image-region: rect(240px 59px 269px 30px); +} + +#spellingButton[disabled="true"] { + -moz-image-region: rect(240px 89px 269px 60px) !important; +} + +#button-save { + list-style-image: url("chrome://editor/skin/icons/editoricons.png"); + -moz-image-region: rect(210px 29px 239px 0); +} + +#button-save:hover:active, +#button-save[open] { + -moz-image-region: rect(210px 59px 239px 30px); +} + +#button-save[disabled="true"] { + -moz-image-region: rect(210px 89px 239px 60px) !important; +} + +/* ::::: small primary toolbar buttons ::::: */ + +toolbar[iconsize="small"] > #button-send, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-send { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(220px 19px 239px 0); +} + +toolbar[iconsize="small"] > #button-send:hover:active { + -moz-image-region: rect(220px 39px 239px 20px); +} + +toolbar[iconsize="small"] > #button-send[disabled="true"] { + -moz-image-region: rect(220px 59px 239px 40px) !important; +} + +toolbar[iconsize="small"] > #button-address, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-address { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(180px 19px 199px 0); +} + +toolbar[iconsize="small"] > #button-address:hover:active { + -moz-image-region: rect(180px 39px 199px 20px); +} + +toolbar[iconsize="small"] > #button-address[disabled="true"] { + -moz-image-region: rect(180px 59px 199px 40px) !important; +} + +toolbar[iconsize="small"] > #button-attach, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-attach { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(200px 19px 219px 0); +} + +toolbar[iconsize="small"] > #button-attach:hover:active, +toolbar[iconsize="small"] > #button-attach[open] { + -moz-image-region: rect(200px 39px 219px 20px); +} + +toolbar[iconsize="small"] > #button-attach[disabled="true"] { + -moz-image-region: rect(200px 59px 219px 40px) !important; +} + +toolbar[iconsize="small"] > #spellingButton, +toolbar[iconsize="small"] > toolbarpaletteitem > #spellingButton { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(160px 19px 179px 0); +} + +toolbar[iconsize="small"] > #spellingButton:hover:active, +toolbar[iconsize="small"] > #spellingButton[open] { + -moz-image-region: rect(160px 39px 179px 20px); +} + +toolbar[iconsize="small"] > #spellingButton[disabled="true"] { + -moz-image-region: rect(160px 59px 179px 40px) !important; +} + +toolbar[iconsize="small"] > #button-save, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-save { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -moz-image-region: rect(140px 19px 159px 0); +} + +toolbar[iconsize="small"] > #button-save:hover:active, +toolbar[iconsize="small"] > #button-save[open] { + -moz-image-region: rect(140px 39px 159px 20px); +} + +toolbar[iconsize="small"] > #button-save[disabled="true"] { + -moz-image-region: rect(140px 59px 159px 40px) !important; +} + +#attachmentbucket-sizer { + border-top: none; + border-bottom: none; +} + +#compose-toolbar-sizer { + height: 10px; + background-color: -moz-dialog; + border-top: 1px solid #A5A5A5; + border-bottom: 1px solid #A5A5A5; +} + +#msgSubject { + margin-top: 0px; + margin-bottom: 4px; +} + +#MsgHeadersToolbar { + min-height: 0px; /* this undoes the min-height in toolbar.css */ + -moz-appearance: none; +} + +#FormatToolbar { + border-bottom: none !important; +} + +/* ::::: autocomplete icons ::::: */ + +treechildren::-moz-tree-cell-text(default-match) { + margin-top: 2px; + margin-bottom: 2px; + margin-inline-start: 15px; + margin-inline-end: -3px; + border: none; +} + +treechildren::-moz-tree-image(local-abook) { + margin-top: 2px; + margin-bottom: 2px; + margin-inline-start: 4px; + margin-inline-end: -1px; + list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.png"); +} + +treechildren::-moz-tree-image(remote-abook) { + margin-top: 2px; + margin-bottom: 2px; + margin-inline-start: 2px; + margin-inline-end: -3px; + list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.png"); +} + +treechildren::-moz-tree-image(remote-err) { + margin-top: 2px; + margin-bottom: 2px; + margin-inline-start: 2px; + margin-inline-end: -3px; + list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.png"); +} + +treechildren::-moz-tree-image(subscribed-news) { + margin-inline-start: 2px; + margin-inline-end: -3px; + list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.png"); +} + +/* ::::: compact menulists ::::: */ + +.menulist-compact { + -moz-binding: url("chrome://messenger/content/messengercompose/menulistCompactBindings.xml#menulist-compact"); + -moz-box-align: center; + -moz-box-pack: center; + margin: 0; +} + +.menulist-compact > .menulist-label-box > .menulist-label { + text-align: end; +} + +/* ::::: lightweight themes ::::: */ + +#MsgHeadersToolbar:-moz-lwtheme, +#FormatToolbar:-moz-lwtheme, +#compose-toolbar-sizer:-moz-lwtheme { + text-shadow: none; + color: -moz-dialogtext; + background-color: -moz-dialog; +} + +#MsgHeadersToolbar textbox:-moz-lwtheme { + opacity: 1; +} diff --git a/comm/suite/themes/classic/mac/messenger/primaryToolbar.css b/comm/suite/themes/classic/mac/messenger/primaryToolbar.css new file mode 100644 index 0000000000..372c6472d9 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/primaryToolbar.css @@ -0,0 +1,490 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== primaryToolbar.css ============================================= + == Images for the Mail primary toolbar. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.mail-toolbox { + border-bottom: 1px solid #A1A1A1; + background-color: #E8E8E8; +} + +/* ::::: primary toolbar buttons ::::: */ + +#button-getmsg { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(90px 29px 119px 0); +} + +#button-getmsg:hover:active, +#button-getmsg[open] { + -moz-image-region: rect(90px 59px 119px 30px); +} + +#button-getmsg[disabled="true"] { + -moz-image-region: rect(90px 89px 119px 60px) !important; +} + +#button-newmsg { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(150px 29px 179px 0); +} + +#button-newmsg:hover:active, +#button-newmsg[open] { + -moz-image-region: rect(150px 59px 179px 30px); +} + +#button-newmsg[disabled="true"] { + -moz-image-region: rect(150px 89px 179px 60px) !important; +} + +#button-reply { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(210px 29px 239px 0); +} + +#button-reply:hover:active, +#button-reply[open] { + -moz-image-region: rect(210px 59px 239px 30px); +} + +#button-reply[disabled="true"] { + -moz-image-region: rect(210px 89px 239px 60px) !important; +} + +#button-replyall { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(240px 29px 269px 0); +} + +#button-replyall:hover:active, +#button-replyall[open] { + -moz-image-region: rect(240px 59px 269px 30px); +} + +#button-replyall[disabled="true"] { + -moz-image-region: rect(240px 89px 269px 60px) !important; +} + +#button-forward { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(60px 29px 89px 0); +} + +#button-forward:hover:active, +#button-forward[open] { + -moz-image-region: rect(60px 59px 89px 30px); +} + +#button-forward[disabled="true"] { + -moz-image-region: rect(60px 89px 89px 60px) !important; +} + +#button-file { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(30px 29px 59px 0); +} + +#button-file:hover:active, +#button-file[open] { + -moz-image-region: rect(30px 59px 59px 30px); +} + +#button-file[disabled="true"] { + -moz-image-region: rect(30px 89px 59px 60px) !important; +} + +#button-goback { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(60px 29px 89px 0); +} + +#button-goback:hover:active, +#button-goback[open] { + -moz-image-region: rect(60px 59px 89px 30px); +} + +#button-goback[disabled="true"] { + -moz-image-region: rect(60px 89px 89px 60px) !important; +} + +#button-goforward { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(90px 29px 119px 0); +} + +#button-goforward:hover:active, +#button-goforward[open] { + -moz-image-region: rect(90px 59px 119px 30px); +} + +#button-goforward[disabled="true"] { + -moz-image-region: rect(90px 89px 119px 60px) !important; +} + +#button-next { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(180px 29px 209px 0); +} + +#button-next:hover:active, +#button-next[open] { + -moz-image-region: rect(180px 59px 209px 30px); +} + +#button-next[disabled="true"] { + -moz-image-region: rect(180px 89px 209px 60px) !important; +} + +#button-delete { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(0 29px 29px 0); +} + +#button-delete:hover:active { + -moz-image-region: rect(0 59px 29px 30px); +} + +#button-delete[disabled] { + -moz-image-region: rect(0 89px 29px 60px) !important; +} + +toolbarpaletteitem > #button-delete { + display: -moz-box; +} + +#button-mark { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(120px 29px 149px 0); +} + +#button-mark:hover:active, +#button-mark[open] { + -moz-image-region: rect(120px 59px 149px 30px); +} + +#button-mark[disabled="true"] { + -moz-image-region: rect(120px 89px 149px 60px) !important; +} + +#button-junk { + list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); + -moz-image-region: rect(360px 29px 389px 0); +} + +#button-junk:hover:active { + -moz-image-region: rect(360px 59px 389px 30px); +} + +#button-junk[disabled="true"] { + -moz-image-region: rect(360px 89px 389px 60px) !important; +} + +#button-stop { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(30px 29px 59px 0); +} + +#button-stop:hover:active { + -moz-image-region: rect(30px 59px 59px 30px); +} + +#button-stop[disabled="true"] { + -moz-image-region: rect(30px 89px 59px 60px) !important; +} + +#sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png"); +} + +#locationFolders { + width: 22em; +} + +/* Force the folder location and mail view items to fit in the available width + in the Customize Toolbar dialog. */ +#palette-box #locationFolders, +#palette-box #folder-location-container, +#palette-box #searchInput, +#palette-box #button-search-container, +#palette-box #button-search, +#palette-box #mailviews-container, +#palette-box #viewPicker { + -moz-box-flex: 1; +} + +/* ::::: small primary toolbar buttons ::::: */ + +toolbar[iconsize="small"] > #button-getmsg, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(60px 19px 79px 0); +} + +toolbar[iconsize="small"] > #button-getmsg:hover:active, +toolbar[iconsize="small"] > #button-getmsg[open] { + -moz-image-region: rect(60px 39px 79px 20px); +} + +toolbar[iconsize="small"] > #button-getmsg[disabled="true"] { + -moz-image-region: rect(60px 59px 79px 40px) !important; +} + +toolbar[iconsize="small"] > #button-newmsg, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(100px 19px 119px 0); +} + +toolbar[iconsize="small"] > #button-newmsg:hover:active, +toolbar[iconsize="small"] > #button-newmsg[open] { + -moz-image-region: rect(100px 39px 119px 20px); +} + +toolbar[iconsize="small"] > #button-newmsg[disabled="true"] { + -moz-image-region: rect(100px 59px 119px 40px) !important; +} + +toolbar[iconsize="small"] > #button-reply, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(140px 19px 159px 0); +} + +toolbar[iconsize="small"] > #button-reply:hover:active { + -moz-image-region: rect(140px 39px 159px 20px); +} + +toolbar[iconsize="small"] > #button-reply[disabled="true"] { + -moz-image-region: rect(140px 59px 159px 40px) !important; +} + +toolbar[iconsize="small"] > #button-replyall, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(160px 19px 179px 0); +} + +toolbar[iconsize="small"] > #button-replyall:hover:active { + -moz-image-region: rect(160px 39px 179px 20px); +} + +toolbar[iconsize="small"] > #button-replyall[disabled="true"] { + -moz-image-region: rect(160px 59px 179px 40px) !important; +} + +toolbar[iconsize="small"] > #button-forward, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(40px 19px 59px 0); +} + +toolbar[iconsize="small"] > #button-forward:hover:active, +toolbar[iconsize="small"] > #button-forward[open] { + -moz-image-region: rect(40px 39px 59px 20px); +} + +toolbar[iconsize="small"] > #button-forward[disabled="true"] { + -moz-image-region: rect(40px 59px 59px 40px) !important; +} + +toolbar[iconsize="small"] > #button-file, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-file { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(20px 19px 39px 0); +} + +toolbar[iconsize="small"] > #button-file:hover:active, +toolbar[iconsize="small"] > #button-file[open] { + -moz-image-region: rect(20px 39px 39px 20px); +} + +toolbar[iconsize="small"] > #button-file[disabled="true"] { + -moz-image-region: rect(20px 59px 39px 40px) !important; +} + +toolbar[iconsize="small"] > #button-goback, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(40px 19px 59px 0); +} + +toolbar[iconsize="small"] > #button-goback:hover:active, +toolbar[iconsize="small"] > #button-goback[open] { + -moz-image-region: rect(40px 39px 59px 20px); +} + +toolbar[iconsize="small"] > #button-goback[disabled="true"] { + -moz-image-region: rect(40px 59px 59px 40px) !important; +} + +toolbar[iconsize="small"] > #button-goforward, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(60px 19px 79px 0); +} + +toolbar[iconsize="small"] > #button-goforward:hover:active, +toolbar[iconsize="small"] > #button-goforward[open] { + -moz-image-region: rect(60px 39px 79px 20px); +} + +toolbar[iconsize="small"] > #button-goforward[disabled="true"] { + -moz-image-region: rect(60px 59px 79px 40px) !important; +} + +toolbar[iconsize="small"] > #button-next, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-next { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(120px 19px 139px 0); +} + +toolbar[iconsize="small"] > #button-next:hover:active, +toolbar[iconsize="small"] > #button-next[open] { + -moz-image-region: rect(120px 39px 139px 20px); +} + +toolbar[iconsize="small"] > #button-next[disabled="true"] { + -moz-image-region: rect(120px 59px 139px 40px) !important; +} + +toolbar[iconsize="small"] > #button-delete, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(0 19px 19px 0); +} + +toolbar[iconsize="small"] > #button-delete:hover:active { + -moz-image-region: rect(0 39px 19px 20px); +} + +toolbar[iconsize="small"] > #button-delete[disabled], +toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete[disabled] { + -moz-image-region: rect(0 59px 19px 40px) !important; +} + +toolbar[iconsize="small"] > #button-mark, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(80px 19px 99px 0); +} + +toolbar[iconsize="small"] > #button-mark:hover:active, +toolbar[iconsize="small"] > #button-mark[open] { + -moz-image-region: rect(80px 39px 99px 20px); +} + +toolbar[iconsize="small"] > #button-mark[disabled="true"] { + -moz-image-region: rect(80px 59px 99px 40px) !important; +} + +toolbar[iconsize="small"] > #button-junk, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk { + list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); + -moz-image-region: rect(240px 19px 259px 0); +} + +toolbar[iconsize="small"] > #button-junk:hover:active { + -moz-image-region: rect(240px 39px 259px 20px); +} + +toolbar[iconsize="small"] > #button-junk[disabled], +toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk[disabled] { + -moz-image-region: rect(240px 59px 259px 40px) !important; +} + +toolbar[iconsize="small"] > #button-stop, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(20px 19px 39px 0); +} + +toolbar[iconsize="small"] > #button-stop:hover:active { + -moz-image-region: rect(20px 39px 39px 20px); +} + +toolbar[iconsize="small"] > #button-stop[disabled="true"] { + -moz-image-region: rect(20px 59px 39px 40px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button, +toolbar[iconsize="small"] > #sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-16.png"); +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active], +toolbar[iconsize="small"] > #sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png"); +} + +/* ::::: Lightning icon sizes ::::: */ + +#lightning-button-calendar > .toolbarbutton-icon, +#lightning-button-tasks > .toolbarbutton-icon, +#extractEventButton > .toolbarbutton-icon, +#extractTaskButton > .toolbarbutton-icon, +#extractEventButton > .box-inherit > .toolbarbutton-icon, +#extractTaskButton > .box-inherit > .toolbarbutton-icon { + width: 29px; + height: 29px; +} + +toolbar[iconsize="small"] > #lightning-button-calendar > .toolbarbutton-icon, +toolbar[iconsize="small"] > #lightning-button-tasks > .toolbarbutton-icon, +toolbar[iconsize="small"] > #extractEventButton > .box-inherit > .toolbarbutton-icon, +toolbar[iconsize="small"] > #extractTaskButton > .box-inherit > .toolbarbutton-icon { + width: 19px; + height: 19px; +} + +#lightning-button-calendar[disabled="true"] > .toolbarbutton-icon, +#lightning-button-tasks[disabled="true"] > .toolbarbutton-icon, +#extractEventButton[disabled="true"] > .box-inherit > .toolbarbutton-icon, +#extractTaskButton[disabled="true"] > .box-inherit > .toolbarbutton-icon { + opacity: 0.3; +} + +/* ::::: message notification bar style rules ::::: */ + +.msgNotificationBar { + border-bottom: 1px solid #A5A5A5; + background-color: #C7BC8F; + color: black; +} + +.msgNotificationBar:-moz-lwtheme { + text-shadow: none; +} + +.msgNotificationBarText { + font-weight: bold; +} + +.messageImage[value="remoteContent"] { + list-style-image: url("chrome://messenger/skin/icons/remote-blocked.png"); +} + +.messageImage[value="junkContent"] { + list-style-image: url("chrome://messenger/skin/icons/junk.png"); +} + +.messageImage[value="phishingContent"] { + list-style-image: url("chrome://messenger/skin/icons/phishing.png"); +} + +.messageImage[value="mdnContent"] { + list-style-image: url("chrome://messenger/skin/icons/info.png"); +} + +.inline-toolbar { + -moz-appearance: none; +} diff --git a/comm/suite/themes/classic/mac/messenger/searchDialog.css b/comm/suite/themes/classic/mac/messenger/searchDialog.css new file mode 100644 index 0000000000..347375beaa --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/searchDialog.css @@ -0,0 +1,90 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== searchDialog.css =============================================== + == Styles for the Mail Search dialog. + ======================================================================= */ + +@import url("chrome://messenger/skin/messenger.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: box sizes ::::: */ + +#searchTermTree { + min-height: 50px; +} + +#searchTermListBox { + height: 100px; +} + +#searchTermList > listitem[selected="true"] { + background-color: inherit; +} + +listcell > hbox { + -moz-box-pack: end; +} + +#searchResultListBox { + -moz-appearance: listbox; + margin-inline-start: 4px; + margin-inline-end: 4px; + height: 100px; +} + +#searchAddressBookWindow, +#searchMailWindow { + padding: 0px; +} + +menulist:not(#menuSearchLocalSystem) { + width: 18em; +} + +.search-menulist { + width: 12em; +} + +.search-menulist[unavailable="true"] { + color: GrayText; +} + +.small-button { + -moz-appearance: none; + font: icon; + text-shadow: 0 1px #F2F2F2; + border: 1px solid #A8A8A8; + background: linear-gradient(to top, #ECECEC, #ECECEC 50%, #F9F9F9 0%, #F9F9F9); + min-width: 22px; + height: 20px; + padding: 0 1px 1px 0; + margin: 0; +} + +.small-button:not([disabled="true"]):hover:active { + background: linear-gradient(to top, #B0B0B0, #B4B4B4 50%, #BFBFBF 0%, #BABABA); + border: 1px solid #9C9C9C; +} + +.small-button[disabled="true"] { + opacity: 0.6; +} + +.small-button + .small-button, +.small-button + .small-button:hover:active { + border-left-width: 0; + min-width: 21px; +} + +.small-button:focus { + box-shadow: inset 0 0 1px -moz-mac-focusring, + 1px 0 2px 1px -moz-mac-focusring, + -1px 0 2px 1px -moz-mac-focusring; +} + +.small-button:focus + .small-button { + box-shadow: inset 1px 0 -moz-mac-focusring; +} diff --git a/comm/suite/themes/classic/mac/messenger/smime/icons/smimeicons-small.png b/comm/suite/themes/classic/mac/messenger/smime/icons/smimeicons-small.png Binary files differnew file mode 100644 index 0000000000..4c6d42fff2 --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/smime/icons/smimeicons-small.png diff --git a/comm/suite/themes/classic/mac/messenger/smime/icons/smimeicons.png b/comm/suite/themes/classic/mac/messenger/smime/icons/smimeicons.png Binary files differnew file mode 100644 index 0000000000..1434fa34ca --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/smime/icons/smimeicons.png diff --git a/comm/suite/themes/classic/mac/messenger/smime/msgCompSMIMEOverlay.css b/comm/suite/themes/classic/mac/messenger/smime/msgCompSMIMEOverlay.css new file mode 100644 index 0000000000..3c68553bbd --- /dev/null +++ b/comm/suite/themes/classic/mac/messenger/smime/msgCompSMIMEOverlay.css @@ -0,0 +1,68 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== msgCompSMIMEOverlay.css ======================================== + == Styles for the S/Mime in composer window. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#button-security { + list-style-image: url("chrome://messenger/skin/smime/icons/smimeicons.png"); + -moz-image-region: rect(0 29px 29px 0px); +} + +#button-security:hover:active, +#button-security[open] { + -moz-image-region: rect(0 59px 29px 30px); +} + +#button-security[disabled] { + -moz-image-region: rect(0 89px 29px 60px) !important; +} + +toolbar[iconsize="small"] > #button-security, +toolbar[iconsize="small"] > toolbarpaletteitem > #button-security { + list-style-image: url("chrome://messenger/skin/smime/icons/smimeicons-small.png"); + -moz-image-region: rect(0 19px 19px 0px); +} + +toolbar[iconsize="small"] > #button-security:hover:active, +toolbar[iconsize="small"] > #button-security[open] { + -moz-image-region: rect(0 39px 19px 20px); +} + +toolbar[iconsize="small"] > #button-security[disabled] { + -moz-image-region: rect(0 59px 19px 40px) !important; +} + +#msgcomposeWindow #signing-status { + list-style-image: none; + visibility: collapse; +} + +#msgcomposeWindow[signing="ok"] #signing-status { + list-style-image: url("chrome://messenger/skin/smime/icons/sbSignOk.png"); + visibility: visible; +} + +#msgcomposeWindow[signing="notok"] #signing-status { + list-style-image: url("chrome://messenger/skin/smime/icons/sbSignNotOk.png"); + visibility: visible; +} + +#msgcomposeWindow #encryption-status { + list-style-image: none; + visibility: collapse; +} + +#msgcomposeWindow[crypto="ok"] #encryption-status { + list-style-image: url("chrome://messenger/skin/smime/icons/sbCryptoOk.png"); + visibility: visible; +} + +#msgcomposeWindow[crypto="notok"] #encryption-status { + list-style-image: url("chrome://messenger/skin/smime/icons/sbCryptoNotOk.png"); + visibility: visible; +} diff --git a/comm/suite/themes/classic/mac/navigator/icons/close.png b/comm/suite/themes/classic/mac/navigator/icons/close.png Binary files differnew file mode 100644 index 0000000000..9bba044ce5 --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/icons/close.png diff --git a/comm/suite/themes/classic/mac/navigator/icons/identity.png b/comm/suite/themes/classic/mac/navigator/icons/identity.png Binary files differnew file mode 100644 index 0000000000..44153b016b --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/icons/identity.png diff --git a/comm/suite/themes/classic/mac/navigator/icons/navigatoricons-small.png b/comm/suite/themes/classic/mac/navigator/icons/navigatoricons-small.png Binary files differnew file mode 100644 index 0000000000..6f7bda51da --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/icons/navigatoricons-small.png diff --git a/comm/suite/themes/classic/mac/navigator/icons/navigatoricons.png b/comm/suite/themes/classic/mac/navigator/icons/navigatoricons.png Binary files differnew file mode 100644 index 0000000000..cfca28c59f --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/icons/navigatoricons.png diff --git a/comm/suite/themes/classic/mac/navigator/icons/panel-expander-closed.png b/comm/suite/themes/classic/mac/navigator/icons/panel-expander-closed.png Binary files differnew file mode 100644 index 0000000000..f0e97b22e1 --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/icons/panel-expander-closed.png diff --git a/comm/suite/themes/classic/mac/navigator/icons/panel-expander-open.png b/comm/suite/themes/classic/mac/navigator/icons/panel-expander-open.png Binary files differnew file mode 100644 index 0000000000..e3febf4ffb --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/icons/panel-expander-open.png diff --git a/comm/suite/themes/classic/mac/navigator/icons/panel-plus-sign.png b/comm/suite/themes/classic/mac/navigator/icons/panel-plus-sign.png Binary files differnew file mode 100644 index 0000000000..b12ecd514b --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/icons/panel-plus-sign.png diff --git a/comm/suite/themes/classic/mac/navigator/icons/restore.png b/comm/suite/themes/classic/mac/navigator/icons/restore.png Binary files differnew file mode 100644 index 0000000000..becb5420df --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/icons/restore.png diff --git a/comm/suite/themes/classic/mac/navigator/linkToolbar.css b/comm/suite/themes/classic/mac/navigator/linkToolbar.css new file mode 100644 index 0000000000..b51da8f788 --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/linkToolbar.css @@ -0,0 +1,59 @@ +/* -*- Mode: C; c-basic-offset: 2 -*- */ + +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#linktoolbar { + -moz-appearance: none; + background-color: #d5d5d5; + background-image: url("chrome://communicator/skin/toolbar/toolbar-gradient22.png"); + background-repeat: repeat-x; + border-bottom: 1px solid rgb(159, 159, 159); +} + +#linktoolbar:-moz-lwtheme { + background-color: transparent; + background-image: none; +} + +#linktoolbar > .bookmark-item { + text-shadow: none; +} + +#linktoolbar > .bookmark-item:not([disabled="true"]):hover:active, +#linktoolbar > .bookmark-item[open] { + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); +} + +#link-top { + list-style-image: url("chrome://navigator/skin/btn1/top.png"); +} + +#link-up { + list-style-image: url("chrome://navigator/skin/btn1/up.png"); +} + +#link-first { + list-style-image: url("chrome://navigator/skin/btn1/first.png"); +} + +#link-prev { + list-style-image: url("chrome://navigator/skin/btn1/previous.png"); +} + +#link-next { + list-style-image: url("chrome://navigator/skin/btn1/next.png"); +} + +#link-last { + list-style-image: url("chrome://navigator/skin/btn1/last.png"); +} + +#link-feed { + list-style-image: url("chrome://navigator/skin/btn1/feeds.png") !important; + -moz-image-region: rect(0px 32px 16px 16px); +} diff --git a/comm/suite/themes/classic/mac/navigator/navigator.css b/comm/suite/themes/classic/mac/navigator/navigator.css new file mode 100644 index 0000000000..73b305eeb8 --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/navigator.css @@ -0,0 +1,956 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://navigator/content/navigator.css"); +@import url("chrome://communicator/skin/"); +@import url("chrome://communicator/skin/places/bookmarksToolbar.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +#main-window { + -moz-appearance: none; + background-color: #EEEEEE; +} + +/* ::::: primary toolbar buttons ::::: */ + +#back-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(60px 29px 89px 0); +} + +#back-button:hover:active, +#back-button[open] { + -moz-image-region: rect(60px 59px 89px 30px); +} + +#back-button[disabled="true"] { + -moz-image-region: rect(60px 89px 89px 60px) !important; +} + +#forward-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(90px 29px 119px 0); +} + +#forward-button:hover:active, +#forward-button[open] { + -moz-image-region: rect(90px 59px 119px 30px); +} + +#forward-button[disabled="true"] { + -moz-image-region: rect(90px 89px 119px 60px) !important; +} + +#reload-button { + list-style-image: url("chrome://navigator/skin/icons/navigatoricons.png"); + -moz-image-region: rect(0 29px 29px 0); +} + +#reload-button:hover:active { + -moz-image-region: rect(0 59px 29px 30px); +} + +#reload-button[disabled="true"] { + -moz-image-region: rect(0 89px 29px 60px) !important; +} + +#stop-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(30px 29px 59px 0); +} + +#stop-button:hover:active { + -moz-image-region: rect(30px 59px 59px 30px); +} + +#stop-button[disabled="true"] { + -moz-image-region: rect(30px 89px 59px 60px) !important; +} + +#home-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(120px 29px 149px 0); +} + +#home-button:hover:active { + -moz-image-region: rect(120px 59px 149px 30px); +} + +#home-button[disabled="true"] { + -moz-image-region: rect(120px 89px 149px 60px) !important; +} + +#sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png"); +} + +/* ::::: small primary toolbar buttons ::::: */ + +toolbar[iconsize="small"] > toolbarpaletteitem > #back-button, +toolbar[iconsize="small"] > #back-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(40px 19px 59px 0); +} + +toolbar[iconsize="small"] > #back-button:hover:active, +toolbar[iconsize="small"] > #back-button[open] { + -moz-image-region: rect(40px 39px 59px 20px); +} + +toolbar[iconsize="small"] > #back-button[disabled="true"] { + -moz-image-region: rect(40px 59px 59px 40px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #forward-button, +toolbar[iconsize="small"] > #forward-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(60px 19px 79px 0); +} + +toolbar[iconsize="small"] > #forward-button:hover:active, +toolbar[iconsize="small"] > #forward-button[open] { + -moz-image-region: rect(60px 39px 79px 20px); +} + +toolbar[iconsize="small"] > #forward-button[disabled="true"] { + -moz-image-region: rect(60px 59px 79px 40px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #reload-button, +toolbar[iconsize="small"] > #reload-button { + list-style-image: url("chrome://navigator/skin/icons/navigatoricons-small.png"); + -moz-image-region: rect(0 19px 19px 0); +} + +toolbar[iconsize="small"] > #reload-button:hover:active { + -moz-image-region: rect(0 39px 19px 20px); +} + +toolbar[iconsize="small"] > #reload-button[disabled="true"] { + -moz-image-region: rect(0 59px 19px 40px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #stop-button, +toolbar[iconsize="small"] > #stop-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(20px 19px 39px 0); +} + +toolbar[iconsize="small"] > #stop-button:hover:active { + -moz-image-region: rect(20px 39px 39px 20px); +} + +toolbar[iconsize="small"] > #stop-button[disabled="true"] { + -moz-image-region: rect(20px 59px 39px 40px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #home-button, +toolbar[iconsize="small"] > #home-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(80px 19px 99px 0); +} + +toolbar[iconsize="small"] > #home-button:hover:active { + -moz-image-region: rect(80px 39px 99px 20px); +} + +toolbar[iconsize="small"] > #home-button[disabled="true"] { + -moz-image-region: rect(80px 59px 99px 40px) !important; +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button, +toolbar[iconsize="small"] > #sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-16.png"); +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active], +toolbar[iconsize="small"] > #sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png"); +} + +#FindToolbar { + border-top: none; + border-bottom: 1px solid #888888; +} + +/* ::::: fullscreen window controls ::::: */ + +#window-controls { + -moz-box-align: center; + padding-top: 0px; + padding-bottom: 0px; + padding-inline-start: 4px; + padding-inline-end: 2px; +} + +toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { + display: -moz-box; +} + +#restore-button { + list-style-image: url("chrome://navigator/skin/icons/restore.png"); +} + +/* ::::: nav-bar-inner ::::: */ + +.nav-bar-class { + -moz-box-align: center; + min-width: 0px; + -moz-window-dragging: drag; +} + +#urlbar > .autocomplete-textbox-container { + font: -moz-info; +} + +/* nsNativeThemeCocoa adds top/bottom padding to textfields... */ +#urlbar > .autocomplete-textbox-container, +#urlbar > .autocomplete-history-dropmarker { + margin-top: -1px; + margin-bottom: -2px; + padding-top: 1px; + padding-bottom: 1px; +} + +#urlbar[level="high"] > .autocomplete-textbox-container { + -moz-appearance: none; + background-color: #FFFFC7; + color: #000000; +} + +#urlbar[level="high"] > .autocomplete-history-dropmarker { + background-color: #FFFFC7 !important; +} + +#wrapper-nav-bar-inner[place="palette"] > #nav-bar-inner > .button-toolbar, +#wrapper-nav-bar-inner[place="palette"] > #nav-bar-inner > #urlbar > .urlbar-icons { + display: none; +} + +#urlbar-search-splitter { + min-width: 8px; + margin: 0 -4px; + background-image: none; + position: relative; + height: 22px; +} + +/* ::::: notification popups ::::: */ + +.popup-notification-icon { + width: 64px; + height: 64px; + margin-inline-end: 10px; +} + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url("chrome://communicator/skin/icons/geolocation-64.png"); +} + +.popup-notification-icon[popupid="persistent-storage"] { + list-style-image: url("chrome://communicator/skin/icons/notification-icons.svg#persistent-storage"); +} + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url("chrome://communicator/skin/icons/notification-64.png"); +} + +.popup-notification-icon[popupid="addon-install-disabled"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-started"], +.popup-notification-icon[popupid="addon-install-cancelled"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-complete"], +.popup-notification-icon[popupid="lwtheme-install-request"], +.popup-notification-icon[popupid="lwtheme-install-notification"] { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + width: 32px; + height: 32px; +} + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid="indexedDB-quota-prompt"] { + list-style-image: url("chrome://global/skin/icons/question-64.png"); +} + +.popup-notification-icon[popupid="password"] { + list-style-image: url("chrome://communicator/skin/icons/key-64.png"); +} + +.addon-progress-description { + width: 350px; + max-width: 350px; +} + +/* Notification icon box */ +#notification-popup-box { + margin: 0 3px; +} + +.notification-anchor-icon:-moz-focusring { + box-shadow: 0 0 2px 1px -moz-mac-focusring inset, + 0 0 2px 2px -moz-mac-focusring; +} + +#default-notification-icon { + list-style-image: url("chrome://global/skin/icons/information-16.png"); + width: 16px; + height: 16px; +} + +#geo-notification-icon { + list-style-image: url("chrome://communicator/skin/icons/geolocation-16.png"); + width: 16px; + height: 16px; +} + +#web-notifications-notification-icon { + list-style-image: url("chrome://communicator/skin/icons/notification-16.png"); + width: 16px; + height: 16px; +} + +#addons-notification-icon { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); + width: 16px; + height: 16px; +} + +#indexedDB-notification-icon { + list-style-image: url("chrome://global/skin/icons/question-16.png"); + width: 16px; + height: 16px; +} + +#password-notification-icon { + list-style-image: url("chrome://communicator/skin/icons/key-16.png"); + width: 16px; + height: 16px; +} + +.center-item-box { + border-inline-start: 1px solid rgba(255, 255, 255, 0.2); + padding-top: 7px; + padding-inline-end: 11px; + padding-inline-start: 16px; + margin-bottom: -3px; +} + +.center-item-box[padbottom="true"] { + padding-bottom: 12px; +} + +.center-item-icon { + background-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); + background-repeat: no-repeat; + height: 16px; + width: 16px; + margin-bottom: 4px; + margin-inline-end: 6px; +} + +.center-item-box[padbottom="true"][warn="true"] { + padding-bottom: 7px; +} + +.center-item-box[showseparator="true"] { + border-top: 1px solid rgba(3, 14, 27, 0.1); +} + +.center-item-box[warn="false"] > .center-item-warning { + display: none; +} + +.center-item-warning > .text-link { + color: #3d8cd7; +} + +.center-item-warning > .text-link[href=""] { + display: none; +} + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + margin-bottom: 4px; +} + +.center-item-warning-description { + color: #828282; +} + +.center-item-button { + min-width: 0; +} + +/* ::::: page proxy icon ::::: */ + +#page-proxy-deck, +#page-proxy-favicon, +#page-proxy-button { + width: 16px; + height: 16px; +} + +#page-proxy-deck { + cursor: grab; + margin: 0 3px 1px 3px; +} + +#page-proxy-button { + list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg"); +} + +#page-proxy-favicon { + list-style-image: none; +} + +#page-proxy-button[pageproxystate="invalid"] { + cursor: default; + list-style-image: url("chrome://communicator/skin/places/bookmark-item-dis.png"); +} + +/* ::::: autocomplete ::::: */ + +#PopupAutoComplete > richlistbox > richlistitem { + height: 20px; + min-height: 20px; + border: 0; + border-radius: 0; + padding: 0px 1px 0px 1px; +} + +#PopupAutoComplete > richlistbox > richlistitem > .ac-title { + font: icon; + margin-inline-start: 6px; +} + +#PopupAutoComplete > richlistbox { + padding: 0; +} + +.autocomplete-textbox-container { + -moz-box-align: center; +} + +.autocomplete-treebody::-moz-tree-cell-text(value) { + padding-inline-start: 15px; +} + +.autocomplete-treebody::-moz-tree-cell-text(comment) { + color: GrayText; +} + +.autocomplete-history-popup > .popup-internal-box { + padding: 0 !important; +} + +.autocomplete-history-popup > menuitem { + -moz-appearance: none !important; + max-width: none !important; + font: inherit; + padding: 2px; + margin: 0; +} + +.autocomplete-history-popup > menuitem[_moz-menuactive="true"], +.autocomplete-search-engine[menuactive="true"] { + background-color: Highlight !important; + color: HighlightText !important; +} + +.autocomplete-search-engine { + border-top: 1px solid #D9D9D9; /* Same color as menuseparator is probably sane here */ + padding: 2px; +} + +.autocomplete-search-engine-img { + margin-inline-end: 4px; + width: 16px; + height: 16px; +} + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: GrayText; +} + +/* ::::: searchbutton ::::: */ + +#search-button { + margin: 0; + padding: 0; + border: 0; + list-style-image: url("chrome://global/skin/icons/search-textbox.png"); +} + +toolbar[mode="text"] #search-button > .button-box > .button-icon, +toolbar[mode="icons"] #search-button > .button-box > .button-text { + display: none; +} + +/* ::::: search bar ::::: */ + +.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), +.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) { + color: GrayText; + font-size: smaller; +} + +.autocomplete-treebody::-moz-tree-cell(suggesthint) { + border-top: 1px solid GrayText; +} + +/* ::::: sidebar splitter ::::: */ + +#sidebar-splitter { + border-left: none; + border-right: none; + min-width: 5px; +} + +/* ::::: content area ::::: */ + +#security-button[level="high"] > .statusbarpanel-contentbox { + background-color: #B4CD32; +} + +#security-button[level="broken"] > .statusbarpanel-contentbox { + background-color: #E83404; +} + +#security-button[label] > .statusbarpanel-contentbox { + background-color: #62C441; +} + +#security-button > .statusbarpanel-contentbox > .statusbarpanel-text { + margin: 0px; + color: #FFFFFF; + text-shadow: none; +} + +/* make same background-color translucent on lwthemes */ +#security-button[level="high"] > .statusbarpanel-contentbox:-moz-lwtheme { + background-color: rgba(232, 219, 153, .8); +} + +#security-button[level="broken"] > .statusbarpanel-contentbox:-moz-lwtheme { + background-color: rgba(232, 52, 4, .8); +} + +#security-button[label] > .statusbarpanel-contentbox:-moz-lwtheme { + background-color: rgba(98, 196, 65, .8); +} + +#ev-button { + list-style-image: url("chrome://communicator/skin/icons/identity.png"); +} + +#popupIcon { + list-style-image: url("chrome://navigator/skin/icons/popup-blocked.png"); +} + +#invalid-form-popup { + -moz-appearance: tooltip; + padding: 2px 3px 0px 3px; + max-width: 40em; + color: InfoText; + font-weight: bold; +} + +/* Set default text-shadow that we will override if this is in the PT. */ +#personal-bookmarks { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); +} + +/* ::::: personal toolbar ::::: */ + +#PersonalToolbar { + -moz-appearance: none; + background-color: #d5d5d5; + background-image: url("chrome://communicator/skin/toolbar/toolbar-gradient22.png"); + background-repeat: repeat-x; + border-bottom: 1px solid rgb(159, 159, 159); +} + +#PersonalToolbar:-moz-lwtheme { + background-color: transparent; + background-image: none; +} + +/* No text-shadow when we're in the PT. */ +#PersonalToolbar > toolbarbutton, +#PersonalToolbar > #personal-bookmarks { + text-shadow: none; +} + +/* text-shadow styling depends on where the items are, so use inheritance. */ +#PlacesToolbar > .bookmark-item, +#PlacesToolbarItems > .bookmark-item { + text-shadow: inherit; +} + +#PersonalToolbar > toolbarbutton:hover:active, +#PersonalToolbar > toolbarbutton[open], +#PlacesToolbarItems > .bookmark-item:hover:active, +#PlacesToolbarItems > .bookmark-item[open] { + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7) !important; +} + +#PersonalToolbar > toolbarbutton > .toolbarbutton-text, +.bookmark-item > .toolbarbutton-text { + margin: 0 3px 0 2px !important; +} + +#PersonalToolbar > toolbarbutton > .toolbarbutton-icon, +.bookmark-item > .toolbarbutton-icon { + padding: 0; +} + +#bookmarks-button { + list-style-image: url("chrome://global/skin/tree/folder.png"); + padding: 0; +} + +toolbarbutton.chevron { + list-style-image: url("chrome://navigator/skin/icons/chevron.png"); + height: 16px; + width: 16px; +} + +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; +} + +toolbarbutton.chevron > .toolbarbutton-text { + display: none; /* hide chevron label which has a width even if blank */ +} + +toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { + display: -moz-box; /* display chevron icon in text mode */ +} + +/* Prevent [mode="icons"|"text"] from hiding the label and icon */ +#PlacesToolbarItems .bookmark-item > .toolbarbutton-text, +#PlacesToolbarItems .bookmark-item > .toolbarbutton-icon { + display: -moz-box !important; +} + +#PersonalToolbar[iconsize="small"] > toolbarpaletteitem > #home-button > .toolbarbutton-icon, +#PersonalToolbar[iconsize="small"] > #home-button > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +/* + In customize mode we hide the normal bookmark items and show a placeholder + for the drag/drop UI. +*/ +.bookmarks-toolbar-customize { + list-style-image: url("chrome://communicator/skin/places/bookmarksToolbar.png"); + display: none; + max-width: 15em !important; +} + +#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box { + width: 16px; + height: 16px; + background: url("chrome://communicator/skin/places/bookmarksToolbar.png") no-repeat; +} + +/* ::::: star button ::::: */ + +#star-button { + list-style-image: url("chrome://communicator/skin/places/bookmark.png"); + -moz-image-region: rect(16px 16px 32px 0px); +} + +#star-button:hover { + -moz-image-region: rect(16px 32px 32px 16px); +} + +#star-button:hover:active { + -moz-image-region: rect(16px 48px 32px 32px); +} + +#star-button[starred="true"] { + -moz-image-region: rect(0px 16px 16px 0px); +} + +#star-button[starred="true"]:hover { + -moz-image-region: rect(0px 32px 16px 16px); +} + +#star-button[starred="true"]:hover:active { + -moz-image-region: rect(0px 48px 16px 32px); +} + +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://communicator/skin/places/bookmark.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#editBookmarkPanelTitle { + font-size: 130%; + font-weight: bold; +} + +/* ::::: Edit bookmark panel ::::: */ + +#editBMPanel_rows > row { + margin-bottom: 8px; +} + +#editBMPanel_rows > row:last-of-type { + margin-bottom: 0; +} + +#editBMPanel_rows > row > textbox, +#editBMPanel_rows > row > hbox > textbox { + -moz-appearance: none; + background: linear-gradient(#FAFAFA, #FFFFFF); + background-clip: padding-box; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.05), + 0 1px rgba(255, 255, 255, 0.3); + margin: 0; + padding: 3px 6px; +} + +#editBMPanel_rows > row > textbox[focused="true"], +#editBMPanel_rows > row > hbox > textbox[focused="true"] { + border-color: -moz-mac-focusring !important; + box-shadow: 0 0 1px -moz-mac-focusring inset, + 0 0 4px 1px -moz-mac-focusring, + 0 0 1.5px 1px -moz-mac-focusring; +} + +.editBookmarkPanelHeaderButton, +.editBookmarkPanelBottomButton { + -moz-appearance: none; + color: #434343; + border-radius: 4px; + border: 1px solid #B5B5B5; + background: linear-gradient(#FFFFFF, #F2F2F2); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), + inset 0 0 1px rgba(255, 255, 255, 0.25), + 0 1px rgba(255, 255, 255, 0.3); + background-clip: padding-box; + background-origin: padding-box; + margin: 0; + padding: 2px 6px; +} + +.editBookmarkPanelHeaderButton:hover:active, +.editBookmarkPanelBottomButton:hover:active { + box-shadow: inset 0 1px 4px -3px #000, 0 1px rgba(255, 255, 255, 0.3); +} + +.editBookmarkPanelHeaderButton:-moz-focusring, +.editBookmarkPanelBottomButton:-moz-focusring { + box-shadow: inset 0 0 1px -moz-mac-focusring, + 0 0 4px 1px -moz-mac-focusring, + 0 0 2px 1px -moz-mac-focusring; +} + +.editBookmarkPanelBottomButton { + margin-inline-start: 8px; +} + +.editBookmarkPanelBottomButton[default="true"] { + background-color: #666666; +} + +#editBookmarkPanelHeader { + margin-bottom: 6px; +} + +#editBMPanel_editColumn { + color: #FFFFFF; +} + +/* The following elements come from editBookmarkOverlay.xul, but the styling is + specific to the HUD-styled editBookmarkPanel. Styling shared by all + editBookmarkOverlay.xul consumers should be in editBookmarkOverlay.css. */ + +#editBMPanel_newFolderBox { + background: linear-gradient(#FFFFFF, #F2F2F2); + background-origin: padding-box; + background-clip: padding-box; + border-radius: 0 0 3px 3px; + border: 1px solid #A5A5A5; + box-shadow: inset 0 1px rgba(255,255, 255, 0.8), + inset 0 0 1px rgba(255, 255, 255, 0.25), + 0 1px rgba(255, 255, 255, 0.3); + padding: 0; + margin: 0; + height: 20px; +} + +#editBMPanel_newFolderButton { + -moz-appearance: none; + border: 0 solid #A5A5A5; + border-inline-end-width: 1px; + + padding: 0 9px; + margin: 0; + min-width: 21px; + min-height: 20px; + height: 20px; + color: #FFFFFF; + list-style-image: url("chrome://navigator/skin/icons/panel-plus-sign.png"); + position: relative; +} + +#editBMPanel_newFolderButton .button-text { + display: none; +} + +#editBMPanel_folderMenuList, +#editBMPanel_tagsSelectorExpander, +#editBMPanel_foldersExpander { + color: #434343; + border-radius: 4px; + border: 1px solid #B5B5B5; + background: linear-gradient(#FFFFFF, #F2F2F2); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), + inset 0 0 1px rgba(255, 255, 255, 0.25), + 0 1px rgba(255, 255, 255, 0.3); + background-clip: padding-box; + background-origin: padding-box; + margin: 0; +} + +#editBMPanel_folderMenuList { + -moz-appearance: none; + min-height: 22px; + padding-top: 2px; + padding-bottom: 1px; + padding-inline-start: 8px; + padding-inline-end: 4px; +} + +#editBMPanel_tagsSelectorExpander, +#editBMPanel_foldersExpander { + margin-inline-start: 4px; + padding-top: 2px; + padding-inline-start: 6px; + padding-inline-end: 2px; + min-width: 27px; + min-height: 22px; +} + +#editBMPanel_folderMenuList > .menulist-dropmarker { + -moz-appearance: none; + display: -moz-box; + background-color: transparent; + border: 0; + margin: 0; + padding: 0; + padding-inline-end: 4px; + width: 7px; +} + +#editBMPanel_folderMenuList > .menulist-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://global/skin/icons/panel-dropmarker.png"); +} + +/**** folder tree and tag selector ****/ +#editBMPanel_folderTree, +#editBMPanel_tagsSelector { + -moz-appearance: none; + background: linear-gradient(#FAFAFA, #FFFFFF); + background-clip: padding-box; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.05), + 0 1px rgba(255, 255, 255, 0.3); + margin: 0; +} + +#editBMPanel_folderTree { + border-bottom: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + /* Implements editBookmarkPanel resizing on folderTree un-collapse. */ + margin: 0 !important; + min-width: 27em; + position: relative; +} + + +#editBMPanel_folderTree:-moz-focusring, +#editBMPanel_tagsSelector:-moz-focusring { + border-color: -moz-mac-focusring; + box-shadow: 0 0 4px 1px -moz-mac-focusring, + 0 0 2px 1px -moz-mac-focusring; +} + +/* hover:active */ +#editBMPanel_newFolderButton:hover:active, +#editBMPanel_folderMenuList[open="true"], +#editBMPanel_folderMenuList:hover:active, +#editBMPanel_tagsSelectorExpander:hover:active, +#editBMPanel_foldersExpander:hover:active { + box-shadow: inset 0 1px 4px -3px #000000, 0 1px rgba(255, 255, 255, 0.3); +} + +/* focus ring */ +#editBMPanel_newFolderButton:-moz-focusring, +#editBMPanel_folderMenuList:-moz-focusring, +#editBMPanel_tagsSelectorExpander:-moz-focusring, +#editBMPanel_foldersExpander:-moz-focusring, +#editBMPanel_namePicker[droppable="false"][focused="true"] > .menulist-editable-box { + box-shadow: inset 0 0 1px -moz-mac-focusring, + 0 0 4px 1px -moz-mac-focusring, + 0 0 2px 1px -moz-mac-focusring; +} + +/* expander icons */ +#editBMPanel_rows > row > hbox > .expander-up { + list-style-image: url("chrome://navigator/skin/icons/panel-expander-open.png"); +} + +#editBMPanel_rows > row > hbox > .expander-down { + list-style-image: url("chrome://navigator/skin/icons/panel-expander-closed.png"); +} + +.editBMPanel_rowLabel { + text-align: end; +} + +/* ::::: feeds ::::: */ + +.feedsMenu { + list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png"); +} + +#BMB_feedsMenu[disabled="true"] { + list-style-image: url("chrome://communicator/skin/icons/feedIcon16-disabled.png"); +} + +#feedsButton { + list-style-image: url("chrome://navigator/skin/btn1/feeds.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} + +#feedsButton[open="true"] { + -moz-image-region: rect(48px 32px 64px 16px) !important; +} + +/* Need to set fixed width to stop the zoom display from changing size and moving around the zoom buttons */ +#zoomLevel-display { + width: 60px; + max-width: 60px; + margin-left: 0px; + margin-right: 0px; +} diff --git a/comm/suite/themes/classic/mac/navigator/pageInfo.css b/comm/suite/themes/classic/mac/navigator/pageInfo.css new file mode 100644 index 0000000000..3e912719da --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/pageInfo.css @@ -0,0 +1,183 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import "chrome://global/skin/global.css"; + +#main-window { + width: 600px !important; + height: 530px !important; +} + +#dragbox { + -moz-window-dragging: drag; + min-height: 20px; + -moz-appearance: toolbar; + -moz-box-align: center; +} + +#tabbox { + margin: 0; + -moz-appearance: none; + padding: 0; +} + +#tabs { + padding: 1px; + margin: 3px 0 8px; +} + +tab { + -moz-appearance: toolbarbutton; + -moz-box-orient: vertical; + text-shadow: 0 1px rgba(255, 255, 255, 0.4); + margin: 0; +} + +tab[selected=true] { + color: #FFFFFF; + text-shadow: 0 1px rgba(0, 0, 0, 0.4); +} + +.tab-middle { + padding: 0; +} + +.tab-icon { + display: none; +} + +#mainDeck { + -moz-appearance: none; +} + +/* Misc */ +tree { + margin: .5em; +} + +.gridSeparator { + width: .5em; +} + +textbox { + background: transparent !important; + border: none; + padding: 0px; + margin-top: 1px; + -moz-appearance: none; + -moz-user-focus: none; +} + +textbox.header { + margin-inline-start: 0; +} + +.iframe { + margin: .5em; + background: white; + overflow: auto; +} + +.fixedsize { + height: 8.5em; +} + +textbox[disabled] { + font-style: italic; +} + +/* General Tab */ +#metatree { + margin: 0; +} + +#metaTags > .groupbox-body { + padding: 0; +} + +#general-security-identity { + white-space: pre-wrap; + line-height: 2em; +} + +/* Media Tab */ +#imagetree { + min-height: 10em; +} + +#mediaGrid { + min-height: 9em; +} + +#mediaLabelColumn { + min-width: 10em; +} + +#thepreviewimage { + margin: 1em; +} + +treechildren::-moz-tree-cell-text(broken) { + font-style: italic; + color: graytext; +} + +/* Feeds Tab */ +#feedListbox > richlistitem { + padding-top: 6px; + padding-bottom: 6px; + padding-inline-start: 7px; + padding-inline-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; +} + +.feedTitle { + font-weight: bold; +} + +/* Permissions Tab */ +#permList { + margin-top: .5em; + overflow: auto; +} + +#permList > richlistitem { + padding-top: 6px; + padding-bottom: 6px; + padding-inline-start: 7px; + padding-inline-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; +} + +#permList > richlistitem > label { + font-weight: bold; +} + +/* Security Tab */ +#security-technical-longform1, +#security-technical-longform2 { + margin-inline-start: 6px; +} + +.fieldValue { + font-weight: bold; +} + +#identity-icon { + width: 64px; + height: 64px; + max-height: 64px; + list-style-image: url("chrome://navigator/skin/icons/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); +} + +#identity-icon.verifiedDomain { + -moz-image-region: rect(64px, 64px, 128px, 0px); +} + +#identity-icon.verifiedIdentity { + -moz-image-region: rect(128px, 64px, 192px, 0px); +} diff --git a/comm/suite/themes/classic/mac/navigator/tabbrowser.css b/comm/suite/themes/classic/mac/navigator/tabbrowser.css new file mode 100644 index 0000000000..1017f4293e --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/tabbrowser.css @@ -0,0 +1,238 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +tabbrowser { + border: 0 !important; +} + +tabbox { + margin: 0; +} + +tabpanels { + -moz-appearance: none; +} + +.tabs-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); +} + +.tabbrowser-tabs { + font: icon; + background-color: rgba(0, 0, 0, 0.1); + border-top: 1px solid rgba(0, 0, 0, 0.08); + padding: 0; + margin: 0; + margin-bottom: 2px; + -moz-box-align: end; +} + +.tabs-stack { + margin-top: -1px; +} + +.tab-icon { + margin-inline-end: 3px; + width: 16px; + height: 16px; +} + +.tabbrowser-tab { + margin: 0; + padding: 0; + list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg"); + border: solid transparent; + border-width: 0 1px; + -moz-appearance: none; +} + +.tabbrowser-tab:not([selected="true"]):-moz-locale-dir(ltr), +.tabbrowser-tab:not([selected="true"]):-moz-locale-dir(rtl):first-child { + border-right-color: rgba(0, 0, 0, 0.19); +} + +.tabbrowser-tab:not([selected="true"]):-moz-locale-dir(ltr):first-child, +.tabbrowser-tab:not([selected="true"]):-moz-locale-dir(rtl) { + border-left-color: rgba(0, 0, 0, 0.19); +} + +.tabbrowser-tab:not(:first-child) { + margin-inline-start: -1px; +} + +.tab-middle { + padding: 4px 7px; +} + +.tab-middle:-moz-lwtheme { + background-color: rgba(0, 0, 0, 0.1); +} + +.tab-middle:-moz-lwtheme:not([selected="true"]) > .tab-text { + opacity: 0.8; +} + +.tab-middle[selected="true"] { + padding: 1px 7px 4px; + background-color: #E8E8E8; +} + +.tab-middle[selected="true"]:-moz-lwtheme { + background-color: transparent; +} + +.tabbrowser-tab:hover > .tab-middle:not([selected="true"]) { + background-color: rgba(0, 0, 0, 0.1); +} + +.tabbrowser-tab:-moz-lwtheme:hover > .tab-middle:not([selected="true"]) { + background-color: rgba(0, 0, 0, 0.20); +} + +.tabbrowser-tab[busy] { + list-style-image: url("chrome://communicator/skin/icons/loading.png"); +} + +.tabbrowser-tab[selected="true"] { + color: #000000; + text-shadow: none; + border-radius: 2px; + border-top-width: 1px; + border-top-color: rgba(0, 0, 0, 0.1); + border-left-color: rgba(0, 0, 0, 0.08); + border-right-color: rgba(0, 0, 0, 0.08); + margin-top: 2px; +} + +.tabbrowser-tab:focus { + outline: 2px solid -moz-mac-focusring; + outline-offset: -2px; + -moz-outline-radius: 5px; +} + +.tabbrowser-tab[beforeselected="true"]:-moz-locale-dir(ltr) { + border-right-color: transparent; +} + +.tabbrowser-tab[beforeselected="true"]:-moz-locale-dir(rtl) { + border-left-color: transparent; +} + +.tabs-newbutton > .toolbarbutton-text, +.tabs-alltabs-button > .toolbarbutton-text, +.tabs-closebutton > .toolbarbutton-text { + display: none; +} + +/* ::::: Tab scrollbox arrow ::::: */ + +.scrollbutton-up, +.scrollbutton-down { + border: 0; + padding: 0 4px; + margin: 0; +} + +.scrollbutton-up:-moz-locale-dir(ltr), +.scrollbutton-down:-moz-locale-dir(rtl) { + border-right: 1px solid; + border-right-color: rgba(0, 0, 0, 0.19); + list-style-image: url("chrome://messenger/skin/icons/tab-arrow-left.png"); + -moz-image-region: rect(0, 7px, 11px, 0); +} + +.scrollbutton-up[disabled="true"]:-moz-locale-dir(ltr), +.scrollbutton-down[disabled="true"]:-moz-locale-dir(rtl) { + -moz-image-region: rect(0, 14px, 11px, 7px); + border-right-color: transparent; +} + +.scrollbutton-down:-moz-locale-dir(ltr), +.scrollbutton-up:-moz-locale-dir(rtl) { + border-left: 1px solid; + border-left-color: rgba(0, 0, 0, 0.19); + list-style-image: url("chrome://messenger/skin/icons/tab-arrow-right.png"); + -moz-image-region: rect(0, 7px, 11px, 0); + box-shadow: 0 0 0 9px transparent inset; + transition: box-shadow 1s ease-out; +} + +.scrollbutton-down[notifybgtab="true"] { + box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.2) inset; + transition: none; +} + +.scrollbutton-down[disabled="true"]:-moz-locale-dir(ltr), +.scrollbutton-up[disabled="true"]:-moz-locale-dir(rtl) { + -moz-image-region: rect(0, 14px, 11px, 7px); + border-left-color: transparent; +} + +.scrollbutton-up:hover:not([disabled="true"]), +.scrollbutton-down:hover:not([disabled="true"]) { + background-color: rgba(0, 0, 0, 0.1); +} + +.scrollbutton-up:hover:active:not([disabled="true"]), +.scrollbutton-down:hover:active:not([disabled="true"]) { + background-color: rgba(0, 0, 0, 0.2); +} + +/* All Tabs Menupopup */ +.alltabs-item { + list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg"); +} + +.alltabs-item[busy] { + list-style-image: url("chrome://communicator/skin/icons/loading.png") !important; +} + +.alltabs-item[tabIsScrolled] { + font-style: italic; +} + +/* ::::: close button ::::: */ + +.tabs-closebutton { + margin: 3px; + padding: 1px; + list-style-image: url("chrome://navigator/skin/icons/close.png"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.tabs-closebutton:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +.tabs-closebutton:active:hover { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +.tabs-newbutton { + margin: 0; + padding: 1px; + list-style-image: url("chrome://navigator/skin/icons/tab-new.png"); +} + +.tab-drop-indicator-bar { + height: 11px; + margin-top: -11px; + margin-inline-start: -6px; + position: relative; +} + +.tab-drop-indicator { + height: 11px; + width: 11px; + margin-bottom: -5px; + position: relative; + list-style-image: url('chrome://navigator/skin/icons/tab-drag-indicator.png'); +} + +tooltip[tabpreview="true"] { + max-width: none; +} diff --git a/comm/suite/themes/classic/mac/navigator/webDeveloper.css b/comm/suite/themes/classic/mac/navigator/webDeveloper.css new file mode 100644 index 0000000000..682c48c544 --- /dev/null +++ b/comm/suite/themes/classic/mac/navigator/webDeveloper.css @@ -0,0 +1,197 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* Mostly copied from mozilla/devtools/client/themes/commandline.inc.css */ +/* Developer Tools */ + +/* Developer toolbar */ + +/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. + We are copy/pasting variables from light-theme and dark-theme, + since they aren't loaded in this context (within browser.css). */ +#developer-toolbar[devtoolstheme="light"] { + --gcli-background-color: #ebeced; /* --theme-tab-toolbar-background */ + --gcli-input-background: #f0f1f2; /* --theme-toolbar-background */ + --gcli-input-focused-background: #f7f7f7; /* --theme-sidebar-background */ + --gcli-input-color: #18191a; /* --theme-body-color */ + --gcli-border-color: #aaaaaa; /* --theme-splitter-color */ + --selection-background: #4c9ed9; /* --theme-selection-background */ + --selection-color: #f5f7fa; /* --theme-selection-color */ +} + +#developer-toolbar[devtoolstheme="dark"] { + --gcli-background-color: #343c45; /* --theme-toolbar-background */ + --gcli-input-background: rgba(37, 44, 51, .6); /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #252c33; /* --theme-tab-toolbar-background */ + --gcli-input-color: #b6babf; /* --theme-body-color-alt */ + --gcli-border-color: #000000; /* --theme-splitter-color */ + --selection-background: #1d4f73; /* --theme-selection-background */ + --selection-color: #f5f7fa; /* --theme-selection-color */ +} + +#developer-toolbar { + padding: 0; + background-color: var(--gcli-background-color); + border-top: 1px solid var(--gcli-border-color); +} + +#developer-toolbar[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before { + filter: invert(1); +} + +#developer-toolbar-toolbox-button { + list-style-image: url("chrome://devtools/skin/images/toggle-tools.png"); + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +#developer-toolbar-toolbox-button:hover > .toolbarbutton-icon { + filter: brightness(120%); +} + +#developer-toolbar-toolbox-button:hover:active > .toolbarbutton-icon { + filter: saturate(150%); +} + +#developer-toolbar-toolbox-button[checked=true] > .toolbarbutton-icon { + filter: hue-rotate(180deg); +} + +@media (min-resolution: 1.1dppx) { + #developer-toolbar-toolbox-button { + list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png"); + -moz-image-region: rect(0px, 128px, 32px, 96px); + } +} + +/* Error counter */ + +#developer-toolbar-toolbox-button[error-count]:before { + color: white; + min-width: 16px; + text-shadow: none; + background-color: firebrick; + border-radius: 2px; + margin-inline-end: 2px; +/* + Firefox browser/themes/osx/browser.css + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; +*/ +} + +/* GCLI */ + +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame { + padding: 0; + border-width: 0; + background-color: transparent; +} + +#gcli-output, +#gcli-tooltip { + border-width: 0; + background-color: transparent; + -moz-appearance: none; +} + +.gclitoolbar-input-node, +.gclitoolbar-complete-node { + -moz-box-align: center; + padding-top: 0; + padding-bottom: 0; + padding-right: 8px; + text-shadow: none; + box-shadow: none; + background-color: transparent; +} + +.gclitoolbar-input-node { + -moz-appearance: none; + color: var(--gcli-input-color); + background-color: var(--gcli-input-background); + background-repeat: no-repeat; + background-position: 4px center; + box-shadow: 1px 0 0 var(--gcli-border-color) inset, + -1px 0 0 var(--gcli-border-color) inset; + outline-style: none; + padding: 0; +} + +.gclitoolbar-input-node[focused="true"] { + background-color: var(--gcli-input-focused-background); +} + +.gclitoolbar-input-node::before { + content: ""; + display: inline-block; + -moz-box-ordinal-group: 0; + width: 16px; + height: 16px; + margin: 0 2px; + background-image: url("chrome://devtools/skin/images/commandline-icon.png"); + background-position: 0 center; + background-size: 32px 16px; +} + +.gclitoolbar-input-node[focused="true"]::before { + background-position: -16px center; +} + +@media (min-resolution: 1.1dppx) { + .gclitoolbar-input-node::before { + background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); + } +} + +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + background-color: var(--selection-background); + color: var(--selection-color); + text-shadow: none; +} + +.gclitoolbar-complete-node { + padding-left: 21px; + background-color: transparent; + color: transparent; + z-index: 100; + pointer-events: none; +} + +.gcli-in-incomplete, +.gcli-in-error, +.gcli-in-ontab, +.gcli-in-todo, +.gcli-in-closebrace, +.gcli-in-param, +.gcli-in-valid { + margin: 0; + padding: 0; +} + +.gcli-in-incomplete { + border-bottom: 2px dotted #999; +} + +.gcli-in-error { + border-bottom: 2px dotted #F00; +} + +.gcli-in-ontab { + color: hsl(210,0%,35%); +} + +.gcli-in-todo { + color: hsl(210,50%,35%); +} + +.gcli-in-closebrace { + color: hsl(0,0%,80%); +} |
