New files for XBL-ified HTML button widget. Not part of the build.

This commit is contained in:
bryner%netscape.com 2002-02-08 07:38:56 +00:00
parent 4c2c95ec2a
commit 6479838872
10 changed files with 653 additions and 0 deletions

View File

@ -0,0 +1,60 @@
<?xml version="1.0"?>
<!DOCTYPE bindings [
<!ENTITY % htmlFormDTD SYSTEM "chrome://forms/locale/htmlforms.dtd" >
%htmlFormDTD;
]>
<bindings id="buttonBindings"
xmlns="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<binding id="button" display="xul:button"
extends="chrome://global/content/bindings/button.xml#button-base">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" flex="1">
<children/>
</xul:description>
</xul:hbox>
</content>
</binding>
<binding id="inputButton" extends="chrome://global/content/bindings/general.xml#basetext"
display="xul:button">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" inherits="value" value=" "/>
</xul:hbox>
</content>
</binding>
<binding id="submitButton" extends="chrome://global/content/bindings/general.xml#basetext"
display="xul:button">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" inherits="value" value="&submitForm;"/>
</xul:hbox>
</content>
</binding>
<binding id="fileButton" extends="chrome://global/content/bindings/general.xml#basetext"
display="xul:button">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" value="&fileBrowse;"/>
</xul:hbox>
</content>
</binding>
<binding id="resetButton" extends="chrome://global/content/bindings/general.xml#basetext"
display="xul:button">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" value="&resetForm;"/>
</xul:hbox>
</content>
</binding>
</bindings>

View File

@ -0,0 +1,61 @@
<?xml version="1.0"?>
<!-- ***** BEGIN LICENSE BLOCK *****
- Version: MPL 1.1/GPL 2.0/LGPL 2.1
-
- The contents of this file are subject to the Mozilla Public License Version
- 1.1 (the "License"); you may not use this file except in compliance with
- the License. You may obtain a copy of the License at
- http://www.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS IS" basis,
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- for the specific language governing rights and limitations under the
- License.
-
- The Original Code is mozilla.org code.
-
- The Initial Developer of the Original Code is
- Netscape Communications Corporation.
- Portions created by the Initial Developer are Copyright (C) 2001
- the Initial Developer. All Rights Reserved.
-
- Contributor(s):
- Brian Ryner <bryner@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 LGPL or the GPL. 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 ***** -->
<RDF:RDF xmlns:RDF="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:chrome="http://www.mozilla.org/rdf/chrome#">
<RDF:Seq about="urn:mozilla:locale:root">
<RDF:li resource="urn:mozilla:locale:en-US"/>
</RDF:Seq>
<RDF:Description about="urn:mozilla:locale:en-US"
chrome:displayName="English(US)"
chrome:author="mozilla.org"
chrome:name="en-US">
<chrome:packages>
<RDF:Seq about="urn:mozilla:locale:en-US:packages">
<RDF:li resource="urn:mozilla:locale:en-US:forms"/>
</RDF:Seq>
</chrome:packages>
</RDF:Description>
<!-- Version Information. State that we work only with major version of this
package. -->
<RDF:Description about="urn:mozilla:locale:en-US:forms"
chrome:localeVersion="0.9.8"/>
</RDF:RDF>

View File

@ -0,0 +1,3 @@
<!ENTITY resetForm "Reset">
<!ENTITY submitForm "Submit Query">
<!ENTITY fileBrowse "Browse...">

View File

@ -0,0 +1,96 @@
/*
* 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)
*/
/* ===== button.css =====================================================
== Styles used by the XUL button element.
======================================================================= */
@namespace url(http://www.w3.org/1999/xhtml);
/* :::::::::: button :::::::::: */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
-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 {
border: 1px solid transparent;
padding: 1px 4px 2px 3px;
}
.button-box-text {
margin: 0 !important;
text-align: center;
}
/* .......... focused state .......... */
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]: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;
}
button:focus > .button-box,
input[type="button"]:focus > .button-box,
input[type="submit"]:focus > .button-box,
input[type="reset"]:focus > .button-box {
border: 1px dotted ThreeDDarkShadow;
}
/* .......... disabled state .......... */
button[disabled="true"],
input[type="button"][disabled="true"],
input[type="submit"][disabled="true"],
input[type="reset"][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,
input[type="button"][disabled="true"] > .button-box,
input[type="submit"][disabled="true"] > .button-box,
input[type="reset"][diasbled="true"] > .button-box {
padding: 1px 4px 2px 3px !important;
}

View File

@ -0,0 +1,60 @@
<?xml version="1.0"?>
<!DOCTYPE bindings [
<!ENTITY % htmlFormDTD SYSTEM "chrome://forms/locale/htmlforms.dtd" >
%htmlFormDTD;
]>
<bindings id="buttonBindings"
xmlns="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<binding id="button" display="xul:button"
extends="chrome://global/content/bindings/button.xml#button-base">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" flex="1">
<children/>
</xul:description>
</xul:hbox>
</content>
</binding>
<binding id="inputButton" extends="chrome://global/content/bindings/general.xml#basetext"
display="xul:button">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" inherits="value" value=" "/>
</xul:hbox>
</content>
</binding>
<binding id="submitButton" extends="chrome://global/content/bindings/general.xml#basetext"
display="xul:button">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" inherits="value" value="&submitForm;"/>
</xul:hbox>
</content>
</binding>
<binding id="fileButton" extends="chrome://global/content/bindings/general.xml#basetext"
display="xul:button">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" value="&fileBrowse;"/>
</xul:hbox>
</content>
</binding>
<binding id="resetButton" extends="chrome://global/content/bindings/general.xml#basetext"
display="xul:button">
<content>
<xul:hbox class="box-inherit button-box" align="center" pack="center" flex="1">
<xul:description class="button-box-text" value="&resetForm;"/>
</xul:hbox>
</content>
</binding>
</bindings>

View File

@ -0,0 +1,61 @@
<?xml version="1.0"?>
<!-- ***** BEGIN LICENSE BLOCK *****
- Version: MPL 1.1/GPL 2.0/LGPL 2.1
-
- The contents of this file are subject to the Mozilla Public License Version
- 1.1 (the "License"); you may not use this file except in compliance with
- the License. You may obtain a copy of the License at
- http://www.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS IS" basis,
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- for the specific language governing rights and limitations under the
- License.
-
- The Original Code is mozilla.org code.
-
- The Initial Developer of the Original Code is
- Netscape Communications Corporation.
- Portions created by the Initial Developer are Copyright (C) 2001
- the Initial Developer. All Rights Reserved.
-
- Contributor(s):
- Brian Ryner <bryner@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 LGPL or the GPL. 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 ***** -->
<RDF:RDF xmlns:RDF="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:chrome="http://www.mozilla.org/rdf/chrome#">
<RDF:Seq about="urn:mozilla:locale:root">
<RDF:li resource="urn:mozilla:locale:en-US"/>
</RDF:Seq>
<RDF:Description about="urn:mozilla:locale:en-US"
chrome:displayName="English(US)"
chrome:author="mozilla.org"
chrome:name="en-US">
<chrome:packages>
<RDF:Seq about="urn:mozilla:locale:en-US:packages">
<RDF:li resource="urn:mozilla:locale:en-US:forms"/>
</RDF:Seq>
</chrome:packages>
</RDF:Description>
<!-- Version Information. State that we work only with major version of this
package. -->
<RDF:Description about="urn:mozilla:locale:en-US:forms"
chrome:localeVersion="0.9.8"/>
</RDF:RDF>

View File

@ -0,0 +1,3 @@
<!ENTITY resetForm "Reset">
<!ENTITY submitForm "Submit Query">
<!ENTITY fileBrowse "Browse...">

View File

@ -0,0 +1,96 @@
/*
* 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)
*/
/* ===== button.css =====================================================
== Styles used by the XUL button element.
======================================================================= */
@namespace url(http://www.w3.org/1999/xhtml);
/* :::::::::: button :::::::::: */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
-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 {
border: 1px solid transparent;
padding: 1px 4px 2px 3px;
}
.button-box-text {
margin: 0 !important;
text-align: center;
}
/* .......... focused state .......... */
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]: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;
}
button:focus > .button-box,
input[type="button"]:focus > .button-box,
input[type="submit"]:focus > .button-box,
input[type="reset"]:focus > .button-box {
border: 1px dotted ThreeDDarkShadow;
}
/* .......... disabled state .......... */
button[disabled="true"],
input[type="button"][disabled="true"],
input[type="submit"][disabled="true"],
input[type="reset"][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,
input[type="button"][disabled="true"] > .button-box,
input[type="submit"][disabled="true"] > .button-box,
input[type="reset"][diasbled="true"] > .button-box {
padding: 1px 4px 2px 3px !important;
}

View File

@ -0,0 +1,96 @@
/*
* 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)
*/
/* ===== button.css =====================================================
== Styles used by the XUL button element.
======================================================================= */
@namespace url(http://www.w3.org/1999/xhtml);
/* :::::::::: button :::::::::: */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
-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 {
border: 1px solid transparent;
padding: 1px 4px 2px 3px;
}
.button-box-text {
margin: 0 !important;
text-align: center;
}
/* .......... focused state .......... */
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]: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;
}
button:focus > .button-box,
input[type="button"]:focus > .button-box,
input[type="submit"]:focus > .button-box,
input[type="reset"]:focus > .button-box {
border: 1px dotted ThreeDDarkShadow;
}
/* .......... disabled state .......... */
button[disabled="true"],
input[type="button"][disabled="true"],
input[type="submit"][disabled="true"],
input[type="reset"][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,
input[type="button"][disabled="true"] > .button-box,
input[type="submit"][disabled="true"] > .button-box,
input[type="reset"][diasbled="true"] > .button-box {
padding: 1px 4px 2px 3px !important;
}

View File

@ -0,0 +1,117 @@
/* ***** BEGIN LICENSE BLOCK *****
* Version: NPL 1.1/GPL 2.0/LGPL 2.1
*
* 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.org code.
*
* The Initial Developer of the Original Code is
* Netscape Communications Corporation.
* Portions created by the Initial Developer are Copyright (C) 1998
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
* 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 NPL, 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 NPL, the GPL or the LGPL.
*
* ***** END LICENSE BLOCK ***** */
/* ===== button.css =====================================================
== Styles used by the XUL button element.
======================================================================= */
@namespace url(http://www.w3.org/1999/xhtml);
/* :::::::::: button :::::::::: */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
margin: 2px;
border: 6px solid;
-moz-border-top-colors: transparent transparent transparent #000000 #BBC6D1 #B1BBC9;
-moz-border-right-colors: transparent transparent transparent #000000 #A2AEBB #A7B4C1;
-moz-border-bottom-colors: transparent transparent transparent #000000 #97A6B6 #9DAAB9;
-moz-border-left-colors: transparent transparent transparent #000000 #BBC6D1 #B1BBC9;
-moz-border-radius: 5px;
min-width: 6em;
background-color: #AAB6C4;
color: #000000;
font: menu;
}
.button-box-text {
margin: 0px 6px 0px 4px !important;
text-align: center;
}
/* .......... focused state .......... */
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
-moz-border-top-colors: transparent #98A5B2 #98A5B2 #000000 #BBC6D1 #B1BBC9;
-moz-border-right-colors: transparent #98A5B2 #98A5B2 #000000 #A2AEBB #A7B4C1;
-moz-border-bottom-colors: transparent #98A5B2 #98A5B2 #000000 #97A6B6 #9DAAB9;
-moz-border-left-colors: transparent #98A5B2 #98A5B2 #000000 #BBC6D1 #B1BBC9;
}
/* .......... active/open/checked state .......... */
button:hover:active,
input[type="button"]:hover:active,
input[type="submit"]:hover:active,
input[type="reset"]:hover:active {
-moz-border-top-colors: transparent transparent transparent #000000 #8290A5 #899AAC;
-moz-border-right-colors: transparent transparent transparent #000000 #8290A5 #899AAC;
-moz-border-bottom-colors: transparent transparent transparent #000000 #8290A5 #899AAC;
-moz-border-left-colors: transparent transparent transparent #000000 #8290A5 #899AAC;
background-color: #90A1B3;
color: #FFFFFF;
}
button:hover:active:focus,
input[type="button"]:active:focus,
input[type="submit"]:active:focus,
input[type="reset"]:active:focus {
-moz-border-top-colors: transparent #98A5B2 #98A5B2 #000000 #8290A5 #899AAC;
-moz-border-right-colors: transparent #98A5B2 #98A5B2 #000000 #8290A5 #899AAC;
-moz-border-bottom-colors: transparent #98A5B2 #98A5B2 #000000 #8290A5 #899AAC;
-moz-border-left-colors: transparent #98A5B2 #98A5B2 #000000 #8290A5 #899AAC;
}
/* .......... disabled state .......... */
button[disabled="true"],
input[type="button"][disabled="true"],
input[type="submit"][disabled="true"],
input[type="reset"][disabled="true"] {
-moz-border-top-colors: transparent transparent transparent #8290A5 #C6CDD7 #BCC5D1 !important;
-moz-border-right-colors: transparent transparent transparent #8290A5 #A9B5C1 #B2BAC7 !important;
-moz-border-bottom-colors: transparent transparent transparent #8290A5 #A9B5C1 #B2BAC7 !important;
-moz-border-left-colors: transparent transparent transparent #8290A5 #C6CDD7 #BCC5D1 !important;
background-color: #B7BFCB !important;
color: #8C99AB !important;
}