зеркало из https://github.com/mozilla/gecko-dev.git
new widget styles
This commit is contained in:
ben%netscape.com
Родитель
54e93cb367
Коммит
748b10becf
|
|
@ -1,5 +1,7 @@
|
|||
tasksOverlay.css
|
||||
global.css
|
||||
colors.css
|
||||
textfield.css
|
||||
button.css
|
||||
checkbox.css
|
||||
tree.css
|
||||
|
|
@ -54,6 +56,7 @@ error-icon.gif
|
|||
message-icon.gif
|
||||
question-icon.gif
|
||||
return.gif
|
||||
return-disabled.gif
|
||||
grippy-horizontal-after.gif
|
||||
grippy-horizontal-before.gif
|
||||
grippy-vertical-after.gif
|
||||
|
|
@ -105,4 +108,7 @@ tab-rightedge.gif
|
|||
sortAscending.gif
|
||||
sortDescending.gif
|
||||
check-check.gif
|
||||
check-check-disabled.gif
|
||||
check-radio.gif
|
||||
check-radio-disabled.gif
|
||||
|
||||
|
|
|
|||
|
|
@ -31,6 +31,8 @@ DIRS = unix
|
|||
EXPORT_RESOURCE_CONTENT = \
|
||||
$(srcdir)/tasksOverlay.css \
|
||||
$(srcdir)/global.css \
|
||||
$(srcdir)/colors.css \
|
||||
$(srcdir)/textfield.css \
|
||||
$(srcdir)/button.css \
|
||||
$(srcdir)/checkbox.css \
|
||||
$(srcdir)/menubutton.css \
|
||||
|
|
@ -78,6 +80,7 @@ EXPORT_RESOURCE_CONTENT = \
|
|||
$(srcdir)/message-icon.gif \
|
||||
$(srcdir)/question-icon.gif \
|
||||
$(srcdir)/return.gif \
|
||||
$(srcdir)/return-disabled.gif \
|
||||
$(srcdir)/print.gif \
|
||||
$(srcdir)/stop.gif \
|
||||
$(srcdir)/grippy-horizontal-after.gif \
|
||||
|
|
@ -130,7 +133,9 @@ EXPORT_RESOURCE_CONTENT = \
|
|||
$(srcdir)/sortAscending.gif \
|
||||
$(srcdir)/sortDescending.gif \
|
||||
$(srcdir)/check-check.gif \
|
||||
$(srcdir)/check-check-disabled.gif \
|
||||
$(srcdir)/check-radio.gif \
|
||||
$(srcdir)/check-radio-disabled.gif \
|
||||
$(NULL)
|
||||
|
||||
EXPORT_CHROME = $(srcdir)/xul.css \
|
||||
|
|
|
|||
|
|
@ -7,43 +7,29 @@
|
|||
/* outer frame */
|
||||
button
|
||||
{
|
||||
border : 1px solid #CCCCCC;
|
||||
border : 1px solid #000000;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
margin : 1px 5px 2px 5px;
|
||||
}
|
||||
|
||||
button:hover
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
button:hover:active
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
background-color : #CCCCCC;
|
||||
}
|
||||
|
||||
button[disabled="true"],
|
||||
button[disabled="true"]:hover,
|
||||
button[disabled="true"]:active
|
||||
{
|
||||
border : 1px solid #CCCCCC;
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
|
||||
/* internal frame */
|
||||
button > .internal-box
|
||||
{
|
||||
vertical-align : center;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 2px;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
}
|
||||
|
||||
button:hover > .internal-box
|
||||
{
|
||||
-moz-border-radius : 0px;
|
||||
}
|
||||
|
||||
button:active > .internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
|
|
@ -54,9 +40,8 @@
|
|||
button[disabled="true"]:hover > .internal-box,
|
||||
button[disabled="true"]:active > .internal-box
|
||||
{
|
||||
border : 1px solid gray;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
color : gray;
|
||||
border : 1px outset #CCCCCC;
|
||||
-moz-border-radius : 0px;
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
|
|
@ -77,7 +62,7 @@
|
|||
{
|
||||
padding : 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
|
||||
/** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs.
|
||||
* To activate, set 'default' attribute on button.
|
||||
**/
|
||||
|
|
@ -93,6 +78,11 @@
|
|||
font-weight : bold;
|
||||
list-style-image : url("chrome://global/skin/return.gif");
|
||||
}
|
||||
|
||||
button[default][disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/return-disabled.gif");
|
||||
}
|
||||
|
||||
/** Styles for 'dialog' buttons (usually any command button in a dialog)
|
||||
* This class gives buttons 10px of padding on each side to increase the
|
||||
|
|
@ -116,6 +106,16 @@
|
|||
* editor's formatting toolbar or toolbars wanting a button similar to a command
|
||||
* button but without an initial outset frame.
|
||||
**/
|
||||
button.borderless
|
||||
{
|
||||
border : 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
button.borderless:hover
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
button.borderless > .internal-box
|
||||
{
|
||||
border : 1px solid #CCCCCC;
|
||||
|
|
@ -184,11 +184,13 @@
|
|||
button.large-toolbar:active > .internal-box
|
||||
{
|
||||
border : none;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
button.large-toolbar > .internal-box > .text-container
|
||||
{
|
||||
display : none;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
/** Styles for the standard 'large' toolbar button, these buttons are used for
|
||||
|
|
@ -237,6 +239,7 @@
|
|||
button.key-toolbar[disabled="true"]:active > .internal-box
|
||||
{
|
||||
border : none;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
button.key-toolbar > .internal-box,
|
||||
|
|
@ -250,6 +253,7 @@
|
|||
button.key-toolbar > .internal-box > .text-container
|
||||
{
|
||||
padding-top : 3px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
/** Styles for the less important toolbar buttons. These buttons are used for
|
||||
|
|
@ -304,11 +308,50 @@
|
|||
button.toolbar:active > .internal-box
|
||||
{
|
||||
border : none;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
/* text wrapper frame */
|
||||
button.toolbar > .internal-box > .text-container
|
||||
{
|
||||
padding-top : 3px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
/** Expanding Region Button **/
|
||||
|
||||
/* outer frame */
|
||||
button.expander
|
||||
{
|
||||
border : none;
|
||||
padding : none;
|
||||
margin : 1px 5px 3px 1px;
|
||||
background-color : inherit;
|
||||
list-style-image : url("chrome://global/skin/closedtwisty.gif");
|
||||
}
|
||||
|
||||
button[open="true"].expander
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/opentwisty.gif");
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
button.expander > .internal-box
|
||||
{
|
||||
border : none;
|
||||
background-color : inherit;
|
||||
padding : none;
|
||||
margin : none;
|
||||
}
|
||||
|
||||
/* text frame */
|
||||
button.expander > .internal-box > .text-container > text
|
||||
{
|
||||
color : #0000FF;
|
||||
text-decoration : underline;
|
||||
}
|
||||
|
||||
button.expander:hover > .internal-box > .text-container > text
|
||||
{
|
||||
color : #FF0000;
|
||||
}
|
||||
|
|
|
|||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 60 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 55 B |
|
|
@ -1,85 +1,78 @@
|
|||
/* stylesheet for XUL <checkbox> element */
|
||||
|
||||
/* default checkbox for dialogs */
|
||||
checkbox {
|
||||
margin: 3px 5px 3px 5px;
|
||||
}
|
||||
|
||||
checkbox > .internal-box > .checkmark-box {
|
||||
border: 1px solid #CCCCCC;
|
||||
-moz-border-radius: 3px 2px 2px 3px;
|
||||
}
|
||||
checkbox > .internal-box > .checkmark-box > image {
|
||||
border: 1px outset #CCCCCC;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
-moz-border-radius: 3px 2px 2px 3px;
|
||||
}
|
||||
/* outer checkbox frame */
|
||||
checkbox
|
||||
{
|
||||
margin: 3px 5px 3px 5px;
|
||||
}
|
||||
|
||||
checkbox[checked="true"] > .internal-box > .checkmark-box > image {
|
||||
list-style-image: url(chrome://global/skin/check-check.gif);
|
||||
}
|
||||
/* checkmark outer frame */
|
||||
checkbox > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #000000;
|
||||
-moz-border-radius: 3px 2px 2px 3px;
|
||||
background-color: #CCCCCC;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
checkbox[value] > .internal-box > html,
|
||||
checkbox.iconic > .internal-box > .icon {
|
||||
margin-left: 4px;
|
||||
padding: 0px;
|
||||
}
|
||||
checkbox[disabled="true"] > .internal-box > .checkmark-box,
|
||||
checkbox[disabled="true"]:hover > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #999999;
|
||||
}
|
||||
|
||||
/* checkmark inner frame */
|
||||
checkbox > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
checkbox[checked="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-check.gif);
|
||||
}
|
||||
|
||||
checkbox[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-check-disabled.gif);
|
||||
}
|
||||
|
||||
checkbox.iconic > .internal-box > html {
|
||||
margin-left: 4px;
|
||||
}
|
||||
checkbox:hover:active > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
checkbox[disabled="true"] > .internal-box > .checkmark-box > image,
|
||||
checkbox[disabled="true"]:active > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
-moz-border-radius: 0px;
|
||||
}
|
||||
|
||||
checkbox:hover > .internal-box > .checkmark-box {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
/* checkmark label/icon frame */
|
||||
checkbox[value] > .internal-box > html,
|
||||
checkbox.iconic > .internal-box > .icon
|
||||
{
|
||||
margin: 0px 0px 0px 4px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
checkbox:hover > .internal-box > .checkmark-box > image {
|
||||
-moz-border-radius: 0px;
|
||||
}
|
||||
checkbox.iconic > .internal-box > html
|
||||
{
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
checkbox:hover:active > .internal-box > .checkmark-box > image {
|
||||
border: 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
/* checkbox for trees/lists */
|
||||
checkbox.tree {
|
||||
margin: 1px 5px 1px 5px;
|
||||
}
|
||||
|
||||
checkbox.tree > .internal-box > .checkmark-box {
|
||||
border: 1px solid #000000;
|
||||
background-color: #CCCCCC;
|
||||
-moz-border-radius: 3px 2px 2px 3px;
|
||||
}
|
||||
|
||||
checkbox.tree > .internal-box > .checkmark-box > image {
|
||||
border: 1px solid inherit;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
-moz-border-radius: 0px;
|
||||
}
|
||||
|
||||
checkbox.tree[checked="true"] > .checkmark-box > image {
|
||||
list-style-image: url(chrome://global/skin/check-check.gif);
|
||||
}
|
||||
|
||||
checkbox.tree:hover:active > .internal-box > .checkmark-box > image {
|
||||
border: 1px solid inherit;
|
||||
}
|
||||
|
||||
/* disabled checkboxes */
|
||||
checkbox[disabled="true"] > .internal-box > .checkmark-box > image,
|
||||
checkbox[disabled="true"]:active > .internal-box > .checkmark-box > image {
|
||||
border: 1px solid gray;
|
||||
-moz-border-radius: 3px 2px 2px 3px;
|
||||
}
|
||||
|
||||
checkbox[disabled="true"] > .internal-box > .checkmark-box,
|
||||
checkbox[disabled="true"]:hover > .internal-box > .checkmark-box {
|
||||
border: 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
checkbox[disabled="true"][value] > .internal-box > html {
|
||||
color: gray;
|
||||
}
|
||||
checkbox[disabled="true"][value] > .internal-box > html
|
||||
{
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
checkbox:focus > .internal-box > html
|
||||
{
|
||||
border : 1px dotted black;
|
||||
padding : 0px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,41 @@
|
|||
/* colors */
|
||||
|
||||
.color-dialog
|
||||
{
|
||||
background-color : #CCCCCC;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
.color-window
|
||||
{
|
||||
background-color : #FFFFFF;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
/* inset areas */
|
||||
.inset
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
margin : 0px 5px 5px 5px;
|
||||
}
|
||||
|
||||
/* formatting */
|
||||
.groove-top
|
||||
{
|
||||
border-top : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
.groove-right
|
||||
{
|
||||
border-right : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
.groove-left
|
||||
{
|
||||
border-left : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
.groove-bottom
|
||||
{
|
||||
border-bottom : 2px groove #CCCCCC;
|
||||
}
|
||||
|
|
@ -14,6 +14,8 @@
|
|||
@import url(chrome://global/skin/tree.css);
|
||||
@import url(chrome://global/skin/menubutton.css);
|
||||
@import url(chrome://global/skin/menulist.css);
|
||||
@import url(chrome://global/skin/colors.css);
|
||||
@import url(chrome://global/skin/textfield.css);
|
||||
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
|
||||
@namespace html url("http://www.w3.org/TR/REC-html40"); /* namespace for XUL elements */
|
||||
|
|
@ -37,15 +39,11 @@ window[wait-cursor] { cursor: wait !important; }
|
|||
/**
|
||||
* This is a special class of window used for dialogs
|
||||
*/
|
||||
window.dialog {
|
||||
background-color: #CCCCCC;
|
||||
/* There is a bug preventing this so this will not work property.
|
||||
padding-left: 11px;
|
||||
padding-right: 10px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 11px;
|
||||
*/
|
||||
}
|
||||
window.dialog
|
||||
{
|
||||
background-color : #CCCCCC;
|
||||
padding : 5px;
|
||||
}
|
||||
|
||||
/**********************************
|
||||
* XUL widgets
|
||||
|
|
@ -1203,6 +1201,10 @@ tab:hover:active {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
/* top tabs */
|
||||
tabcontrol[align="vertical"] tabbox[align="horizontal"] tab {
|
||||
border-bottom: none;
|
||||
|
|
@ -1245,12 +1247,19 @@ tabcontrol {
|
|||
border: none;
|
||||
}
|
||||
|
||||
deck.tabpanel, tabpanel {
|
||||
/* border on bottom only, no padding (used in search) */
|
||||
tabpanel.light {
|
||||
border: none;
|
||||
border-bottom: 1px outset #CCCCCC;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
tabpanel {
|
||||
border-top: 1px solid white;
|
||||
border-bottom: 1px solid #666666;
|
||||
border-left: 1px solid white;
|
||||
border-right: 1px solid #666666;
|
||||
padding: 5px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/**********************************
|
||||
|
|
@ -1366,75 +1375,6 @@ html|label {
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
html|textarea {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
border-top: 1px solid #666666;
|
||||
border-bottom: 1px solid white;
|
||||
border-left: 1px solid #666666;
|
||||
border-right: 1px solid white;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 2px;
|
||||
padding-left: 4px;
|
||||
padding-right: 3px;
|
||||
margin-top: 1px;
|
||||
margin-bottom: 2px;
|
||||
margin-left: 4px;
|
||||
margin-right: 3px;
|
||||
background-color: white;
|
||||
color: black;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
html|textarea:active { cursor: text; }
|
||||
|
||||
html|textarea:hover { cursor: text; }
|
||||
|
||||
html|textarea:focus { cursor: text; }
|
||||
|
||||
|
||||
html|input[type=text] {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
border-top: 1px solid #666666;
|
||||
border-bottom: 1px solid white;
|
||||
border-left: 1px solid #666666;
|
||||
border-right: 1px solid white;
|
||||
padding: 1px;
|
||||
margin: 0px 3px 2px 4px;
|
||||
background-color: white;
|
||||
color: black;
|
||||
min-height: 1.6em;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
html|input[type=text]:active { cursor: text; }
|
||||
|
||||
html|input[type=text]:hover { cursor: text; }
|
||||
|
||||
html|input[type=text]:focus { cursor: text; }
|
||||
|
||||
html|input[type=text][disabled] { color: #999999; }
|
||||
|
||||
|
||||
html|input[type=password] {
|
||||
border-top: 1px solid #666666;
|
||||
border-bottom: 1px solid white;
|
||||
border-left: 1px solid #666666;
|
||||
border-right: 1px solid white;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 2px;
|
||||
padding-left: 4px;
|
||||
padding-right: 3px;
|
||||
margin-top: 1px;
|
||||
margin-bottom: 2px;
|
||||
margin-left: 4px;
|
||||
margin-right: 3px;
|
||||
background-color: white;
|
||||
color: black;
|
||||
min-height: 1.75em;
|
||||
}
|
||||
|
||||
html|input {
|
||||
background-color: white;
|
||||
text-align: left;
|
||||
|
|
@ -1836,6 +1776,20 @@ separator[type="groove"][orient="vertical"] {
|
|||
margin-right: 0.4em;
|
||||
}
|
||||
|
||||
separator.groove-thin {
|
||||
border-top: 2px groove #CCCCCC;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
separator.groove-thin {
|
||||
border-left: 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
/* NEW WIDGET LANDING: <text> rules */
|
||||
text.label {
|
||||
margin: 1px 5px 2px 5px;
|
||||
}
|
||||
|
||||
html {
|
||||
margin: 5px;
|
||||
cursor: default;
|
||||
|
|
@ -1845,31 +1799,22 @@ html.header {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.inset {
|
||||
border: 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
/* NEW WIDGET LANDING: <box> rules */
|
||||
box[autostretch="never"], box[autostretch="never"][orient="horizontal"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* NEW WIDGET LANDING: <text> rules */
|
||||
text.label {
|
||||
margin: 1px 5px 2px 5px;
|
||||
}
|
||||
|
||||
progressmeter {
|
||||
margin: 0px 4px 0px 4px;
|
||||
}
|
||||
|
||||
/* NEW WIDGETS <box> formatting */
|
||||
box[autostretch="never"] {
|
||||
box[autostretch="never"][valign="center"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
box[autostretch="never"][orient="vertical"] {
|
||||
box[autostretch="never"][orient="vertical"][halign="center"] {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
text[disabled="true"]
|
||||
{
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -32,6 +32,8 @@ install::
|
|||
$(MAKE_INSTALL) tasksOverlay.css $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) global.css $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) button.css $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) textfield.css $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) colors.css $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) checkbox.css $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) menubutton.css $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) menulist.css $(DISTBROWSER)
|
||||
|
|
@ -81,6 +83,7 @@ install::
|
|||
$(MAKE_INSTALL) message-icon.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) question-icon.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) return.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) return-disabled.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) grippy-horizontal-after.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) grippy-horizontal-before.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) grippy-vertical-after.gif $(DISTBROWSER)
|
||||
|
|
@ -135,7 +138,9 @@ install::
|
|||
$(MAKE_INSTALL) sortAscending.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) sortDescending.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) check-check.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) check-check-disabled.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) check-radio.gif $(DISTBROWSER)
|
||||
$(MAKE_INSTALL) check-radio-disabled.gif $(DISTBROWSER)
|
||||
|
||||
clobber::
|
||||
rm -f $(DIST)\bin\chrome\global\skin\default\*.*
|
||||
|
|
|
|||
|
|
@ -1,27 +1,78 @@
|
|||
|
||||
/* NEW WIDGET LANDING <menubutton> */
|
||||
menubutton:hover, menubutton[open="true"] {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
menubutton > button, menubutton:hover > button {
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
/* outermost frame */
|
||||
menubutton
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
margin : 3px 5px 3px 5px;
|
||||
padding : 0px;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
}
|
||||
|
||||
menubutton[disabled="true"]
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
/* inner button */
|
||||
menubutton > .menu-button,
|
||||
menubutton:hover > .menu-button,
|
||||
menubutton:active > .menu-button
|
||||
{
|
||||
border : none;
|
||||
margin : 0px;
|
||||
-moz-border-radius : 0px;
|
||||
}
|
||||
|
||||
menubutton > .menu-dropmarker {
|
||||
border: 1px outset #CCCCCC;
|
||||
list-style-image: url("chrome://global/skin/scroll-down.gif");
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
menubutton[open="true"] > .menu-button > .internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 3px 1px 1px 3px;
|
||||
}
|
||||
|
||||
/* inner dropmarker */
|
||||
menubutton > .menu-dropmarker
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
padding : 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
menubutton[disabled="true"] > .menu-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
menubutton[open="true"] > .menu-dropmarker {
|
||||
border: 1px inset #CCCCCC;
|
||||
padding: 1px 1px -1px 3px;
|
||||
}
|
||||
menubutton[open="true"] > .menu-dropmarker
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 1px 1px -1px 3px;
|
||||
}
|
||||
|
||||
menubutton menupopup, menulist menupopup {
|
||||
border-left: 1px solid #000000;
|
||||
border-right: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
menubutton > menupopup
|
||||
{
|
||||
min-width : 0px;
|
||||
border-top : 0px;
|
||||
border-right : 1px solid #000000;
|
||||
border-left : 1px solid #000000;
|
||||
border-bottom : 1px solid #000000;
|
||||
}
|
||||
|
||||
menubutton > menupopup > .internal-box
|
||||
{
|
||||
border-top : 0px;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
menubutton menupopup menuitem
|
||||
{
|
||||
padding : 0px 0px 0px 3px;
|
||||
}
|
||||
|
||||
menubutton menupopup menuitem > .menu-left
|
||||
{
|
||||
display : none;
|
||||
}
|
||||
|
|
@ -1,105 +1,173 @@
|
|||
|
||||
/* NEW WIDGET LANDING: <menulist> popup */
|
||||
menulist, menubutton {
|
||||
padding: 0px;
|
||||
border: 1px solid #CCCCCC;
|
||||
-moz-border-radius: 3px 2px 2px 3px;
|
||||
}
|
||||
|
||||
menulist > .menu-text {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
border-top: 1px inset #CCCCCC;
|
||||
border-bottom: 1px inset #CCCCCC;
|
||||
margin-right: 0px;
|
||||
}
|
||||
/* outer frame */
|
||||
menulist
|
||||
{
|
||||
padding : 0px;
|
||||
border : 1px solid #000000;
|
||||
background-color : #CCCCCC;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
margin : 1px 5px 2px 5px;
|
||||
}
|
||||
|
||||
menulist > .menu-icon {
|
||||
border-left: 1px inset #CCCCCC;
|
||||
border-top: 1px inset #CCCCCC;
|
||||
border-bottom: 1px inset #CCCCCC;
|
||||
}
|
||||
menulist[menuactive="true"],
|
||||
menulist:hover
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
menulist > .menu-dropmarker {
|
||||
border-top: 1px outset #CCCCCC;
|
||||
border-right: 1px outset #CCCCCC;
|
||||
border-bottom: 1px outset #CCCCCC;
|
||||
border-left: 1px outset #CCCCCC;
|
||||
list-style-image: url("chrome://global/skin/scroll-down.gif");
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
menulist[open="true"]
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
menulist[disabled="true"]
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
/* icon display frame */
|
||||
menulist > .menu-icon
|
||||
{
|
||||
border-left : 1px outset #CCCCCC;
|
||||
border-top : 1px outset #CCCCCC;
|
||||
border-bottom : 1px outset #CCCCCC;
|
||||
padding : 2px 0px 2px 0px;
|
||||
}
|
||||
|
||||
menulist[menuactive="true"] {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
menulist[open="true"] > .menu-icon
|
||||
{
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-bottom : 1px solid #CCCCCC;
|
||||
padding : 3px 0px 1px 0px;
|
||||
}
|
||||
|
||||
/* text display frame */
|
||||
menulist > .menu-text
|
||||
{
|
||||
padding : 2px 4px 2px 4px;
|
||||
border-top : 1px outset #CCCCCC;
|
||||
border-bottom : 1px outset #CCCCCC;
|
||||
margin-right : 0px;
|
||||
}
|
||||
|
||||
menulist[open="true"] > .menu-text
|
||||
{
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-bottom : 1px solid #CCCCCC;
|
||||
padding : 3px 4px 1px 4px;
|
||||
}
|
||||
|
||||
/* open rules */
|
||||
menulist[open="true"] {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
/* drop marker display frame */
|
||||
menulist > .menu-dropmarker
|
||||
{
|
||||
border-top : 1px outset #CCCCCC;
|
||||
border-right : 1px outset #CCCCCC;
|
||||
border-bottom : 1px outset #CCCCCC;
|
||||
border-left : none;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
menulist[disabled="true"] > .menu-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
menulist[open="true"] > .menu-icon {
|
||||
border-left: 1px inset #CCCCCC;
|
||||
border-top: 1px inset #CCCCCC;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
}
|
||||
menulist[open="true"] > .menu-dropmarker
|
||||
{
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-bottom : 1px solid #CCCCCC;
|
||||
border-left : 1px solid #CCCCCC;
|
||||
padding : 3px 2px 1px 2px;
|
||||
}
|
||||
|
||||
menulist[open="true"] > .menu-text {
|
||||
border-top: 1px inset #CCCCCC;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
}
|
||||
/** rules for EDITABLE menulists (aka 'comboboxes').
|
||||
**/
|
||||
|
||||
menulist[open="true"] > .menu-dropmarker {
|
||||
border-top: 1px inset #CCCCCC;
|
||||
border-right: 1px inset #CCCCCC;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
border-left: 1px solid #CCCCCC;
|
||||
padding: 1px 2px -1px 2px;
|
||||
}
|
||||
/* outer frame */
|
||||
menulist[editable="true"]
|
||||
{
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
/* icon display frame */
|
||||
menulist[editable="true"] > .menu-icon
|
||||
{
|
||||
list-style-image : url("chrome://bookmarks/skin/bookmark-item.gif");
|
||||
background-color : white;
|
||||
padding : 1px;
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-right : none;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
menulist[editable="true"] {
|
||||
padding: 0px;
|
||||
}
|
||||
/* text display frame */
|
||||
menulist[editable="true"] > .menu-text
|
||||
{
|
||||
border-left : none;
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
margin : 0px 2px 0px 0px;
|
||||
}
|
||||
|
||||
menulist[editable="true"] > .menu-text {
|
||||
border-left: none;
|
||||
border-top: 1px inset #CCCCCC;
|
||||
border-right: 1px inset #CCCCCC;
|
||||
border-bottom: 1px inset #CCCCCC;
|
||||
margin: 0px 2px 0px 0px;
|
||||
}
|
||||
/* drop marker display frame */
|
||||
menulist[editable="true"] > .menu-dropmarker
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
}
|
||||
|
||||
menulist[editable="true"] > .menu-dropmarker {
|
||||
border: 1px outset #CCCCCC;
|
||||
}
|
||||
menulist[editable="true"][open="true"] > .menu-dropmarker
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
menulist[editable="true"][open="true"] > .menu-dropmarker {
|
||||
border: 1px inset #CCCCCC;
|
||||
}
|
||||
/* rules for popups and separators associated with menulists */
|
||||
menulist > menupopup
|
||||
{
|
||||
border-left : 1px solid #000000;
|
||||
border-right : 1px solid #000000;
|
||||
border-bottom : 1px solid #000000;
|
||||
border-top : 0px;
|
||||
min-width : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
menulist > menupopup > .internal-box
|
||||
{
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
border-top : 0px;
|
||||
}
|
||||
|
||||
menulist menupopup > menuseparator
|
||||
{
|
||||
border-bottom : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
menulist[editable="true"] > .menu-icon {
|
||||
list-style-image: url("chrome://bookmarks/skin/bookmark-item.gif");
|
||||
background-color: white;
|
||||
padding: 1px;
|
||||
border-left: 1px inset #CCCCCC;
|
||||
border-top: 1px inset #CCCCCC;
|
||||
border-right: none;
|
||||
border-bottom: 1px inset #CCCCCC;
|
||||
}
|
||||
menulist menupopup > menuitem
|
||||
{
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
menulist menupopup > menuseparator {
|
||||
border-bottom: 2px groove #CCCCCC;
|
||||
}
|
||||
menulist menupopup > menuitem > .menu-left
|
||||
{
|
||||
width : 13px;
|
||||
}
|
||||
|
||||
menulist menupopup > menuitem {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
menulist menupopup > menuitem > .menu-left {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
menulist.iconic menupopup > menuitem > .menu-left {
|
||||
width: 13px;
|
||||
}
|
||||
menulist menupopup > menuitem[selected="true"] > .menu-left
|
||||
{
|
||||
list-style-image : url(chrome://global/skin/menu-check.gif);
|
||||
}
|
||||
|
||||
menulist menupopup > menuitem[menuactive="true"][selected="true"] > .menu-left
|
||||
{
|
||||
list-style-image : url(chrome://global/skin/menu-check-hover.gif);
|
||||
}
|
||||
|
|
@ -1,78 +1,79 @@
|
|||
/* stylesheet for XUL <radio> element */
|
||||
|
||||
/* default radio for dialogs */
|
||||
radio {
|
||||
margin: 3px 5px 3px 5px;
|
||||
}
|
||||
/* outer frame */
|
||||
radio
|
||||
{
|
||||
margin: 3px 5px 3px 5px;
|
||||
}
|
||||
|
||||
radio > .internal-box > .checkmark-box {
|
||||
border: 1px solid #CCCCCC;
|
||||
-moz-border-radius: 50%;
|
||||
}
|
||||
radio > .internal-box > .checkmark-box > image {
|
||||
border: 1px outset #CCCCCC;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
-moz-border-radius: 50%;
|
||||
}
|
||||
|
||||
radio[checked="true"] > .internal-box > .checkmark-box > image {
|
||||
list-style-image: url(chrome://global/skin/check-radio.gif);
|
||||
}
|
||||
/* checkmark outer frame */
|
||||
radio > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #000000;
|
||||
-moz-border-radius: 50%;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
radio[value] > .internal-box > html,
|
||||
radio.iconic > .internal-box > .icon {
|
||||
margin-left: 4px;
|
||||
padding: 0px;
|
||||
}
|
||||
radio[disabled="true"] > .internal-box > .checkmark-box,
|
||||
radio[disabled="true"]:hover > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #999999;
|
||||
}
|
||||
|
||||
/* checkmark inner frame */
|
||||
radio > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
-moz-border-radius: 50%;
|
||||
}
|
||||
|
||||
radio.iconic > .internal-box > html {
|
||||
margin-left: 4px;
|
||||
}
|
||||
radio[checked="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-radio.gif);
|
||||
}
|
||||
|
||||
radio[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-radio-disabled.gif);
|
||||
}
|
||||
|
||||
radio:hover > .internal-box > .checkmark-box {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
radio:hover:active > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
radio:hover:active > .internal-box > .checkmark-box > image {
|
||||
border: 1px inset #CCCCCC;
|
||||
}
|
||||
radio[disabled="true"] > .internal-box > .checkmark-box > image,
|
||||
radio[disabled="true"]:active > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
}
|
||||
|
||||
/* radio for trees/lists */
|
||||
radio.tree {
|
||||
margin: 1px 5px 1px 5px;
|
||||
}
|
||||
/* text/icon frames */
|
||||
radio[value] > .internal-box > html,
|
||||
radio.iconic > .internal-box > .icon
|
||||
{
|
||||
margin: 0px 0px 0px 4px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
radio.tree > .internal-box > .checkmark-box {
|
||||
border: 1px solid #000000;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
radio.tree > .internal-box > .checkmark-box > image {
|
||||
border: 1px solid inherit;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
radio.tree[checked="true"] > .checkmark-box > image {
|
||||
list-style-image: url(chrome://global/skin/check-radio.gif);
|
||||
}
|
||||
|
||||
radio.tree:hover:active > .internal-box > .checkmark-box > image {
|
||||
border: 1px solid inherit;
|
||||
}
|
||||
|
||||
/* disabled radioes */
|
||||
radio[disabled="true"] > .internal-box > .checkmark-box > image,
|
||||
radio[disabled="true"]:active > .internal-box > .checkmark-box > image {
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
radio[disabled="true"] > .internal-box > .checkmark-box,
|
||||
radio[disabled="true"]:hover > .internal-box > .checkmark-box {
|
||||
border: 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
radio[disabled="true"][value] > .internal-box > html {
|
||||
color: gray;
|
||||
}
|
||||
radio.iconic > .internal-box > html
|
||||
{
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
radio[disabled="true"][value] > .internal-box > html
|
||||
{
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
radio:focus > .internal-box > html
|
||||
{
|
||||
border : 1px dotted black;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 67 B |
Двоичные данные
xpfe/global/resources/skin/return.gif
Двоичные данные
xpfe/global/resources/skin/return.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 85 B После Ширина: | Высота: | Размер: 67 B |
|
|
@ -0,0 +1,73 @@
|
|||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
|
||||
@namespace html url("http://www.w3.org/TR/REC-html40"); /* namespace for XUL elements */
|
||||
|
||||
/** generic text fields (in dialogs)
|
||||
**/
|
||||
|
||||
/* outer frame */
|
||||
textfield
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
font : inherit;
|
||||
color : #000000;
|
||||
padding : 0px;
|
||||
margin : 1px 3px 2px 4px;
|
||||
background-color : #FFFFFF;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
cursor : text;
|
||||
}
|
||||
|
||||
textfield[readonly="true"]
|
||||
{
|
||||
background-color : #CCCCCC;
|
||||
}
|
||||
|
||||
textfield[focussed="true"]
|
||||
{
|
||||
border : 2px solid #6699cc;
|
||||
margin : 0px 2px 1px 3px;
|
||||
}
|
||||
|
||||
textfield[focussed="true"][readonly="true"]
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
margin : 1px 3px 2px 4px;
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
textfield > box
|
||||
{
|
||||
margin : 0px;
|
||||
padding : 1px 2px 1px 2px;
|
||||
cursor : text;
|
||||
border : 1px solid black;
|
||||
background-color : inherit;
|
||||
color : inherit;
|
||||
}
|
||||
|
||||
textfield[disabled="true"] > box
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
}
|
||||
|
||||
textfield[multiline="true"] > box
|
||||
{
|
||||
padding : 0px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* internal text widget */
|
||||
textfield > box > html|input,
|
||||
textfield > box > html|textarea
|
||||
{
|
||||
border : none !important;
|
||||
margin : 0px;
|
||||
font : inherit;
|
||||
background-color : inherit;
|
||||
}
|
||||
|
||||
textfield[disabled="true"] > box > html|input,
|
||||
textfield[disabled="true"] > box > html|textarea
|
||||
{
|
||||
color : #999999;
|
||||
cursor : default ! important;
|
||||
}
|
||||
|
|
@ -9,11 +9,16 @@
|
|||
@import url(chrome://global/skin/scrollbars.css);
|
||||
|
||||
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */
|
||||
@namespace html url("http://www.w3.org/TR/REC-html40"); /* namespace for HTML elements */
|
||||
|
||||
* {
|
||||
display: block;
|
||||
}
|
||||
|
||||
*[hidden="true"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* All elements that have no visual representation
|
||||
*/
|
||||
|
|
@ -108,10 +113,12 @@ menuitem[hidden="true"] {
|
|||
}
|
||||
|
||||
menupopup {
|
||||
behavior: url("resource:/chrome/xulBindings.xml#popups");
|
||||
display: none;
|
||||
}
|
||||
|
||||
popup {
|
||||
behavior: url("resource:/chrome/xulBindings.xml#popups");
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -254,6 +261,10 @@ button.right {
|
|||
behavior: url(resource:/chrome/xulBindings.xml#buttonright);
|
||||
}
|
||||
|
||||
label {
|
||||
behavior: url(resource:/chrome/xulBindings.xml#label);
|
||||
}
|
||||
|
||||
separator {
|
||||
behavior: url(resource:/chrome/xulBindings.xml#separator);
|
||||
}
|
||||
|
|
@ -269,4 +280,17 @@ textfield {
|
|||
|
||||
textfield[multiline="true"] {
|
||||
behavior: url(resource:/chrome/xulBindings.xml#textarea);
|
||||
}
|
||||
}
|
||||
|
||||
text {
|
||||
behavior: url(resource:/chrome/xulBindings.xml#text);
|
||||
}
|
||||
|
||||
text[editable="true"], text[editable="true"][mode="display"] {
|
||||
behavior: url(resource:/chrome/xulBindings.xml#text-editable-display);
|
||||
}
|
||||
|
||||
text[editable="true"][mode="edit"] {
|
||||
behavior: url(resource:/chrome/xulBindings.xml#text-editable-edit);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@
|
|||
|
||||
<binding name="menubutton">
|
||||
<content excludes="template,observes,menupopup">
|
||||
<xul:labelledimage class="menu-button" allowevents="true" inherits="buttonaction:oncommand,src,value,crop,accesskey"/>
|
||||
<xul:button class="menu-button" allowevents="true" inherits="buttonaction:oncommand,src,value,crop,accesskey"/>
|
||||
<xul:image class="menu-dropmarker"/>
|
||||
</content>
|
||||
</binding>
|
||||
|
|
@ -124,7 +124,7 @@
|
|||
<xul:box class="checkmark-box" autostretch="never">
|
||||
<xul:image inherits="src"/>
|
||||
</xul:box>
|
||||
<xul:html flex="1" inherits="value"/>
|
||||
<xul:html inherits="value" flex="1"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
<handlers>
|
||||
|
|
@ -140,7 +140,7 @@
|
|||
<xul:image/>
|
||||
</xul:box>
|
||||
<xul:image inherits="src" class="icon" />
|
||||
<xul:html flex="1" inherits="value"/>
|
||||
<xul:html inherits="value" flex="1"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
<handlers>
|
||||
|
|
@ -155,7 +155,7 @@
|
|||
<xul:box class="checkmark-box" autostretch="never">
|
||||
<xul:image inherits="src"/>
|
||||
</xul:box>
|
||||
<xul:html flex="1" inherits="value"/>
|
||||
<xul:html inherits="value" flex="1"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
|
@ -167,7 +167,7 @@
|
|||
<xul:image/>
|
||||
</xul:box>
|
||||
<xul:image inherits="src" class="icon"/>
|
||||
<xul:html flex="1" inherits="value"/>
|
||||
<xul:html inherits="value" flex="1"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
|
@ -179,6 +179,7 @@
|
|||
</handlers>
|
||||
</binding>
|
||||
|
||||
<!-- XUL <button>s -->
|
||||
<binding name="buttonleft">
|
||||
<content excludes="observes,template">
|
||||
<xul:box class="internal-box" inherits="orient" autostretch="never" flex="1">
|
||||
|
|
@ -200,7 +201,7 @@
|
|||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
|
||||
<binding name="separator" extends="xul:spring"/>
|
||||
|
||||
<!-- appending to the end so we don't make hyatt cry -->
|
||||
|
|
@ -224,26 +225,53 @@
|
|||
|
||||
<binding name="textfield" extends="xul:box">
|
||||
<content excludes="observes,template">
|
||||
<xul:html flex="1">
|
||||
<html:input inherits="value,type,maxlength,disabled,size,readonly"/>
|
||||
</xul:html>
|
||||
<xul:box flex="1">
|
||||
<html:input flex="1" inherits="value,type,maxlength,disabled,size,readonly"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
<handlers>
|
||||
<handler type="focus" value="dump('****focus!!!'); var v = this.anonymousContent[0]; v.firstChild.focus();"/>
|
||||
<handler type="blur" value="var v = this.anonymousContent[0]; v.firstChild.blur();"/>
|
||||
</handlers>
|
||||
|
||||
<handler type="focus" value="var v = this.anonymousContent[0]; this.setAttribute('focussed','true'); v.firstChild.focus();"/>
|
||||
<handler type="blur" value="var v = this.anonymousContent[0]; this.removeAttribute('focussed'); v.firstChild.blur();"/>
|
||||
</handlers>
|
||||
</binding>
|
||||
|
||||
<binding name="textarea" extends="xul:box">
|
||||
<content excludes="observes,template">
|
||||
<xul:html flex="1">
|
||||
<html:textarea inherits="value,disabled,rows,cols,readonly"/>
|
||||
</xul:html>
|
||||
<xul:box flex="1">
|
||||
<html:textarea flex="1" inherits="value,disabled,rows,cols,readonly"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
<handlers>
|
||||
<handler type="focus" value="dump('****focus!!!'); var v = this.anonymousContent[0]; v.firstChild.focus();"/>
|
||||
<handler type="blur" value="var v = this.anonymousContent[0]; v.firstChild.blur();"/>
|
||||
<handler type="focus" value="var v = this.anonymousContent[0]; this.setAttribute('focussed','true'); v.firstChild.focus();"/>
|
||||
<handler type="blur" value="var v = this.anonymousContent[0]; this.removeAttribute('focussed'); v.firstChild.blur();"/>
|
||||
</handlers>
|
||||
</binding>
|
||||
|
||||
<binding name="text">
|
||||
<handlers>
|
||||
<handler type="click" value="var forElementID = this.getAttribute('for'); if(forElementID) var forElement = document.getElementById(forElementID); if(forElement) forElement.focus();"/>
|
||||
</handlers>
|
||||
</binding>
|
||||
|
||||
<binding name="text-editable-display" extends="resource:/chrome/xulBindings.xml#text"/>
|
||||
|
||||
<binding name="text-editable-edit" extends="xul:box">
|
||||
<content>
|
||||
<xul:box flex="1">
|
||||
<html:input type="text" inherits="value,type,maxlength,disabled,size,readonly"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
<handlers>
|
||||
<handler type="blur" value="dump('foo 2\n');this.setAttribute('mode','display');"/>
|
||||
</handlers>
|
||||
</binding>
|
||||
|
||||
<binding name="popups">
|
||||
<content>
|
||||
<xul:box class="internal-box" orient="vertical">
|
||||
<children/>
|
||||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
</bindings>
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче