diff options
Diffstat (limited to 'toolkit/themes/faststripe/global')
-rw-r--r-- | toolkit/themes/faststripe/global/button.css | 125 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/checkbox.css | 81 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/dropmarker.css | 27 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/groupbox.css | 37 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/jar.mn | 18 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/menu.css | 234 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/menulist.css | 95 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/moz.build | 7 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/popup.css | 61 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/radio.css | 89 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/tabbox.css | 122 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/textbox.css | 106 | ||||
-rw-r--r-- | toolkit/themes/faststripe/global/xulscrollbars.css | 210 |
13 files changed, 1212 insertions, 0 deletions
diff --git a/toolkit/themes/faststripe/global/button.css b/toolkit/themes/faststripe/global/button.css new file mode 100644 index 000000000..39f322711 --- /dev/null +++ b/toolkit/themes/faststripe/global/button.css @@ -0,0 +1,125 @@ +/* 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 used by the XUL button element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* :::::::::: button :::::::::: */ + +button { + /*-moz-appearance: button;*/ + margin: 3px 7px 3px 7px; + min-width: 6.3em; + border: 1px solid; + border-color: #555555; + background-color: #eeeeee; + color: black; + border-radius: 3px 3px; +} + +.button-box { + border: 1px solid transparent; + padding-top: 1px; + padding-bottom: 2px; + padding-inline-start: 3px; + padding-inline-end: 4px; +} + +.button-text { + margin: 0 !important; + text-align: center; +} + +/* .......... focused state .......... */ + +button:focus { +} + +button:focus > .button-box { + border: 1px dotted black; +} + +/* .......... default state .......... */ + +button[default="true"] { + margin: 1px 5px 1px 5px; + border-width: 2px; + border-radius: 3px 3px; + border-color: black; +} + +/* .......... active/open/checked state .......... */ + +button:hover:active, +button[open="true"], +button[checked="true"] { + border-color: black; + background: #777777; +} + +/* .......... disabled state .......... */ + +button[disabled="true"] { + border-color: #dddddd; + color: gray; +} + +button[disabled="true"] > .button-box { + padding-top: 1px !important; + padding-bottom: 2px !important; + padding-inline-start: 3px !important; + padding-inline-end: 4px !important; +} + +/* ::::: menu/menu-button buttons ::::: */ + +button[type="menu-button"] { + -moz-box-align: center; + -moz-box-pack: center; + margin: 0; + border: none; +} + +.button-menu-dropmarker, +.button-menubutton-dropmarker { + -moz-appearance: none !important; + margin: 1px; + background-color: transparent !important; + border: none !important; + min-width:11px; + min-height:11px; +} + +.button-menubutton-dropmarker[open="true"] { + margin-top: 2px; + margin-bottom: 0px; + margin-inline-start: 2px; + margin-inline-end: 0px; +} + +/* ::::: plain buttons ::::: */ + +button.plain { + border: 0px !important; + 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-clsd.png"); + min-width: 0px !important; + background-color: transparent; +} + +button[type="disclosure"][open="true"] { + list-style-image: url("chrome://global/skin/tree/twisty-open.png"); +} + + diff --git a/toolkit/themes/faststripe/global/checkbox.css b/toolkit/themes/faststripe/global/checkbox.css new file mode 100644 index 000000000..716ffd7f3 --- /dev/null +++ b/toolkit/themes/faststripe/global/checkbox.css @@ -0,0 +1,81 @@ +/* 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/. */ + +/* ===== checkbox.css =================================================== + == Styles used by the XUL checkbox element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: checkbox ::::: */ + +checkbox { + -moz-box-align: center; + margin: 2px 4px; + padding-top: 1px; + padding-bottom: 1px; + padding-inline-start: 4px; + padding-inline-end: 2px; +} + +.checkbox-label-box { + margin-inline-start: 2px; + border: 1px solid transparent; + padding: 0px 1px; +} + +.checkbox-icon { + margin-inline-end: 2px; +} + +.checkbox-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +checkbox:focus > .checkbox-label-box { + border: 1px dotted gray; +} + +/* ..... disabled state ..... */ + +checkbox[disabled="true"] > .checkbox-check { + background-color: gray; +} + +checkbox[disabled="true"] { + color: GrayText; +} + +checkbox[disabled="true"]:-moz-system-metric(windows-classic) { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; +} + +/* ::::: checkmark image ::::: */ + +.checkbox-check { + -moz-box-align: center; + border: 1px solid #555555; + min-width: 13px; + min-height: 13px; + background: white; + background: white no-repeat 50% 50%; +} + +checkbox:hover:active > .checkbox-check { + background-color: -moz-Dialog; +} + +/* ..... checked state ..... */ + +checkbox[checked="true"] > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} + +checkbox[checked="true"][disabled="true"] > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif") !important; +} + diff --git a/toolkit/themes/faststripe/global/dropmarker.css b/toolkit/themes/faststripe/global/dropmarker.css new file mode 100644 index 000000000..900d29515 --- /dev/null +++ b/toolkit/themes/faststripe/global/dropmarker.css @@ -0,0 +1,27 @@ +/* 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/. */ + +dropmarker { + width: 16px; + height: 16px; + -moz-box-align: center; + -moz-box-pack: center; + background-color: transparent; + padding: 1px; + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + -moz-image-region: auto; +} + +dropmarker:hover:active { + background: #aaaaaa; + padding-top: 2px; + padding-bottom: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; +} + +dropmarker[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); + padding: 1px !important; +} diff --git a/toolkit/themes/faststripe/global/groupbox.css b/toolkit/themes/faststripe/global/groupbox.css new file mode 100644 index 000000000..ae1e80fc9 --- /dev/null +++ b/toolkit/themes/faststripe/global/groupbox.css @@ -0,0 +1,37 @@ +/* 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/. */ + +/* ===== 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 { + -moz-appearance: groupbox; + border: 1px solid gray; + border-radius: 3px; + margin: 3px; + padding: 3px 3px 6px 3px; +} + +.groupbox-body { + padding: inherit; +} + +caption { + margin: 0px 6px 0px 6px; + background-color: -moz-Dialog; +} + +tabpanels caption { + -moz-appearance: tabpanel; +} + +/* !important is needed to override label in global.css */ +.caption-text { + margin: 0 2px !important; +} diff --git a/toolkit/themes/faststripe/global/jar.mn b/toolkit/themes/faststripe/global/jar.mn new file mode 100644 index 000000000..84cc90cd3 --- /dev/null +++ b/toolkit/themes/faststripe/global/jar.mn @@ -0,0 +1,18 @@ +# 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/. + +toolkit.jar: +% skin global classic/1.0 %skin/classic/global/ +# These are the CSS files that have been changed from windows + skin/classic/global/button.css + skin/classic/global/checkbox.css + skin/classic/global/dropmarker.css + skin/classic/global/groupbox.css + skin/classic/global/menu.css + skin/classic/global/menulist.css + skin/classic/global/popup.css + skin/classic/global/radio.css + skin/classic/global/tabbox.css + skin/classic/global/textbox.css + skin/classic/global/scrollbars.css (xulscrollbars.css) diff --git a/toolkit/themes/faststripe/global/menu.css b/toolkit/themes/faststripe/global/menu.css new file mode 100644 index 000000000..4f5820522 --- /dev/null +++ b/toolkit/themes/faststripe/global/menu.css @@ -0,0 +1,234 @@ +/* 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/. */ + +/* ===== 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-appearance: menuitem; + -moz-box-align: center; + color: MenuText; + font: menu; + list-style-image: none; + -moz-image-region: auto; +} + +menuitem[default="true"] { + font-weight: bold; +} + +menu[disabled="true"], menuitem[disabled="true"], +menu[_moz-menuactive="true"][disabled="true"], +menuitem[_moz-menuactive="true"][disabled="true"] { + color: GrayText; +} + +menuitem.spell-suggestion { + font-weight:bold; +} + +/* ..... internal content .... */ + +.menu-accel, +.menu-iconic-accel, +.menu-text, +.menu-iconic-text { + margin: 0px !important; + padding: 1px 0px; + color: inherit; +} + +.menu-text { + padding-inline-start: 1.45em !important; + -moz-appearance: menuitemtext; +} + +.menu-text, +.menu-iconic-text { + font-weight: inherit; + margin-inline-start: 2px !important; + padding-inline-end: 2px; +} + +.menu-description { + font-style: italic; + color: GrayText; + margin-inline-start: 1ex !important; +} + +.menu-accel, +.menu-iconic-accel { + color: inherit; + margin-inline-start: 0.74em !important; + margin-inline-end: 1.35em !important; +} + +.menu-iconic-left { + min-width: 1.45em; +} + +.menu-iconic-icon { + width: 16px; + height: 16px; +} + +menu.menu-iconic > .menu-iconic-left, +menuitem.menuitem-iconic > .menu-iconic-left, +menu.menu-iconic > .menu-iconic-right, +menuitem.menuitem-iconic > .menu-iconic-right { + -moz-appearance: menuimage; + padding-top: 2px; +} + +/* ..... menu arrow box ..... */ + +.menu-right { + margin-inline-end: -2px; + list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp.gif"); + -moz-box-pack: center; + min-width: 1.28em; + padding-top: 1px; +} + +.menu-right[_moz-menuactive="true"], +.menu-right[disabled="true"] { + /* XXXzpao We need a new image, essentially arrow-rit-sharp but white + * disabled=true should probably have a different image. */ + list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); +} + +/* ::::: menu/menuitems in menubar ::::: */ + +menubar > menu { + padding: 1px 2px 2px 2px; +} +menubar > menu[_moz-menuactive="true"], +menubar > menu[_moz-menuactive="true"][open="true"] { + color: -moz-menubarhovertext; + background-color: highlight; +} + +/* ..... internal content .... */ + +.menubar-left { + color: inherit; +} + +.menubar-text { + margin: 1px 6px 2px 6px !important; + color: inherit; +} + +/* ::::: menu/menuitems in popups ::::: */ + +menupopup > menu, +popup > menu, +menupopup > menuitem, +popup > menuitem { + padding-bottom: 1px; + max-width: 42em; +} + +menu[_moz-menuactive="true"], +menuitem[_moz-menuactive="true"] { + background-color: -moz-menuhover; + color: -moz-menuhovertext; +} + +/* ::::: menu/menuitems in menulist popups ::::: */ + +menulist > menupopup > menuitem, +menulist > menupopup > menu { + -moz-appearance: none; + border: 1px solid transparent; + padding: 1px 5px; + max-width: none; + font: message-box; + color: -moz-FieldText; +} + +menulist > menupopup > menuitem > .menu-iconic-left, +menulist > menupopup > menu > .menu-iconic-left { + display: none; +} + +menulist > menupopup > menuitem > label, +menulist > menupopup > menu > label { + padding-top: 0px; + padding-bottom: 0px; +} + +menulist > menupopup > menuitem[_moz-menuactive="true"] { + border: 1px dotted #F5DB95; + background-color: highlight; + color: highlighttext; +} + +menulist > menupopup > menuitem[_moz-menuactive="true"][disabled="true"] { + color: GrayText; +} + +menulist > menupopup > menuitem[disabled="true"]:not([_moz-menuactive="true"]):-moz-system-metric(windows-classic) { + color: GrayText; + text-shadow: none; +} + +menulist > menupopup > menuitem > .menu-iconic-text { + margin: 0 !important; +} + +/* ::::: checkbox and radio menuitems ::::: */ + +menuitem[checked="true"] > .menu-iconic-left { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +menuitem[checked="true"] > .menu-iconic-left[_moz-menuactive="true"], +menuitem[checked="true"][disabled="true"] > .menu-iconic-left { + /* XXXzpao We need another image for here too. + * disabled=true should probably have a different image. */ + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); +} + +menuitem[type="radio"][checked="true"] > .menu-iconic-left { + list-style-image: url("chrome://global/skin/radio/radio-check.gif"); +} +menuitem[type="radio"][checked="true"] > .menu-iconic-left[_moz-menuactive="true"], +menuitem[type="radio"][checked="true"][disabled="true"] > .menu-iconic-left { + /* XXXzpao We need another image for here too + * disabled=true might need another image. Not sure if that can ever happen though. */ + list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif"); +} + +menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon, +menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon, +menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon { + padding-top: 0px; + height: auto; + width: auto; +} + +/* ::::: menuseparator ::::: */ + +menuseparator { + margin: 3px 1px 5px 1px; + border-bottom: 1px solid gray; +} + +menulist > menupopup > menuseparator { + padding: 6px 0 5px 0; + border-top: 1px solid black; +} + +/* ::::: autocomplete ::::: */ + +.autocomplete-history-popup > menuitem { + max-width: none !important; + font: message-box; +} diff --git a/toolkit/themes/faststripe/global/menulist.css b/toolkit/themes/faststripe/global/menulist.css new file mode 100644 index 000000000..8666a1ca8 --- /dev/null +++ b/toolkit/themes/faststripe/global/menulist.css @@ -0,0 +1,95 @@ +/* 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/. */ + +/* ===== 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"); + +/* :::::::::: menulist :::::::::: */ + +menulist { + margin: 2px 4px; + border: 1px solid #555555; + background-color: white; + color: black; +} + +.menulist-label-box { + -moz-box-align: center; + -moz-box-pack: center; + margin: 1px; +} + +.menulist-label-box, +menulist[open="true"]:focus > .menulist-label-box { + border: 1px solid transparent; + background-color: transparent; + color: inherit; + -moz-box-align: center; +} + +.menulist-icon[src] { + margin: 0px 2px 0px 2px; +} + +.menulist-label { + margin-top: 0 !important; + margin-inline-end: 0 !important; + margin-bottom: 0 !important; + margin-inline-start: 1px !important; +} + +.menulist-description { + font-style: italic; + color: GrayText; + margin-inline-start: 1ex !important; +} + +/* ..... dropmarker ..... */ + +menulist[disabled="true"]:hover:active > .menulist-dropmarker { + padding: 1px; +} + +menulist:hover:active > .menulist-dropmarker { + padding-top: 2px; + padding-bottom: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; +} + +/* ..... focused state ..... */ + +menulist:focus > .menulist-label-box { + border: 1px dotted #F5DB95; + background-color: Highlight; + color: HighlightText; +} + +/* ..... disabled state ..... */ + +menulist[disabled="true"] { + background-color: -moz-Dialog; + color: GrayText; +} + +/* ::::: editable menulists ::::: */ + +.menulist-editable-box { + padding-top: 3px; + padding-bottom: 3px; + padding-inline-start: 2px; + padding-inline-end: 0px; +} + +html|*.menulist-editable-input { + margin: 0px !important; + border: none !important; + padding: 0px !important; + background: inherit; + font: inherit; +} diff --git a/toolkit/themes/faststripe/global/moz.build b/toolkit/themes/faststripe/global/moz.build new file mode 100644 index 000000000..eb4454d28 --- /dev/null +++ b/toolkit/themes/faststripe/global/moz.build @@ -0,0 +1,7 @@ +# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# 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/. + +JAR_MANIFESTS += ['jar.mn']
\ No newline at end of file diff --git a/toolkit/themes/faststripe/global/popup.css b/toolkit/themes/faststripe/global/popup.css new file mode 100644 index 000000000..b321347f8 --- /dev/null +++ b/toolkit/themes/faststripe/global/popup.css @@ -0,0 +1,61 @@ +/* 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/. */ + +/* ===== popup.css =================================================== + == Styles used by the XUL popup element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: menupopup ::::: */ + +menupopup, +popup, +panel { + border: 1px solid menutext; + padding: 2px; + min-width: 1px; + background: Menu; +} + +menupopup, +/* auto complete popups don't render well as vista menus */ +popup:not([type="autocomplete"]) +{ + -moz-appearance: menupopup; +} + +menupopup > menu > menupopup, +popup > menu > menupopup { + /* align submenus */ + margin-inline-start: -3px; + margin-top: -3px; +} + +/* ::::: tooltip ::::: */ + +tooltip { + margin-top: 21px; + border: 1px solid InfoText; + padding: 2px 3px; + max-width: 40em; + background-color: InfoBackground; + color: InfoText; + font: message-box; +} + +tooltip[titletip="true"] { + /* See bug 32157 comment 128 + * margin: -2px 0px 0px -3px; + */ + max-width: none; +} + +/* rules for popups associated with menulists */ + +menulist > menupopup { + padding: 1px; + min-width: 0px; + background-color: -moz-Field; +} diff --git a/toolkit/themes/faststripe/global/radio.css b/toolkit/themes/faststripe/global/radio.css new file mode 100644 index 000000000..f2d399e3d --- /dev/null +++ b/toolkit/themes/faststripe/global/radio.css @@ -0,0 +1,89 @@ +/* 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/. */ + +/* ===== radio.css =================================================== + == Styles used by the XUL radio element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: radio ::::: */ + +radio { + -moz-appearance: radio-container; + -moz-box-align: center; + margin: 2px 4px; + padding-top: 1px; + padding-bottom: 1px; + padding-inline-start: 4px; + padding-inline-end: 2px; +} + +.radio-label-box { + margin-inline-start: 2px; + border: 1px solid transparent; + padding-top: 0px; + padding-bottom: 1px; + padding-inline-start: 1px; + padding-inline-end: 0px; +} + +.radio-icon { + margin-inline-end: 2px; +} + +.radio-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +radio[focused="true"] > .radio-label-box { + border: 1px dotted ThreeDDarkShadow; +} + +/* ..... disabled state ..... */ + +radio[disabled="true"] > .radio-check-box1 { + background-color: -moz-Dialog; +} + +radio[disabled="true"] { + color: GrayText; +} + +/* ::::: checkmark image ::::: */ + +.radio-check-box1 { + margin: 1px 0px; + border: 1px solid #555555; + border-radius: 50%; + width: 12px; + height: 12px; + background: -moz-Field no-repeat 50% 50%; +} + +.radio-check-box2 { + border: 1px solid #555555; + border-radius: 50%; + padding: 2px; + width: 4px; + height: 4px; + list-style-image: none; + background: -moz-Field no-repeat 50% 50%; +} + +radio:hover:active > .radio-check-box1 { + background-color: -moz-Dialog; +} + +/* ..... selected state ..... */ + +radio[selected="true"] > .radio-check-box1 > .radio-check-box2 { + list-style-image: url("chrome://global/skin/radio/radio-check.gif"); +} + +radio[selected="true"][disabled="true"] > .radio-check-box1 > .radio-check-box2 { + list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif") !important +} diff --git a/toolkit/themes/faststripe/global/tabbox.css b/toolkit/themes/faststripe/global/tabbox.css new file mode 100644 index 000000000..dfe0275e1 --- /dev/null +++ b/toolkit/themes/faststripe/global/tabbox.css @@ -0,0 +1,122 @@ +/* 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/. */ + +/* ===== tabbox.css ================================================= + == Styles used by XUL tab-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: tabs ::::: */ + +.tabs-left, +.tabs-right { + border-bottom: 1px solid #555555; +} + +/* ::::: tabpanels ::::: */ + +tabpanels { + border-right: 1px solid #555555; + border-bottom: 1px solid #555555; + border-left: 1px solid #555555; + padding: 8px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +/* ::::: tab ::::: */ + +tab +{ + margin-top: 2px; + border-top: 1px solid #555555; + border-right: 1px solid #555555; + border-left: 1px solid #555555; + border-bottom: 1px solid #555555; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + padding: 1px 4px 2px 4px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +tab:-moz-locale-dir(rtl) { + border-bottom-left-radius: 1px; + border-bottom-right-radius: 0px; +} + +.tab-text { + margin: 0 !important; +} + +tab[visuallyselected="true"] { + margin-top: 0; + border-bottom-color: transparent; + padding: 1px 6px 4px 6px; +} + +tab:focus > .tab-middle { + /* Don't specify the outline-color, we should always use initial value. */ + outline: 1px dotted; +} + +tab[beforeselected="true"]:not(:-moz-locale-dir(rtl)), +tab[visuallyselected="true"]:-moz-locale-dir(rtl) + tab { + border-right: none; + border-top-right-radius: 0; +} + +tab[visuallyselected="true"]:not(:-moz-locale-dir(rtl)) + tab, +tab[beforeselected="true"]:-moz-locale-dir(rtl) { + border-left: none; + border-top-left-radius: 0; +} + +tab:first-of-type[visuallyselected="true"] { + padding-right: 5px; + padding-left: 5px; +} + +/* ::::: tab-bottom :::::::::: + :: Tabs that are attached to the bottom of a panel, but not necessarily + :: a tabpanels. + ::::: */ + +.tab-bottom { + margin-top: 0; + margin-bottom: 2px; + border-top: 1px solid; + border-bottom: 1px solid #555555; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + padding: 2px 4px 1px 4px; +} + +.tab-bottom[visuallyselected="true"] { + margin-bottom: 0; + -moz-border-top-colors: -moz-Dialog; + padding: 4px 6px 1px 6px; +} + +.tab-bottom[beforeselected="true"]:not(:-moz-locale-dir(rtl)), +.tab-bottom[visuallyselected="true"]:-moz-locale-dir(rtl) + .tab-bottom { + border-bottom-right-radius: 0; +} + +.tab-bottom[visuallyselected="true"]:not(:-moz-locale-dir(rtl)) + .tab-bottom, +.tab-bottom[beforeselected="true"]:-moz-locale-dir(rtl) { + border-bottom-left-radius: 0; +} + +/* ::::: tabs-bottom ::::: */ + +.tabs-bottom > .tabs-left, +.tabs-bottom > .tabs-right { + border-top: 1px solid ThreeDShadow; + border-bottom: none; +} + diff --git a/toolkit/themes/faststripe/global/textbox.css b/toolkit/themes/faststripe/global/textbox.css new file mode 100644 index 000000000..702f7040a --- /dev/null +++ b/toolkit/themes/faststripe/global/textbox.css @@ -0,0 +1,106 @@ +/* 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/. */ + +/* ===== textbox.css ================================================== + == Styles used by the XUL textbox element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* ::::: textbox ::::: */ + +textbox { + cursor: text; + margin: 2px 4px; + border: 1px solid #555555; + padding: 2px 2px 3px; + padding-inline-start: 4px; + background-color: white; + color: black; +} + +html|*.textbox-input, +html|*.textbox-textarea { + margin: 0px !important; + border: none !important; + padding: 0px 1px !important; + background-color: inherit; + color: inherit; + font: inherit; +} + +.textbox-contextmenu { + cursor: default; +} + +/* ..... readonly state ..... */ + +textbox[readonly="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +/* ..... disabled state ..... */ + +textbox[disabled="true"] { + cursor: default; + background-color: -moz-Dialog; + color: GrayText; +} + +/* ::::: plain textbox ::::: */ + +textbox.plain { + background-color: transparent; + padding: 0px !important; + margin: 0px !important; + border: none !important; +} + +textbox.plain html|*.textbox-input, +textbox.plain html|*.textbox-textarea { + padding: 0px !important; +} + +/* ::::: search textbox ::::: */ + +.textbox-search-icon { + list-style-image: url(chrome://global/skin/icons/Search-glass.png); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.textbox-search-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.textbox-search-icon[searchbutton]:not([disabled]) { + cursor: pointer; +} + +.textbox-search-clear { + list-style-image: url(chrome://global/skin/icons/Search-close.png); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.textbox-search-clear:not([disabled]) { + cursor: default; +} + +.textbox-search-clear:not([disabled]):hover , +.textbox-search-icon[searchbutton]:not([disabled]):hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +.textbox-search-clear:not([disabled]):hover:active , +.textbox-search-icon[searchbutton]:not([disabled]):hover:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input { + visibility: hidden; +} + diff --git a/toolkit/themes/faststripe/global/xulscrollbars.css b/toolkit/themes/faststripe/global/xulscrollbars.css new file mode 100644 index 000000000..141327c2f --- /dev/null +++ b/toolkit/themes/faststripe/global/xulscrollbars.css @@ -0,0 +1,210 @@ +/* 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/. */ + +/* ===== xulscrollbars.css ============================================== + == Styles used by XUL scrollbar-related elements. + ======================================================================= */ + +@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 */ + +/* ::::: scrollbar ::::: */ + +scrollbar { + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); + cursor: default; + background: #888888; + border-left: 1px solid #555555; + border-right: 1px solid #555555; +} + +scrollbar[orient="vertical"] +{ + -moz-appearance: scrollbar-vertical; + border-left: none; + border-right: none; + border-top: 1px solid #555555; + border-bottom: 1px solid #555555; +} + +/* ::::: borders for thumb and buttons ::::: */ + +thumb, +scrollbarbutton { + border: 1px solid #555555; + background-color: -moz-Dialog; +} + +/* ::::: thumb (horizontal) ::::: */ + +thumb { + min-height: 8px; +} + +thumb[orient="horizontal"] { + min-width: 8px; +} + +/* ::::: scrollbar button ::::: */ + +scrollbarbutton { + background: -moz-Dialog no-repeat 50% 50%; + min-width: 16px; + min-height: 16px; +} + +scrollbarbutton:hover:active, scrollbarbutton[active="true"] { + border-color: #999999; + background-position: 60% 60%; +} + +/* ::::: square at the corner of two scrollbars ::::: */ + +scrollcorner { + /* XXX -moz-appearance: scrollcorner; */ + -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base); + width: 16px; + cursor: default; + background-color: -moz-Dialog; +} + +/* ..... increment .... */ + +scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-right; + background-image: url("chrome://global/skin/arrow/arrow-rit.gif") +} + +scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-down; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif") +} + +/* ..... decrement .... */ + +scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-left; + background-image: url("chrome://global/skin/arrow/arrow-lft.gif") +} + +scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-up; + background-image: url("chrome://global/skin/arrow/arrow-up.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif") +} + +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ +/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */ +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ +@media print { + /* ::::: scrollbar ::::: */ + + html|div scrollbar { + -moz-appearance: scrollbar-horizontal; + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); + cursor: default; + background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar; + } + + html|div scrollbar[orient="vertical"] + { + -moz-appearance: scrollbar-vertical; + } + + /* ::::: borders for thumb and buttons ::::: */ + + html|div thumb, + html|div scrollbarbutton { + border: 2px solid; + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + background-color: -moz-Dialog; + } + + /* ::::: thumb (horizontal) ::::: */ + + html|div thumb { + -moz-appearance: scrollbarthumb-vertical; + min-height: 8px; + } + + html|div thumb[orient="horizontal"] { + -moz-appearance: scrollbarthumb-horizontal; + min-width: 8px; + } + + /* ::::: scrollbar button ::::: */ + + html|div scrollbarbutton { + background: -moz-Dialog no-repeat 50% 50%; + min-width: 16px; + min-height: 16px; + } + + html|div scrollbarbutton:hover:active, html|div scrollbarbutton[active="true"] { + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow -moz-Dialog; + -moz-border-bottom-colors: ThreeDShadow -moz-Dialog; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + background-position: 60% 60%; + } + + /* ..... increment .... */ + + html|div scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-right; + background-image: url("chrome://global/skin/arrow/arrow-rit.gif") + } + + html|div scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-down; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif") + } + + /* ..... decrement .... */ + + html|div scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-left; + background-image: url("chrome://global/skin/arrow/arrow-lft.gif") + } + + html|div scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-up; + background-image: url("chrome://global/skin/arrow/arrow-up.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif") + } + +} |