diff --git a/mozilla/themes/classic/global/unix/button.css b/mozilla/themes/classic/global/unix/button.css new file mode 100644 index 00000000000..c2799f73b18 --- /dev/null +++ b/mozilla/themes/classic/global/unix/button.css @@ -0,0 +1,136 @@ +/* + * The contents of this file are subject to the Netscape Public + * License Version 1.1 (the "License"); you may not use this file + * except in compliance with the License. You may obtain a copy of + * the License at http://www.mozilla.org/NPL/ + * + * Software distributed under the License is distributed on an "AS + * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or + * implied. See the License for the specific language governing + * rights and limitations under the License. + * + * The Original Code is Mozilla Communicator client code, released + * March 31, 1998. + * + * The Initial Developer of the Original Code is Netscape + * Communications Corporation. Portions created by Netscape are + * Copyright (C) 1998-1999 Netscape Communications Corporation. All + * Rights Reserved. + * + * Contributor(s): + * Joe Hewitt (hewitt@netscape.com) + * Brian Ryner + */ + +/* ===== 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: 1px 5px 2px 5px; + min-width: 6.3em; + border: 3px solid; + -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow; + background-color: ThreeDFace; + color: ButtonText; +} + +.button-box { + padding: 1px 4px 2px 3px; +} + +.button-text { + margin: 0 !important; + text-align: center; +} + +/* .......... focused state .......... */ + +button:focus { + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent; + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent; +} + +/* .......... default state .......... */ + +button[default="true"] { + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow; +} + +/* .......... active/open/checked state .......... */ + +button:hover:active, +button[open="true"], +button[checked="true"] { + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent; +} + +button:hover:active > .button-box, +button[open="true"] > .button-box, +button[checked="true"] > .button-box { + padding: 2px 3px 1px 4px; +} + +/* .......... disabled state .......... */ + +button[disabled="true"] { + -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important; + -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important; + -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important; + -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important; + color: GrayText; +} + +button[disabled="true"] > .button-box { + padding: 1px 4px 2px 3px !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 { + margin: 1px; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + min-width:11px; + min-height:11px; +} + +.button-menu-dropmarker[disabled="true"], +.button-menubutton-dropmarker[disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} + +.button-menubutton-dropmarker[open="true"] { + margin: 2px 0px 0px 2px; +} + +/* ::::: plain buttons ::::: */ + +button.plain { + border: 0px !important; + margin: 0px !important; + padding: 0px !important; +} diff --git a/mozilla/themes/classic/global/unix/checkbox.css b/mozilla/themes/classic/global/unix/checkbox.css new file mode 100644 index 00000000000..414b918b8ec --- /dev/null +++ b/mozilla/themes/classic/global/unix/checkbox.css @@ -0,0 +1,98 @@ +/* + * The contents of this file are subject to the Netscape Public + * License Version 1.1 (the "License"); you may not use this file + * except in compliance with the License. You may obtain a copy of + * the License at http://www.mozilla.org/NPL/ + * + * Software distributed under the License is distributed on an "AS + * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or + * implied. See the License for the specific language governing + * rights and limitations under the License. + * + * The Original Code is Mozilla Communicator client code, released + * March 31, 1998. + * + * The Initial Developer of the Original Code is Netscape + * Communications Corporation. Portions created by Netscape are + * Copyright (C) 1998-1999 Netscape Communications Corporation. All + * Rights Reserved. + * + * Contributor(s): + * Brian Ryner + * + */ + +/* ===== checkbox.css =================================================== + == Styles used by the XUL checkbox element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: checkbox ::::: */ + +checkbox { + -moz-appearance: checkbox-container; + -moz-box-align: center; + margin: 2px 4px; + padding: 0px 2px; +} + +.checkbox-label-box { + margin-left: 2px; + padding: 0px 1px; +} + +.checkbox-icon { + margin-right: 2px; +} + +.checkbox-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +checkbox:focus { + border: 1px solid ThreeDDarkShadow; +} + +/* ..... disabled state ..... */ + +checkbox[disabled="true"] > .checkbox-check { + background-color: -moz-Dialog; +} + +checkbox[disabled="true"] { + color: GrayText !important; +} + +/* ::::: checkmark image ::::: */ + +.checkbox-check { + -moz-appearance: checkbox; + -moz-box-align: center; + border: 2px solid; + margin: 5px 0px 4px 0px; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + min-width: 13px; + min-height: 13px; + background: -moz-Field 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/mozilla/themes/classic/global/unix/jar.mn b/mozilla/themes/classic/global/unix/jar.mn index 4db55fa69ce..82bc56ad85c 100644 --- a/mozilla/themes/classic/global/unix/jar.mn +++ b/mozilla/themes/classic/global/unix/jar.mn @@ -1,2 +1,6 @@ classic.jar: + skin/classic/global/autocomplete.css ++ skin/classic/global/checkbox.css ++ skin/classic/global/radio.css ++ skin/classic/global/button.css ++ skin/classic/global/toolbarbutton.css diff --git a/mozilla/themes/classic/global/unix/radio.css b/mozilla/themes/classic/global/unix/radio.css new file mode 100644 index 00000000000..6cbf8674864 --- /dev/null +++ b/mozilla/themes/classic/global/unix/radio.css @@ -0,0 +1,109 @@ +/* + * The contents of this file are subject to the Netscape Public + * License Version 1.1 (the "License"); you may not use this file + * except in compliance with the License. You may obtain a copy of + * the License at http://www.mozilla.org/NPL/ + * + * Software distributed under the License is distributed on an "AS + * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or + * implied. See the License for the specific language governing + * rights and limitations under the License. + * + * The Original Code is Mozilla Communicator client code, released + * March 31, 1998. + * + * The Initial Developer of the Original Code is Netscape + * Communications Corporation. Portions created by Netscape are + * Copyright (C) 1998-1999 Netscape Communications Corporation. All + * Rights Reserved. + * + * Contributor(s): + * Brian Ryner + * + */ + +/* ===== 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: 0px 2px 0px 1px; + border: 1px solid transparent; +} + +.radio-label-box { + margin-left: 2px; + padding: 0px 0px 1px 1px; +} + +.radio-icon { + margin-right: 2px; +} + +.radio-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +radio[focused="true"] { + border: 1px solid ThreeDDarkShadow; +} + +/* ..... disabled state ..... */ + +radio[disabled="true"] > .radio-check-box1 { + background-color: -moz-Dialog; +} + +radio[disabled="true"] { + color: GrayText !important; +} + +/* ::::: checkmark image ::::: */ + +.radio-check-box1 { + -moz-appearance: radio; + margin: 3px 0px 4px 0px; + border-top: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDHighlight; + border-left: 1px solid ThreeDShadow; + -moz-border-radius: 50%; + min-width: 12px; + min-height: 12px; + background-color: -moz-Field; +} + +.radio-check-box2 { + border-top: 1px solid ThreeDDarkShadow; + border-right: 1px solid ThreeDLightShadow; + border-bottom: 1px solid ThreeDLightShadow; + border-left: 1px solid ThreeDDarkShadow; + -moz-border-radius: 50%; + padding: 2px; + width: 4px; + height: 4px; + list-style-image: none; +} + +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 { + list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif") !important +} diff --git a/mozilla/themes/classic/global/unix/toolbarbutton.css b/mozilla/themes/classic/global/unix/toolbarbutton.css new file mode 100644 index 00000000000..d5cfa3b86da --- /dev/null +++ b/mozilla/themes/classic/global/unix/toolbarbutton.css @@ -0,0 +1,187 @@ +/* + * The contents of this file are subject to the Netscape Public + * License Version 1.1 (the "License"); you may not use this file + * except in compliance with the License. You may obtain a copy of + * the License at http://www.mozilla.org/NPL/ + * + * Software distributed under the License is distributed on an "AS + * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or + * implied. See the License for the specific language governing + * rights and limitations under the License. + * + * The Original Code is Mozilla Communicator client code, released + * March 31, 1998. + * + * The Initial Developer of the Original Code is Netscape + * Communications Corporation. Portions created by Netscape are + * Copyright (C) 1998-1999 Netscape Communications Corporation. All + * Rights Reserved. + * + * Contributor(s): + * Joe Hewitt (hewitt@netscape.com) + * Brian Ryner + */ + +/* ===== toolbarbutton.css ===================================================== + == Styles used by the XUL button element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: toolbarbutton ::::: */ + +toolbarbutton { + -moz-appearance: toolbarbutton; + -moz-box-align: center; + -moz-box-pack: center; + margin: 0; + border: 2px solid; + -moz-border-top-colors: transparent; + -moz-border-right-colors: transparent; + -moz-border-bottom-colors: transparent; + -moz-border-left-colors: transparent; + padding: 2px; + background-color: transparent; + color: -moz-DialogText; +} + +.toolbarbutton-icon { + margin-right: 2px; +} + +.toolbarbutton-text { + margin: 0 !important; + text-align: center; +} + +toolbarbutton:hover, +toolbarbutton[buttonover="true"] { + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight; +} + +toolbarbutton:hover:active, +toolbarbutton[open="true"] { + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDHighlight; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDHighlight; + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; + padding: 3px 1px 1px 3px; +} + +toolbarbutton[disabled="true"], +toolbarbutton[disabled="true"]:hover, +toolbarbutton[disabled="true"]:hover:active +toolbarbutton[disabled="true"][open="true"] { + -moz-border-top-colors: transparent; + -moz-border-right-colors: transparent; + -moz-border-bottom-colors: transparent; + -moz-border-left-colors: transparent; + padding: 2px; + color: GrayText; +} + +/* ..... checked state ..... */ + +toolbarbutton[checked="true"] { + -moz-border-top-colors: ThreeDLightShadow ThreeDShadow !important; + -moz-border-right-colors: ThreeDLightShadow ThreeDHighlight !important; + -moz-border-bottom-colors: ThreeDLightShadow ThreeDHighlight !important; + -moz-border-left-colors: ThreeDLightShadow ThreeDShadow !important; + padding: 2px !important; + background-color: ThreeDHighlight !important; + color: ButtonText !important; +} + +/* ::::: toolbarbutton menu ::::: */ + +.toolbarbutton-menu-dropmarker { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); +} + +.toolbarbutton-menu-dropmarker[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} + +/* ::::: toolbarbutton menu-button ::::: */ + +toolbarbutton[type="menu-button"] { + -moz-box-align: stretch; + -moz-appearance: dualbutton; +} + +toolbarbutton[type="menu-button"], +toolbarbutton[type="menu-button"]:hover, +toolbarbutton[type="menu-button"]:hover:active, +toolbarbutton[type="menu-button"][open="true"], +toolbarbutton[type="menu-button"][disabled="true"], +toolbarbutton[type="menu-button"][disabled="true"]:hover, +toolbarbutton[type="menu-button"][disabled="true"]:hover:active { + border: 1px solid; + padding: 0; +} + +.toolbarbutton-menubutton-button { + -moz-box-align: center; + -moz-box-pack: center; +} + +.toolbarbutton-menubutton-button, +.toolbarbutton-menubutton-dropmarker { + border: 1px solid; + -moz-border-top-colors: transparent; + -moz-border-right-colors: transparent; + -moz-border-bottom-colors: transparent; + -moz-border-left-colors: transparent; +} + +.toolbarbutton-menubutton-button[disabled="true"], +.toolbarbutton-menubutton-dropmarker[disabled="true"] { + -moz-border-top-colors: transparent !important; + -moz-border-right-colors: transparent !important; + -moz-border-bottom-colors: transparent !important; + -moz-border-left-colors: transparent !important; +} + +toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button, +toolbarbutton[type="menu-button"][buttonover="true"] > .toolbarbutton-menubutton-button, +toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker, +toolbarbutton[type="menu-button"][buttonover="true"] > .toolbarbutton-menubutton-dropmarker, +toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button { + -moz-border-top-colors: ThreeDHighlight; + -moz-border-right-colors: ThreeDShadow; + -moz-border-bottom-colors: ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight; +} + +toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-button, +toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, +toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker, +toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { + -moz-border-top-colors: ThreeDShadow; + -moz-border-right-colors: ThreeDHighlight; + -moz-border-bottom-colors: ThreeDHighlight; + -moz-border-left-colors: ThreeDShadow; +} + +/* .......... dropmarker .......... */ + +.toolbarbutton-menubutton-dropmarker { + -moz-box-align: center; + padding: 0 0 1px 0; + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + -moz-appearance: dualbutton-dropdown; +} + +.toolbarbutton-menubutton-dropmarker[disabled="true"] { + border: 1px solid transparent !important; + padding: 0 0 1px 0 !important; + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif") !important; +} + +toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker, +toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker { + padding: 1px 0 0 0; +}