From df8c26c46020f7b778d46e6ceedc93e4d4cb6202 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Tue, 22 May 2007 17:16:10 +0200 Subject: [PATCH] first steps on synching EarlyBlue with trunk *stripe (global files starting with A-N) --- EarlyBlue/global/about.css | 49 +++++ EarlyBlue/global/autocomplete.css | 41 +++++ EarlyBlue/global/browser.css | 168 +++++++++++++----- EarlyBlue/global/button.css | 29 ++- EarlyBlue/global/checkbox.css | 12 +- EarlyBlue/global/colorpicker.css | 6 +- EarlyBlue/global/config.css | 15 +- EarlyBlue/global/{ => console}/console.css | 126 ++++++++++++- EarlyBlue/global/customizeToolbar.css | 48 +++++ EarlyBlue/global/datetimepicker.css | 153 ++++++++++++++++ EarlyBlue/global/dialog.css | 16 +- EarlyBlue/global/expander.css | 47 +++++ EarlyBlue/global/findBar.css | 87 +++++++++ EarlyBlue/global/formatting.css | 59 +++--- EarlyBlue/global/global.css | 20 +-- EarlyBlue/global/globalBindings.xml | 14 +- EarlyBlue/global/groupbox.css | 6 +- EarlyBlue/global/listbox.css | 16 +- EarlyBlue/global/menu.css | 157 +++++++++------- .../global/menu/menu-arrow-disabled-rtl.gif | Bin 0 -> 80 bytes .../global/menu/menu-arrow-hover-rtl.gif | Bin 0 -> 80 bytes EarlyBlue/global/menu/menu-arrow-rtl.gif | Bin 0 -> 74 bytes EarlyBlue/global/menulist.css | 75 +++----- EarlyBlue/global/notification.css | 34 ++++ EarlyBlue/global/numberbox.css | 8 +- 25 files changed, 945 insertions(+), 241 deletions(-) create mode 100644 EarlyBlue/global/about.css rename EarlyBlue/global/{ => console}/console.css (56%) create mode 100644 EarlyBlue/global/customizeToolbar.css create mode 100644 EarlyBlue/global/datetimepicker.css create mode 100644 EarlyBlue/global/expander.css create mode 100644 EarlyBlue/global/findBar.css create mode 100644 EarlyBlue/global/menu/menu-arrow-disabled-rtl.gif create mode 100644 EarlyBlue/global/menu/menu-arrow-hover-rtl.gif create mode 100644 EarlyBlue/global/menu/menu-arrow-rtl.gif create mode 100644 EarlyBlue/global/notification.css diff --git a/EarlyBlue/global/about.css b/EarlyBlue/global/about.css new file mode 100644 index 00000000..5337562c --- /dev/null +++ b/EarlyBlue/global/about.css @@ -0,0 +1,49 @@ +html { + background-color: #CCD0DD; +} + +body { + color: #000000; + font: 11px helvetica,arial,tahoma,sans-serif; + margin: 0; + padding: 0 1em; +} + +#aboutPageContainer { + position: relative; + min-width: 330px; + max-width: 50em; + margin: 4em auto; + border: 1px solid #666699; + -moz-border-radius: 10px; + padding: 3em; + -moz-padding-start: 30px; + background: #FFFFFF; +} + +#aboutLogoContainer { + border: 1px solid #9999CC; + width: 300px; + margin-bottom: 2em; +} + +img { + border: 0; +} + +#version { + font-weight: bold; + color: #666699; + margin: -24px 0 9px 17px; +} + +ul { + margin: 0; + -moz-margin-start: 1.5em; + padding: 0; + list-style: square; +} + +ul > li { + margin-top: .5em; +} diff --git a/EarlyBlue/global/autocomplete.css b/EarlyBlue/global/autocomplete.css index 38e74a0f..aa9154fa 100644 --- a/EarlyBlue/global/autocomplete.css +++ b/EarlyBlue/global/autocomplete.css @@ -42,6 +42,9 @@ == Styles used by the autocomplete widget. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + /* ::::: autocomplete ::::: */ textbox { @@ -49,6 +52,18 @@ textbox { padding: 0px; } +/* Used by autocomplete widgets that don't have an icon. Gross. -dwh */ +textbox.padded { + padding-top: 1px; + padding-bottom: 1px; + -moz-padding-start: 2px; + -moz-padding-end: 0px; +} + +.autocomplete-textbox-container { + -moz-box-align: center; +} + .textbox-input-box { margin: 0 3px; -moz-box-align: center; @@ -62,6 +77,10 @@ textbox { background-color: #9999CC; } +.autocomplete-history-dropmarker[enablehistory="true"] { + -moz-binding: url("chrome://global/skin/globalBindings.xml#history-dropmarker") +} + .autocomplete-history-dropmarker[open="true"] { border: 1px inset #CCD0DD; padding: 2px 0px 0px 2px; @@ -97,6 +116,16 @@ textbox { padding-left: 8px; } +.autocomplete-treebody::-moz-tree-row(selected) { + background-color: #336699; +} + +.autocomplete-treebody::-moz-tree-cell-text(selected) { + color: white !important; +} + +/* seamonkey and thunderbird do not use the new autocomplete widget yet so we need a couple of the old styles rules */ + .autocomplete-treebody::-moz-tree-row(menuactive) { background-color: #336699; } @@ -104,3 +133,15 @@ textbox { .autocomplete-treebody::-moz-tree-cell-text(menuactive) { color: white !important; } + +/* end of seamonkey and thunderbird required autocomplete rules */ + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} + +toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} diff --git a/EarlyBlue/global/browser.css b/EarlyBlue/global/browser.css index c6f2c41e..5a0f83b4 100644 --- a/EarlyBlue/global/browser.css +++ b/EarlyBlue/global/browser.css @@ -37,78 +37,160 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -.tabbrowser-strip { - padding-bottom: 1px; - border-bottom: 1px solid #666699; +/** + * Tabbrowser Tabs + */ + +.tabbrowser-tabs { + /* XXX: Firefox rules - look into those when we support FF + -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs") !important; + padding-top: 0px; + background: -moz-dialog url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png") !important; + -moz-padding-start: 0px; + */ } -tabpanels { +.tabbrowser-tabs[overflow="true"] { + -moz-padding-start: 0px; } -.tabbrowser-tabs { - padding-top: 1px; +/** + * Tab + */ + +.tabbrowser-tab { + /* XXX: Firefox rules - look into those when we support FF + -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important; + background: transparent !important; + margin: 0px !important; + padding: 0px !important; + border: none !important; + height: 22px !important; + margin-bottom: 1px; + */ } -.tabs-left, -.tabs-right { - width: 0px; +.tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image { + list-style-image: url("chrome://global/skin/icons/loading.gif") !important; } -.tab-icon { +.tabbrowser-tab[selected="true"] { + font-weight: bold; +} + +.tab-icon-image { margin-top: 1px; - margin-right: 3px; + -moz-margin-end: 3px; width: 16px; height: 16px; + /* XXX: Firefox rules - look into those when we support FF + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); + */ } -tab { - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item16.gif"); +.tabs-bottom { } -tab[busy] { - list-style-image: url("chrome://global/skin/icons/loading.gif"); +tabpanels { } -tabbrowser > tabbox > tabpanels { - border: none; - padding: 0px; - margin: 0px; +.tabs-left, +.tabs-right { + width: 3px; + border-bottom-width: 0px; +} + +/* tabbrowser-tab focus ring */ +.tabbrowser-tab > .tab-image-middle > .tab-text { + border: 1px dotted transparent; } -/* ::::: close & new tab buttons ::::: */ +.tabbrowser-tab:focus > .tab-image-middle > .tab-text { + border: 1px dotted #666699; +} -.tabs-closebutton { - margin-bottom: 2px; - margin-right: 2px; - list-style-image: url("chrome://global/skin/icons/close-button.gif"); +/** + * Tab Drag and Drop + */ + +.tab-drop-indicator-bar { + display:none; + height: 9px; + margin-top: -9px; + position: relative; +} + +.tab-drop-indicator { + height: 11px; + width: 11px; + margin-bottom: -5px; + position: relative; + background: url('chrome://global/skin/icons/tab-drag-indicator.gif') 50% 50% no-repeat; } -.tabs-closebutton > .toolbarbutton-icon { - margin: 0; +.tab-drop-indicator-bar[dragging="true"] { + display: -moz-box; } -.tabs-newbutton { - margin: 0px; - margin-top: 2px; +/** + * In-tab close button + */ +.tab-close-button > .toolbarbutton-icon { + -moz-margin-end: 0px !important; + margin-top: 1px; +} + +.tab-close-button { + border: none !important; padding: 0px; - list-style-image: url("chrome://global/skin/icons/tab-new.gif"); + cursor: default; + list-style-image: url("chrome://global/skin/icons/close-button.gif"); } -.tab-drop-indicator-bar { - height: 11px; - margin-top: -11px; - margin-left: -8px; - position: relative; + +.tab-close-button:focus { + outline: none !important; } -.tab-drop-indicator { - height: 11px; - width: 11px; - margin-bottom: -8px; - position: relative; - list-style-image: url('chrome://global/skin/icons/tab-drag-indicator.gif'); +/** + * Tab Scrollbox Arrow Buttons + */ + +/* XXX: Firefox rules - look into those when we support FF */ + +/** + * All Tabs Button + */ + +/* XXX: Firefox rules - look into those when we support FF +.tabs-alltabs-box { +} + +.tabs-alltabs-button { +} + +.tabs-alltabs-box-animate { } +*/ -tooltip[tabpreview="true"] { - max-width: none; +/** + * All Tabs Menupopup + */ + +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + /* XXX: Firefox rules - look into those when we support FF + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); + */ +} + +.alltabs-item[selected="true"] { + font-weight: bold; +} + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading.gif"); } diff --git a/EarlyBlue/global/button.css b/EarlyBlue/global/button.css index 666e6464..59c8b48e 100644 --- a/EarlyBlue/global/button.css +++ b/EarlyBlue/global/button.css @@ -35,15 +35,13 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - /* ===== button.css ===================================================== == Styles used by the XUL button element. ======================================================================= */ -/* :::::::::: button :::::::::: */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -/* outer frame */ +/* :::::::::: button :::::::::: */ button { margin: 2px 3px; @@ -58,6 +56,10 @@ button { padding: 0px 3px 1px 2px; } +.button-icon { + margin-right: 2px; +} + .button-text { margin: 0px !important; text-align: center; @@ -78,7 +80,11 @@ button[default="true"] > .button-box { font-weight: bold; list-style-image: url("chrome://global/skin/icons/return.gif"); -moz-box-direction: reverse; - padding-right: 6px; +} + +button[default="true"] > .button-box > .button-icon { + margin-right: 0px; + margin-left: 2px; } button[default="true"][disabled="true"] > .button-box { @@ -142,3 +148,16 @@ button.plain { margin: 0px !important; padding: 0px !important; } + +button[type="disclosure"] { + border: 0px !important; + margin: 0px !important; + padding: 0px !important; + list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + min-width: 0px !important; + background-color: transparent; +} + +button[type="disclosure"][open="true"] { + list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); +} diff --git a/EarlyBlue/global/checkbox.css b/EarlyBlue/global/checkbox.css index 92f25063..230f09be 100644 --- a/EarlyBlue/global/checkbox.css +++ b/EarlyBlue/global/checkbox.css @@ -35,12 +35,14 @@ * * ***** END LICENSE BLOCK ***** */ +/* ===== checkbox.css =================================================== + == Styles used by the XUL checkbox element. + ======================================================================= */ + @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -/* stylesheet for XUL element */ +/* ::::: checkbox ::::: */ -/* default checkbox for dialogs */ -/* outer frame */ checkbox { margin: 1px 2px; border-left: 1px transparent; @@ -78,7 +80,7 @@ checkbox:focus > .checkbox-label-center-box > .checkbox-label-box { /* ..... disabled state ..... */ checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check { - background-color: -moz-Dialog; + background-color: #CCD0DD; } checkbox[disabled="true"] { @@ -95,7 +97,7 @@ checkbox[disabled="true"] { } checkbox:hover:active > .checkbox-spacer-box > .checkbox-check { - background-color: transparent; + background-color: #CCD0DD; } /* ..... checked state ..... */ diff --git a/EarlyBlue/global/colorpicker.css b/EarlyBlue/global/colorpicker.css index e089a9e6..d0d268ac 100644 --- a/EarlyBlue/global/colorpicker.css +++ b/EarlyBlue/global/colorpicker.css @@ -35,12 +35,12 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - /* ===== colorpicker.css ================================================ == Styles used by the XUL colorpicker element. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + /* ::::: colorpicker button ::::: */ /* colorpicker button */ @@ -59,7 +59,7 @@ colorpicker[type="button"] { colorpicker[type="button"]:focus { } - + colorpicker[type="button"][open="true"] { border: 1px inset #CCD0DD; } diff --git a/EarlyBlue/global/config.css b/EarlyBlue/global/config.css index 71e5761b..c1073372 100644 --- a/EarlyBlue/global/config.css +++ b/EarlyBlue/global/config.css @@ -98,12 +98,23 @@ /* ::::: tree rows ::::: */ -treechildren::-moz-tree-cell-text(user) +#configTreeBody::-moz-tree-cell-text(user) { font-weight: bold; } -treechildren::-moz-tree-cell-text(locked) +#configTreeBody::-moz-tree-cell-text(locked) { font-style: italic; } + +#configTree +{ + margin-top: 5px; + margin-bottom: 5px; +} + +#filterRow +{ + margin-top: 5px; +} diff --git a/EarlyBlue/global/console.css b/EarlyBlue/global/console/console.css similarity index 56% rename from EarlyBlue/global/console.css rename to EarlyBlue/global/console/console.css index 8d949d20..05b46de9 100644 --- a/EarlyBlue/global/console.css +++ b/EarlyBlue/global/console/console.css @@ -13,7 +13,7 @@ * * The Original Code is mozilla.org code. * - * The Initial Developer of the Original Code is + * The Initial Developer of the Original Code is * Netscape Communications Corporation. * Portions created by the Initial Developer are Copyright (C) 1998-1999 * the Initial Developer. All Rights Reserved. @@ -22,7 +22,7 @@ * Robert Kaiser * * Alternatively, the contents of this file may be used under the terms of - * either the GNU General Public License Version 2 or later (the "GPL"), or + * either the GNU General Public License Version 2 or later (the "GPL"), or * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), * in which case the provisions of the GPL or the LGPL are applicable instead * of those above. If you wish to allow use of your version of this file only @@ -35,17 +35,17 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - /* ===== console.css ==================================================== == Styles used by the Error Console window. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + .console-box { background-color: #CCD0DD; color: #000000; } - + /* ::::: console rows ::::: */ .console-row { @@ -60,14 +60,26 @@ -moz-box-align: start; } +.console-row-msg > label, +.console-row-file > label:first-child { + display: none; +} + .console-icon { - list-style-image: inherit !important; + list-style-image: inherit; +} + +.console-error-msg { + margin-bottom: 2px; } /* ..... error rows ..... */ .console-row-code { - padding: 3px 0px 3px 3px; + padding-top: 3px; + padding-bottom: 3px; + -moz-padding-start: 3px; + -moz-padding-end: 0px; font-size: larger; color: #0000BB; } @@ -90,13 +102,13 @@ .console-row[type="message"] { font-family: monospace; -} +} /* ..... selected state ..... */ .console-row[selected="true"] { background-color: #336699; - color: #000000; + color: #FFFFFF; } .console-row-code[selected="true"], @@ -111,6 +123,11 @@ list-style-image: url("chrome://global/skin/icons/alert-error.gif"); } +.console-row[type="error"] .console-row-msg, +.console-row[type="exception"] .console-row-msg { + font-weight: bold; +} + .console-row[type="warning"] { list-style-image: url("chrome://global/skin/icons/alert-exclam.gif"); } @@ -132,3 +149,94 @@ toolbarseparator { min-height: 1em; } + +/* Toolbar icons */ + +#ToolbarMode toolbarbutton { + min-width: 57px; + padding: 0px 4px; + /* XXX: don't support icons on those yet + padding: 4px !important; + */ +} + +toolbar#ToolbarMode toolbarbutton:active, +toolbar#ToolbarMode toolbarbutton[checked="true"] { + -moz-padding-start: 5px !important; + -moz-padding-end: 3px !important; +} + +/* XXX: don't support icons on those yet + + +toolbar#ToolbarMode toolbarbutton { + list-style-image: url("chrome://global/skin/console/console-toolbar.png"); + -moz-box-orient: horizontal; + padding: 4px !important; +} + +toolbarbutton[observes="Console:modeAll"] { + -moz-image-region: rect(0px 24px 24px 0px); +} + +toolbarbutton[observes="Console:modeAll"] { + -moz-image-region: rect(0px 24px 24px 0px); +} + +toolbarbutton[observes="Console:modeAll"]:hover, +toolbarbutton[observes="Console:modeAll"][checked="true"] { + -moz-image-region: rect(24px 24px 48px 0px); +} + +toolbarbutton[observes="Console:modeErrors"] { + -moz-image-region: rect(0px 96px 24px 72px); +} + +toolbarbutton[observes="Console:modeErrors"]:hover, +toolbarbutton[observes="Console:modeErrors"][checked="true"] { + -moz-image-region: rect(24px 96px 48px 72px); +} + +toolbarbutton[observes="Console:modeWarnings"] { + -moz-image-region: rect(0px 72px 24px 48px); +} + +toolbarbutton[observes="Console:modeWarnings"]:hover, +toolbarbutton[observes="Console:modeWarnings"][checked="true"] { + -moz-image-region: rect(24px 72px 48px 48px); +} + +toolbarbutton[observes="Console:modeMessages"] { + -moz-image-region: rect(0px 48px 24px 24px); +} + +toolbarbutton[observes="Console:modeMessages"]:hover, +toolbarbutton[observes="Console:modeMessages"][checked="true"] { + -moz-image-region: rect(24px 48px 48px 24px); +} + +toolbarbutton[observes="Console:clear"] { + -moz-image-region: rect(0px 120px 24px 96px); +} + +toolbarbutton[observes="Console:clear"]:hover, +toolbarbutton[observes="Console:clear"][checked="true"] { + -moz-image-region: rect(24px 120px 48px 96px); +} + +toolbar#ToolbarMode .toolbarbutton-icon { + padding: 2px 0 !important; +} + +toolbar#ToolbarMode .toolbarbutton-text { + -moz-padding-end: 4px; +} + +*/ + +/* ::::: Fix Error Console toolbar button text spacing ::::: */ + +.toolbarbutton-text { + -moz-padding-start: 0px; + -moz-padding-end: 5px; +} diff --git a/EarlyBlue/global/customizeToolbar.css b/EarlyBlue/global/customizeToolbar.css new file mode 100644 index 00000000..0879fbb7 --- /dev/null +++ b/EarlyBlue/global/customizeToolbar.css @@ -0,0 +1,48 @@ +/* ***** BEGIN LICENSE BLOCK ***** + Version: MPL 1.1/GPL 2.0/LGPL 2.1 + + The contents of this file are subject to the Mozilla Public License Version + 1.1 (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + http://www.mozilla.org/MPL/ + + Software distributed under the License is distributed on an "AS IS" basis, + WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License + for the specific language governing rights and limitations under the + License. + + The Original Code is Mozilla Communicator client code, released + March 31, 1998. + + The Initial Developer of the Original Code is + Blake Ross. + Portions created by the Initial Developer are Copyright (C) 2002 + the Initial Developer. All Rights Reserved. + + Contributor(s): + Blake Ross (blaker@netscape.com) + Joe Hewitt (hewitt@netscape.com) + + Alternatively, the contents of this file may be used under the terms of + either the GNU General Public License Version 2 or later (the "GPL"), or + the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), + in which case the provisions of the GPL or the LGPL are applicable instead + of those above. If you wish to allow use of your version of this file only + under the terms of either the GPL or the LGPL, and not to allow others to + use your version of this file under the terms of the MPL, indicate your + decision by deleting the provisions above and replace them with the notice + and other provisions required by the GPL or the LGPL. If you do not delete + the provisions above, a recipient may use your version of this file under + the terms of any one of the MPL, the GPL or the LGPL. + + ***** END LICENSE BLOCK ***** */ + +window, +dialog { + padding: 6px; +} + +#instructions { + font-weight: bold; + font-size: larger; +} diff --git a/EarlyBlue/global/datetimepicker.css b/EarlyBlue/global/datetimepicker.css new file mode 100644 index 00000000..9427c73c --- /dev/null +++ b/EarlyBlue/global/datetimepicker.css @@ -0,0 +1,153 @@ +/* ***** BEGIN LICENSE BLOCK ***** + * Version: MPL 1.1/GPL 2.0/LGPL 2.1 + * + * The contents of this file are subject to the Mozilla Public License Version + * 1.1 (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * http://www.mozilla.org/MPL/ + * + * Software distributed under the License is distributed on an "AS IS" basis, + * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License + * for the specific language governing rights and limitations under the + * License. + * + * The Original Code is mozilla.org code. + * + * The Initial Developer of the Original Code is the Mozilla Corporation + * Portions created by the Initial Developer are Copyright (C) 2006 + * the Initial Developer. All Rights Reserved. + * + * Contributor(s): + * Neil Deakin (enndeakin@sympatico.ca) + * + * Alternatively, the contents of this file may be used under the terms of + * either the GNU General Public License Version 2 or later (the "GPL"), or + * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), + * in which case the provisions of the GPL or the LGPL are applicable instead + * of those above. If you wish to allow use of your version of this file only + * under the terms of either the GPL or the LGPL, and not to allow others to + * use your version of this file under the terms of the MPL, indicate your + * decision by deleting the provisions above and replace them with the notice + * and other provisions required by the GPL or the LGPL. If you do not delete + * the provisions above, a recipient may use your version of this file under + * the terms of any one of the MPL, the GPL or the LGPL. + * + * ***** END LICENSE BLOCK ***** */ + +/* ===== datetimepicker.css ============================================= + == Styles used by the XUL datepicker and timepicker elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +datepicker, timepicker { + margin: 2px 4px; + padding: 0; + border: none; + background: none; + cursor: default; +} + +.datetimepicker-input-box { + cursor: text; + -moz-margin-end: 2px; + border: 1px inset #CCD0DD; + padding: 2px 0 3px 0; + -moz-padding-start: 4px; + -moz-padding-end: 2px; + background-color: #FFFFFF; + color: #000000; +} + +.datetimepicker-input-subbox { + width: 1.6em; +} + +html|*.datetimepicker-input { + text-align: right; +} + +.datetimepicker-separator { + margin: 0 !important; +} + +.datetimepicker-year { + width: 3.2em; +} + +datepicker[readonly="true"], +timepicker[readonly="true"] { + background-color: #CCCCCC; + color: #000000; +} + +datepicker[disabled="true"], +timepicker[disabled="true"] { + cursor: default; + background-color: #FFFFFF; + color: #CCCCCC; +} + +.datepicker-mainbox { + margin: 2px 4px; + border: 1px inset #CCD0DD; + background-color: #FFFFFF; + color: #000000; +} + +.datepicker-popupgrid > .datepicker-mainbox { + margin: 0; + border: none; +} + +.datepicker-gridlabel, .datepicker-weeklabel { + text-align: center; +} + +.datepicker-gridlabel[today="true"] { + background-color: #808080; + color: #FFFFFF; +} + +.datepicker-gridlabel[selected="true"] { + background-color: #336699; + color: #FFFFFF; +} + +.datepicker-button { + min-width: 8px; + padding: 0px; +} + +.datepicker-previous { + list-style-image: url("chrome://global/skin/arrow/arrow-left.gif"); +} + +.datepicker-next { + list-style-image: url("chrome://global/skin/arrow/arrow-right.gif"); +} + +.datepicker-previous[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif"); +} + +.datepicker-next[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif"); +} + +.datepicker-previous[chromedir="rtl"] { + list-style-image: url("chrome://global/skin/arrow/arrow-right.gif"); +} + +.datepicker-next[chromedir="rtl"] { + list-style-image: url("chrome://global/skin/arrow/arrow-left.gif"); +} + +.datepicker-previous[disabled="true"][chromedir="rtl"] { + list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif"); +} + +.datepicker-next[disabled="true"][chromedir="rtl"] { + list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif"); +} diff --git a/EarlyBlue/global/dialog.css b/EarlyBlue/global/dialog.css index cddd89fe..5f31db4b 100644 --- a/EarlyBlue/global/dialog.css +++ b/EarlyBlue/global/dialog.css @@ -37,16 +37,19 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - /* ===== dialog.css ===================================================== == Styles used by the XUL dialog element. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + /* ::::: dialog ::::: */ dialog { - padding: 8px 10px 10px 8px; + padding-top: 8px; + padding-bottom: 10px; + -moz-padding-start: 8px; + -moz-padding-end: 10px; } /* ::::: dialog buttons ::::: */ @@ -79,7 +82,10 @@ dialogheader { margin: 0; border: none; border-bottom: 1px solid #000000; - padding: 12px 5px 12px 25px; + padding-top: 12px; + padding-bottom: 12px; + -moz-padding-start: 25px; + -moz-padding-end: 5px; background-color: #CCD0DD; color: #000000; } @@ -90,5 +96,5 @@ dialogheader { } .header-large > .dialogheader-description { - margin-left: 12px !important; + -moz-margin-start: 12px !important; } diff --git a/EarlyBlue/global/expander.css b/EarlyBlue/global/expander.css new file mode 100644 index 00000000..d643d8c9 --- /dev/null +++ b/EarlyBlue/global/expander.css @@ -0,0 +1,47 @@ +/* ***** BEGIN LICENSE BLOCK ***** + * Version: MPL 1.1/GPL 2.0/LGPL 2.1 + * + * The contents of this file are subject to the Mozilla Public License Version + * 1.1 (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * http://www.mozilla.org/MPL/ + * + * Software distributed under the License is distributed on an "AS IS" basis, + * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License + * for the specific language governing rights and limitations under the + * License. + * + * The Original Code is Mozilla Communicator client code, released + * March 31, 1998. + * + * The Initial Developer of the Original Code is + * Netscape Communications Corporation. + * Portions created by the Initial Developer are Copyright (C) 1998-1999 + * the Initial Developer. All Rights Reserved. + * + * Contributor(s): + * + * Alternatively, the contents of this file may be used under the terms of + * either the GNU General Public License Version 2 or later (the "GPL"), or + * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), + * in which case the provisions of the GPL or the LGPL are applicable instead + * of those above. If you wish to allow use of your version of this file only + * under the terms of either the GPL or the LGPL, and not to allow others to + * use your version of this file under the terms of the MPL, indicate your + * decision by deleting the provisions above and replace them with the notice + * and other provisions required by the GPL or the LGPL. If you do not delete + * the provisions above, a recipient may use your version of this file under + * the terms of any one of the MPL, the GPL or the LGPL. + * + * ***** END LICENSE BLOCK ***** */ + +.expanderButton { + cursor: pointer !important; +} + +.settingsContainer { + padding-top: 3px; + padding-bottom: 5px; + -moz-padding-start: 20px; + -moz-padding-end: 5px; +} diff --git a/EarlyBlue/global/findBar.css b/EarlyBlue/global/findBar.css new file mode 100644 index 00000000..1b4adb60 --- /dev/null +++ b/EarlyBlue/global/findBar.css @@ -0,0 +1,87 @@ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +findbar > toolbarbutton.findbar-closebutton { + list-style-image: url("chrome://global/skin/icons/close-button.gif"); +} + +findbar { + border-top: 1px solid #666699; + border-bottom: 1px solid transparent; + min-width: 1px; +} + +/* find-next button */ + +findbar > toolbarbutton.findbar-find-next { + /* XXX: look into this when we support FF + list-style-image: url("chrome://global/skin/icons/find.png"); + -moz-image-region: rect(0px 16px 16px 0px); + */ +} + +/* find-previous button */ + +findbar > toolbarbutton.findbar-find-previous { + /* XXX: look into this when we support FF + list-style-image: url("chrome://global/skin/icons/find.png"); + -moz-image-region: rect(0px 32px 16px 16px); + */ +} + +/* highlight button */ + +findbar > toolbarbutton.findbar-highlight { + /* XXX: look into this when we support FF + list-style-image: url("chrome://global/skin/icons/find.png"); + -moz-image-region: rect(0px 48px 16px 32px); + */ +} + +findbar > image.find-status-icon { + list-style-image: none; + margin-top: 0px; + margin-bottom: 0px; + -moz-margin-start: 12px; + -moz-margin-end: 0px; + width: 16px; + height: 16px; +} + +findbar > label.findbar-find-status { + margin-top: 0px; + margin-bottom: 0px; + -moz-margin-start: 3px; + -moz-margin-end: 0px; + padding: 2px; +} + +findbar > image.find-status-icon[status="notfound"] { + /* XXX: look into this when we support FF + list-style-image: url("chrome://global/skin/icons/notfound.png"); + */ +} + +findbar > .find-field-container > textbox.findbar-textbox { + -moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox"); + border: none; + margin: 0px; +} + +findbar > .find-field-container > textbox.findbar-textbox[status="notfound"] { + background-color: #FFC0C0; + color: #000000; +} + +findbar[flash="true"] > .find-field-container > textbox.findbar-textbox { + background-color: #FFFFC0; +} + +findbar > image.find-status-icon[status="wrapped"] { + /* XXX: look into this when we support FF + list-style-image: url("chrome://global/skin/icons/wrap.png"); + */ +} + +findbar > .find-field-container { + /* -moz-appearance: textfield; */ +} diff --git a/EarlyBlue/global/formatting.css b/EarlyBlue/global/formatting.css index ea8e3993..9f3a6267 100644 --- a/EarlyBlue/global/formatting.css +++ b/EarlyBlue/global/formatting.css @@ -38,6 +38,7 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* inset areas */ + .inset { border: 1px inset #CCD0DD; margin: 0px 5px 5px 5px; @@ -52,31 +53,36 @@ /* formatting */ .groove-top { - border-top: 2px groove #CCD0DD; + border-top: 2px groove #CCD0DD; } - + .groove-right { border-right: 2px groove #CCD0DD; } - + .groove-left { border-left: 2px groove #CCD0DD; } - + .groove-bottom { border-bottom: 2px groove #CCD0DD; } - + .outset { border: 1px outset #CCD0DD; -} +} + +.outset-top-bottom { + border-top: 1px outset #CCD0DD; + border-bottom: 1px outset #CCD0DD; +} /** separator rules **/ /* standard separators */ separator, separator[orient="horizontal"] { height: 1.5em; } - + separator[orient="vertical"] { width: 1.5em; } @@ -85,7 +91,7 @@ separator[orient="vertical"] { separator.thin, separator.thin[orient="horizontal"] { height: 0.5em; } - + separator.thin[orient="vertical"] { width: 0.5em; } @@ -98,19 +104,19 @@ separator.groove[orient="horizontal"] { margin-top: 0.4em; margin-bottom: 0.4em; } - + separator.groove[orient="vertical"] { border-left: 2px groove #CCD0DD; margin-left: 0.4em; margin-right: 0.4em; } - -/* groove separators (0 padding, for dividing effects) */ + +/* groove separators (0 padding, for dividing effects) */ separator.groove-thin { border-top: 2px groove #CCD0DD; height: 0px; } - + separator[orient="vertical"].groove-thin { border-left: 2px groove #CCCCCC; } @@ -120,22 +126,33 @@ separator[orient="vertical"].groove-thin { .small-margin { margin: 0px 1px; } - + +.plain { + margin: 0px !important; + border: none; + padding: 0px; +} + label[disabled="true"] { color: #9999CC; -} +} description, label { cursor: default; margin: 1px 3px; } - + description { /* margin: 1px 5px 4px 5px; */ } label { -/* margin: 1px 5px 2px 6px; */ +/* + margin-top: 1px; + margin-bottom: 2px; + -moz-margin-start: 6px; + -moz-margin-end: 5px; +*/ } .header { @@ -149,11 +166,11 @@ label { .smaller-text { font-size: smaller; } - + .monospace { font-family: monospace; } - + .indent { /* margin-left: 23px; */ margin-left: 15px; @@ -161,15 +178,15 @@ label { .box-padded { padding: 5px; -} +} .spaced { margin: 1px 3px; -} +} .wizard-box { padding: 15px 35px 10px 35px; -} +} .caption-text { margin: 0px 2px 0px 1px !important; diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css index 18cc774a..1acfd01c 100644 --- a/EarlyBlue/global/global.css +++ b/EarlyBlue/global/global.css @@ -62,7 +62,7 @@ menulist > menupopup, } .menulist-compact { - -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact"); + -moz-binding: url("chrome://global/content/bindings/menulist.xml#menulist-compact"); } /* @@ -76,17 +76,13 @@ progressmeter[mode="undetermined"] { window, page, dialog, -wizard { +wizard, +prefwindow { background-color: #CCD0DD; color: #000000; font: 11px helvetica,arial,tahoma,sans-serif; } -page { - padding: 3px; -} - -/* deprecated */ window.dialog { padding: 8px 10px 10px 8px; } @@ -137,7 +133,7 @@ statusbar { border-top: 1px solid #9999CC; background-color: #666699; color: #CCD0DD; - min-width: 1px; + min-height: 16px; } statusbarpanel { @@ -153,8 +149,8 @@ statusbarpanel { padding: 0px; } -.statusbarpanel-iconic { - padding: 0px; +.statusbarpanel-iconic, .statusbarpanel-iconic-text, .statusbarpanel-menu-iconic { + padding: 0px 1px 0px 1px; } resizer[dir="bottomright"] { @@ -166,7 +162,3 @@ resizer[dir="bottomright"] { .toolbar-focustarget { -moz-user-focus: ignore !important; } - -description.error { - color: #FF0000; -} diff --git a/EarlyBlue/global/globalBindings.xml b/EarlyBlue/global/globalBindings.xml index 6036721e..9ac82046 100644 --- a/EarlyBlue/global/globalBindings.xml +++ b/EarlyBlue/global/globalBindings.xml @@ -5,7 +5,8 @@ xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:xbl="http://www.mozilla.org/xbl"> - + @@ -39,15 +40,4 @@ - - - - - - - - - - \ No newline at end of file diff --git a/EarlyBlue/global/groupbox.css b/EarlyBlue/global/groupbox.css index 581dd167..9a2e487a 100644 --- a/EarlyBlue/global/groupbox.css +++ b/EarlyBlue/global/groupbox.css @@ -35,12 +35,12 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - /* ===== groupbox.css ================================================== == Styles used by the XUL groupbox and related elements. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + /* ::::: groupbox ::::: */ groupbox { @@ -56,5 +56,5 @@ groupbox { caption { margin: 0px 6px 2px 6px; padding: 0px 3px; - background-color: #CCD0DD; + background-color: #CCD0DD; } diff --git a/EarlyBlue/global/listbox.css b/EarlyBlue/global/listbox.css index 94b0ee44..14b23564 100644 --- a/EarlyBlue/global/listbox.css +++ b/EarlyBlue/global/listbox.css @@ -23,12 +23,12 @@ * Robert Kaiser */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - /* ===== listbox.css ======================================================= == Styles used by XUL listbox-related elements. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + /* ::::: listbox ::::: */ listbox { @@ -79,7 +79,10 @@ listheader { listheader[sortable="true"]:hover:active { border: 1px outset #CCD0DD; - padding: 1px 4px 0 5px; + padding-top: 1px; + padding-bottom: 0px; + -moz-padding-start: 5px; + -moz-padding-end: 4px; } .listheader-icon { @@ -108,12 +111,15 @@ listheader[sortable="true"]:hover:active { .listcell-label { margin: 0px !important; - padding: 0px 0px 1px 4px; + padding-top: 0px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 0px; white-space: nowrap; } .listcell-icon { - margin-right: 2px; + -moz-margin-end: 2px; } .listcell-label[disabled="true"] { diff --git a/EarlyBlue/global/menu.css b/EarlyBlue/global/menu.css index 6476aeab..93ded8e8 100644 --- a/EarlyBlue/global/menu.css +++ b/EarlyBlue/global/menu.css @@ -35,17 +35,18 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - /* ===== menu.css ======================================================= == Styles used by XUL menu-related elements. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + /* ::::: menu/menuitem ::::: */ menu, menuitem { -moz-box-align: center; + max-width: 42em; color: #000000; list-style-image: none; } @@ -54,6 +55,12 @@ menuitem[default="true"] { font-weight: bold; } +menu[_moz-menuactive="true"], +menuitem[_moz-menuactive="true"] { + background-color: #336699; + color: #FFFFFF; +} + menu[disabled="true"], menuitem[disabled="true"], menu[_moz-menuactive="true"][disabled="true"], @@ -61,49 +68,92 @@ menuitem[_moz-menuactive="true"][disabled="true"] { color: #999999; } +menubar > menu { + padding: 2px 0px 2px 3px; + margin: 0px 2px 0px 0px; + border: 1px solid #CCD0DD; +} + +menubar > menu[_moz-menuactive="true"] { + background-color: #CCD0DD; + color: #000000; + border: 1px outset #CCD0DD; +} + +menubar > menu[open] { + background-color: #CCD0DD; + color: #000000; + border: 1px inset #CCD0DD; +} + +menuitem.spell-suggestion { + font-weight: bold; +} + +/* ::::: menu/menuitems in popups ::::: */ + +menupopup > menu, +popup > menu, +menupopup > menuitem, +popup > menuitem { + padding: 2px; +} + +/* ::::: menu/menuitems in menulist popups ::::: */ + +.menulist-menupopup > menuitem, +menulist > menupopup > menuitem, +.menulist-menupopup > menu, +menulist > menupopup > menu { + padding-top: 1px; + padding-bottom: 1px; + -moz-padding-start: 1px; + -moz-padding-end: 22px; + max-width: none; +} + /* ..... internal content .... */ .menu-text, .menu-iconic-left, .menu-iconic-text { - margin: 0px 2px 0px 0px !important; + margin-top: 0px !important; + margin-bottom: 0px !important; + -moz-margin-start: 0px !important; + -moz-margin-end: 2px !important; color: inherit; } .menu-text { - margin-left: 18px !important; + -moz-margin-start: 18px !important; font-weight: inherit; } .menu-description { font-style: italic; color: #808080; - margin-left: 1ex !important; + -moz-margin-start: 1ex !important; } .menu-accel, .menu-iconic-accel { - margin: 0px 2px 0px 7px !important; - padding-right: 14px; + margin-top: 0px !important; + margin-bottom: 0px !important; + -moz-margin-start: 7px !important; + -moz-margin-end: 2px !important; + -moz-padding-end: 14px; color: inherit; } -menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon, -menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon { -/* width: 16px; */ -} - .menu-iconic-left { - -moz-box-align: center; - -moz-box-pack: center; width: 16px; -/* height: 16px; */ } -/* ..... menu arrow box ..... */ - .menu-right { - margin: 0px 0px 0px 3px; + margin-top: 0px; + margin-bottom: 0px; + -moz-margin-start: 3px; + -moz-margin-end: 0px; width: 8px; list-style-image: url("chrome://global/skin/menu/menu-arrow.gif"); } @@ -113,73 +163,44 @@ menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon { } .menu-right[disabled="true"] { - list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif") !important; + list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif"); } -/* ::::: menu/menuitems in menubar ::::: */ - -menubar > menu { - padding: 2px 0px 2px 3px; - margin: 0px 2px 0px 0px; - border: 1px solid #CCD0DD; +.menu-right[chromedir="rtl"] { + list-style-image: url("chrome://global/skin/menu/menu-arrow-rtl.gif"); } -menubar > menu[_moz-menuactive="true"] { - border: 1px outset #CCD0DD; +.menu-right[chromedir="rtl"][_moz-menuactive="true"] { + list-style-image: url("chrome://global/skin/menu/menu-arrow-hover-rtl.gif"); } -menubar > menu[_moz-menuactive="true"][open="true"] { - border: 1px inset #CCD0DD; +.menu-right[chromedir="rtl"][disabled="true"] { + list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled-rtl.gif"); } -/* ..... internal content .... */ - .menubar-left { - margin: 0px 2px 0px 0px; + margin-top: 0px; + margin-bottom: 0px; + -moz-margin-start: 0px; + -moz-margin-end: 2px; color: inherit; } .menubar-text { - margin: 0px 2px 0px 0px !important; + margin: 0 1px !important; color: inherit; } -/* ::::: menu/menuitems in popups ::::: */ - -menupopup > menu, -popup > menu, -menupopup > menuitem, -popup > menuitem { - padding: 2px; - max-width: 42em; -} - -menupopup > menu[_moz-menuactive="true"], -menupopup > menuitem[_moz-menuactive="true"], -popup > menu[_moz-menuactive="true"], -popup > menuitem[_moz-menuactive="true"] { - background-color: #336699; - color: #FFFFFF; -} - -/* ::::: menu/menuitems in menulist popups ::::: */ - -.menulist-menupopup > menuitem, -menulist > menupopup > menuitem, -.menulist-menupopup > menu, -menulist > menupopup > menu { - border: 1px solid transparent; - padding: 1px 22px 1px 1px; - max-width: none; -} - -menulist > menupopup > menuitem[_moz-menuactive="true"] { - border: 1px dotted #666699; +.menulist-menupopup > menuitem > .menu-iconic-left, +menulist > menupopup > menuitem > .menu-iconic-left, +.menulist-menupopup > menu > .menu-iconic-left, +menulist > menupopup > menu > .menu-iconic-left { + display: none; } /* ::::: checkbox menuitem ::::: */ -menuitem[checked="true"] { +menuitem[checked="true"] { /* [type="checkbox"] */ list-style-image: url("chrome://global/skin/menu/menu-check.gif"); } @@ -209,13 +230,13 @@ menuitem[checked="true"][type="radio"][disabled="true"] { menuseparator { border: 1px inset #CCD0DD; - margin: 2px 0px 2px 0px; + margin: 2px 0px; } menulist > menupopup > menuseparator, .menulist-menupopup > menuseparator { border: 1px inset #CCD0DD; - margin: 2px 0px 2px 0px; + margin: 2px 0px; } /* ::::: autocomplete ::::: */ @@ -224,6 +245,8 @@ menulist > menupopup > menuseparator, max-width: none !important; } +/* ::::: tree column picker ::::: */ + .treecell-popupcell-menu { margin-left: -2px; list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); diff --git a/EarlyBlue/global/menu/menu-arrow-disabled-rtl.gif b/EarlyBlue/global/menu/menu-arrow-disabled-rtl.gif new file mode 100644 index 0000000000000000000000000000000000000000..305e7061be905b02fc8920f0a5beec0799f3e516 GIT binary patch literal 80 zcmZ?wbhEHbWMN=uSjfZx1Pc}{_zwn(|3saOQWHy3QxwWGOEMHfGEx=XJ$(Zh6o0ZX Yf>i2&2#`hwCXSY3iPO6>9W)rM0WwM#hX4Qo literal 0 HcmV?d00001 diff --git a/EarlyBlue/global/menu/menu-arrow-hover-rtl.gif b/EarlyBlue/global/menu/menu-arrow-hover-rtl.gif new file mode 100644 index 0000000000000000000000000000000000000000..b7bdc3e11181e551a40da41e8868636fe8486d21 GIT binary patch literal 80 zcmZ?wbhEHbWMN=uSjfo0z)<}k1{D8^Iv1rTmZYXAlxLP?D1>CBD!6<41~4f8WC5vU X&;b!3jSNg2EyWV2cV#+gFjxZsmtz?o literal 0 HcmV?d00001 diff --git a/EarlyBlue/global/menu/menu-arrow-rtl.gif b/EarlyBlue/global/menu/menu-arrow-rtl.gif new file mode 100644 index 0000000000000000000000000000000000000000..2b481e767656343fda7200f08017f954a4811e47 GIT binary patch literal 74 zcmZ?wbhEHbWMN=uXkcVuFi!jb|G(ltQRkx6#FEq$h4Rdj426)4R0VfW-v9>1pDaK% Zj0`#qKmgLhz{Js0$Z>jCCX)t(H2@Tv650R& literal 0 HcmV?d00001 diff --git a/EarlyBlue/global/menulist.css b/EarlyBlue/global/menulist.css index 95de1691..8a33007a 100644 --- a/EarlyBlue/global/menulist.css +++ b/EarlyBlue/global/menulist.css @@ -35,13 +35,13 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ - /* ===== menulist.css =================================================== == Styles used by the XUL menulist element. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ + /* :::::::::: menulist :::::::::: */ menulist { @@ -55,12 +55,6 @@ menulist { -moz-box-align: center; -moz-box-pack: center; /* margin: 1px; */ -} - -.menulist-label-box, -menulist[open="true"]:focus > .menulist-label-box { -/* border: 1px inset #CCD0DD; */ - background-color: transparent; color: inherit; } @@ -74,6 +68,17 @@ menulist[open="true"]:focus > .menulist-label-box { margin-left: 1ex !important; } +menulist:focus > .menulist-label-box { +/* border: 1px dotted #999999; */ + background-color: #336699; + color: #000000; +} + +menulist[disabled="true"] { + background-color: #CCCCCC; + color: #999999; +} + /* ..... dropmarker ..... */ .menulist-dropmarker { @@ -84,28 +89,18 @@ menulist[disabled="true"]:hover:active > .menulist-dropmarker { padding: 1px; } -menulist:hover:active > .menulist-dropmarker { +menulist:hover:active > .menulist-dropmarker, +menulist:[open="true"] > .menulist-dropmarker { border: 1px inset #CCD0DD; padding: 2px 0px 0px 2px; } -/* ..... focused state ..... */ +/* ::::: editable menulists ::::: */ -menulist:focus > .menulist-label-box { -/* border: 1px dotted #999999; */ - background-color: #336699; +menulist[editable="true"] { color: #000000; } -/* ..... disabled state ..... */ - -menulist[disabled="true"] { - background-color: #CCCCCC; - color: #999999; -} - -/* ::::: editable menulists ::::: */ - .menulist-editable-box { background-color: #FFFFFF; padding: 2px; @@ -115,8 +110,6 @@ html|*.menulist-editable-input { margin: 0px !important; border: none !important; padding: 0px !important; - background-color: #FFFFFF; - color: #000000; font: inherit; } @@ -127,36 +120,26 @@ html|*.menulist-editable-input { -moz-box-pack: center; margin: 0px; border: 1px outset #CCD0DD; -/* background-color: -moz-Dialog; - color: -moz-DialogText; */ + color: #000000; list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); } -.menulist-compact > .menulist-label-box { - border: 1px solid transparent; - background-color: transparent; - color: inherit; +.menulist-compact > .menulist-dropmarker { + -moz-margin-start: 2px; + padding: 0 !important; + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); } -.menulist-compact > .menulist-label-box > .menulist-label { - margin: 0 3px !important; - text-align: right; +.menulist-compact[disabled="true"] > .menulist-dropmarker { + list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); } -.menulist-compact > .menulist-label-box > .menulist-icon { - margin-left: 2px; +.menulist-compact > .menulist-label { + margin: 0 3px !important; + text-align: right; } .menulist-compact[open="true"] { border: 1px inset #CCD0DD; -/* background-color: ThreeDShadow; - color: ThreeDHighlight; */ -} - -.menulist-compact[disabled="true"] { - list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); -} - -.menulist-compact:focus > .menulist-label-box { - border: 1px dotted #9999CC; + /* color: ThreeDHighlight; */ } diff --git a/EarlyBlue/global/notification.css b/EarlyBlue/global/notification.css new file mode 100644 index 00000000..445176ca --- /dev/null +++ b/EarlyBlue/global/notification.css @@ -0,0 +1,34 @@ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +notification { + background-color : #FFFFCC; + color: #000000; +} + +notification[type="info"] { + background-color: #CCD0DD; +} + +notification[type="critical"] { + background-color: #FFC0C0; +} + +.messageImage { + width: 16px; + height: 16px; + margin: 0px 1px 0px 6px; +} + +.messageText { + -moz-margin-start: 5px; +} + +.messageButton { + margin: 0px 5px 0px 5px; +} + +.messageCloseButton { + list-style-image: url("chrome://global/skin/icons/close-button.gif"); + padding: 4px 2px; + border: none; +} diff --git a/EarlyBlue/global/numberbox.css b/EarlyBlue/global/numberbox.css index 353ffb4b..eceb6ed1 100644 --- a/EarlyBlue/global/numberbox.css +++ b/EarlyBlue/global/numberbox.css @@ -43,6 +43,7 @@ textbox[type="number"] { padding: 0 !important; + border: none; cursor: default; } @@ -52,5 +53,10 @@ html|*.numberbox-input { .numberbox-input-box { -moz-box-align: center; + cursor: text; + margin-right: -1px; + border: 1px inset #CCD0DD; + padding: 1px; + background-color: #FFFFFF; + color: #000000; } - -- 2.35.3