зеркало из https://github.com/mozilla/pjs.git
#46423 -> new modern skin. All new widgets. r=hewitt.
This commit is contained in:
nbhatla%netscape.com
Родитель
b3232880aa
Коммит
063bbb0058
|
|
@ -10,6 +10,7 @@
|
|||
background-color : transparent;
|
||||
text-align : center;
|
||||
-moz-user-focus : ignore;
|
||||
min-width : 0px;
|
||||
}
|
||||
|
||||
#navigator-throbber[busy="true"]
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
**/
|
||||
.button-toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/xulBindings.xml#buttonleft");
|
||||
border : 0px solid transparent;
|
||||
margin : 0px 0px 0px 0px;
|
||||
-moz-border-radius : 0px;
|
||||
|
|
@ -11,6 +12,7 @@
|
|||
padding : 0px;
|
||||
font : 11px arial;
|
||||
max-width : 10em;
|
||||
min-width : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar:hover
|
||||
|
|
@ -22,6 +24,7 @@
|
|||
.button-toolbar[home-dragover="true"]
|
||||
{
|
||||
border : 0px solid #336699;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
|
||||
.button-toolbar > .button-internal-box,
|
||||
|
|
@ -65,6 +68,7 @@
|
|||
.button-toolbar[disabled="true"]:hover:active
|
||||
{
|
||||
border : 0px solid transparent;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
|
||||
/** The largest type of toolbar buttons. In the Seamonkey implementation,
|
||||
|
|
@ -74,12 +78,15 @@
|
|||
/* outer frame */
|
||||
.button-toolbar-1
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/xulBindings.xml#buttontop");
|
||||
color : #D0E7E7;
|
||||
margin : 3px 2px 9px 2px;
|
||||
font-size : smaller;
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
-moz-border-radius : 0px;
|
||||
min-width : 0px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.button-toolbar-1:hover
|
||||
|
|
@ -92,6 +99,7 @@
|
|||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
|
||||
.button-toolbar-1[disabled="true"],
|
||||
|
|
@ -100,6 +108,8 @@
|
|||
{
|
||||
margin : 3px 2px 9px 2px;
|
||||
border : none;
|
||||
color : #D0E7E7;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
|
|
@ -137,6 +147,8 @@
|
|||
font-size : smaller;
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
min-width : 0px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.button-toolbar-2:hover
|
||||
|
|
@ -149,6 +161,7 @@
|
|||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
|
||||
.button-toolbar-2[disabled="true"],
|
||||
|
|
@ -157,6 +170,7 @@
|
|||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
|
|
@ -167,6 +181,7 @@
|
|||
border : 0px;
|
||||
padding : 0px;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.button-toolbar-2 > .button-internal-box,
|
||||
|
|
@ -208,7 +223,6 @@
|
|||
background-color : transparent;
|
||||
border : 0px;
|
||||
margin : 3px 7px 2px 0px;
|
||||
color : #2F405D;
|
||||
}
|
||||
|
||||
button.button-toolbar-3[disabled="true"], .button-toolbar-3[disabled="true"]:hover, .button-toolbar-3[disabled="true"]:hover:active
|
||||
|
|
@ -216,66 +230,6 @@
|
|||
border : 0px;
|
||||
}
|
||||
|
||||
.three-slice-button-image-left {
|
||||
background : url(chrome://global/skin/button-3slice-normal-left.gif) no-repeat;
|
||||
width : 5px;
|
||||
height : 20px;
|
||||
}
|
||||
|
||||
.three-slice-button-image-middle {
|
||||
background : url(chrome://global/skin/button-3slice-normal-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
.three-slice-button-text-box {
|
||||
text-align : center;
|
||||
vertical-align : middle;
|
||||
padding : 0px 3px;
|
||||
font-size : 10px;
|
||||
}
|
||||
|
||||
.three-slice-button-image-right {
|
||||
background : url(chrome://global/skin/button-3slice-normal-right.gif) no-repeat;
|
||||
width : 4px;
|
||||
height : 20px;
|
||||
}
|
||||
|
||||
.three-slice-button-top-spring {
|
||||
height : 2px;
|
||||
}
|
||||
|
||||
.three-slice-button-bottom-spring {
|
||||
height : 3px;
|
||||
}
|
||||
|
||||
button.button-toolbar-3:hover:active {
|
||||
color : #B2CAC9;
|
||||
}
|
||||
|
||||
button.button-toolbar-3:hover:active > .three-slice-button-image-left {
|
||||
background : url(chrome://global/skin/button-3slice-active-left.gif) no-repeat;
|
||||
}
|
||||
|
||||
button.button-toolbar-3:hover:active > .three-slice-button-image-middle {
|
||||
background : url(chrome://global/skin/button-3slice-active-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
button.button-toolbar-3:hover:active > .three-slice-button-image-right {
|
||||
background : url(chrome://global/skin/button-3slice-active-right.gif) no-repeat;
|
||||
}
|
||||
|
||||
button.button-toolbar-3[disabled="true"]:hover:active > .three-slice-button-image-left {
|
||||
list-style-image : none;
|
||||
}
|
||||
|
||||
button.button-toolbar-3[disabled="true"]:hover:active > .three-slice-button-image-middle {
|
||||
list-style-image : none;
|
||||
}
|
||||
|
||||
button.button-toolbar-3[disabled="true"]:hover:active > .three-slice-button-image-right {
|
||||
list-style-image : none;
|
||||
}
|
||||
|
||||
|
||||
/** Expanding Region Button **/
|
||||
|
||||
/* outer frame */
|
||||
|
|
@ -319,12 +273,14 @@
|
|||
**/
|
||||
.button-toolbar-4
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/xulBindings.xml#buttonleft");
|
||||
color : #D0E7E7;
|
||||
background : inherit;
|
||||
font : inherit;
|
||||
border : none;
|
||||
padding : 1px;
|
||||
margin : 0px;
|
||||
min-width : 0px;
|
||||
border : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-4:hover
|
||||
|
|
@ -340,8 +296,9 @@
|
|||
|
||||
menubutton.button-toolbar-4
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right");
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right") !important;
|
||||
margin : 0px 6px;
|
||||
min-width : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon
|
||||
|
|
|
|||
|
|
@ -33,21 +33,21 @@
|
|||
|
||||
|
||||
.up {
|
||||
list-style-image:url("chrome://global/skin/scroll-up.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-up.gif");
|
||||
min-width: 0px;
|
||||
}
|
||||
|
||||
.up[disabled="true"] {
|
||||
list-style-image:url("chrome://global/skin/scroll-up-disabled.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-up-disabled.gif");
|
||||
}
|
||||
|
||||
.down {
|
||||
min-width: 0px;
|
||||
list-style-image:url("chrome://global/skin/scroll-down.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-down.gif");
|
||||
}
|
||||
|
||||
.down[disabled="true"] {
|
||||
list-style-image:url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-down-disabled.gif");
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6,11 +6,12 @@
|
|||
-moz-binding : url(chrome://communicator/content/dialogBindings.xml#smallheader);
|
||||
border : 1px inset #CCCCCC;
|
||||
margin : 0px 5px 6px 5px;
|
||||
max-height : 30px;
|
||||
}
|
||||
|
||||
.toolbar-primary
|
||||
{
|
||||
padding : 0px 0px 3px 0px;
|
||||
padding : 0px 0px 0px 0px;
|
||||
min-height : 0px;
|
||||
}
|
||||
|
||||
|
|
@ -18,23 +19,27 @@
|
|||
{
|
||||
font-size : larger;
|
||||
font-weight : bold;
|
||||
color : #FFFFFF;
|
||||
padding-left : 6px;
|
||||
color : #000000;
|
||||
padding-left : 0px;
|
||||
}
|
||||
|
||||
.box-smallheader-right
|
||||
{
|
||||
color : #FFFFFF;
|
||||
padding-right : 6px;
|
||||
color : #000000;
|
||||
padding-right : 0px;
|
||||
}
|
||||
|
||||
.box-smallheader > .toolbar-primary
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
vertical-align : middle;
|
||||
padding-top : 3px;
|
||||
padding-top : 0px;
|
||||
}
|
||||
|
||||
toolbargrippy {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Large Dialog Header (with icon)
|
||||
**/
|
||||
|
|
|
|||
|
|
@ -35,6 +35,11 @@
|
|||
/** menubuttons on generic grey toolbars
|
||||
* class="button-toolbar"
|
||||
**/
|
||||
menubutton.button-toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-left");
|
||||
}
|
||||
|
||||
.button-toolbar > .menubutton-internal-box
|
||||
{
|
||||
border : none;
|
||||
|
|
@ -67,7 +72,7 @@
|
|||
.menubutton-dual.toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-dual-foo");
|
||||
border : 0px solid red;
|
||||
border : 0px;
|
||||
margin : 3px 2px 9px 2px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,32 +22,32 @@
|
|||
|
||||
.up
|
||||
{
|
||||
list-style-image:url("chrome://global/skin/scroll-up.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-up.gif");
|
||||
min-width: 0px;
|
||||
}
|
||||
|
||||
.up[disabled="true"]
|
||||
{
|
||||
list-style-image:url("chrome://global/skin/scroll-up-disabled.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-up-disabled.gif");
|
||||
}
|
||||
|
||||
.down
|
||||
{
|
||||
min-width: 0px;
|
||||
list-style-image:url("chrome://global/skin/scroll-down.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-down.gif");
|
||||
}
|
||||
|
||||
.down[disabled="true"]
|
||||
{
|
||||
list-style-image:url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-down-disabled.gif");
|
||||
}
|
||||
|
||||
#add-button
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-right.gif");
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-right.gif");
|
||||
}
|
||||
|
||||
#remove-button
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-left.gif");
|
||||
}
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-left.gif");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,21 +29,21 @@
|
|||
/* These rules apply appropriate images to the 'reorder' buttons */
|
||||
/* Try using text instead
|
||||
.up {
|
||||
list-style-image:url("chrome://global/skin/scroll-up.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-up.gif");
|
||||
min-width: 0px;
|
||||
}
|
||||
|
||||
.up[disabled="true"] {
|
||||
list-style-image:url("chrome://global/skin/scroll-up-disabled.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-up-disabled.gif");
|
||||
}
|
||||
|
||||
.down {
|
||||
min-width: 0px;
|
||||
list-style-image:url("chrome://global/skin/scroll-down.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-down.gif");
|
||||
}
|
||||
|
||||
.down[disabled="true"] {
|
||||
list-style-image:url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
list-style-image:url("chrome://global/skin/simple-arrow-down-disabled.gif");
|
||||
}
|
||||
*/
|
||||
box#reorder {
|
||||
|
|
|
|||
|
|
@ -125,7 +125,7 @@ titledbox {
|
|||
}
|
||||
|
||||
.popup-trigger {
|
||||
list-style-image: url(chrome://global/skin/scroll-down.gif);
|
||||
list-style-image: url(chrome://global/skin/simple-arrow-down.gif);
|
||||
}
|
||||
|
||||
/* temporary -- we need a simple box-based list defined in XBL */
|
||||
|
|
@ -152,14 +152,14 @@ tree.list {
|
|||
}
|
||||
|
||||
#MoreFewerButton[more="0"] {
|
||||
list-style-image: url(chrome://global/skin/scroll-down.gif);
|
||||
list-style-image: url(chrome://global/skin/simple-arrow-down.gif);
|
||||
/* bug 9459 - changing button text doesn't resize width.
|
||||
This covers that problem, but we want this size anyway */
|
||||
min-width: 12em;
|
||||
}
|
||||
|
||||
#MoreFewerButton[more="1"] {
|
||||
list-style-image: url(chrome://global/skin/scroll-up.gif);
|
||||
list-style-image: url(chrome://global/skin/simple-arrow-up.gif);
|
||||
min-width: 12em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -163,3 +163,79 @@ toolbar-menu-arrow.gif
|
|||
toolbar.css
|
||||
tree.css
|
||||
wizardOverlay.css
|
||||
button-clicked-left.gif
|
||||
button-clicked-middle.gif
|
||||
button-def-clicked-middle.gif
|
||||
button-def-disabled-left.gif
|
||||
button-def-disabled-mid.gif
|
||||
button-def-disabled-right.gif
|
||||
button-disabled-left.gif
|
||||
button-disabled-middle.gif
|
||||
button-disabled-right.gif
|
||||
button-left.gif
|
||||
button-middle.gif
|
||||
button-right.gif
|
||||
check-cb-check-disabled.gif
|
||||
check-cb-check-pressed.gif
|
||||
check-cb-check.gif
|
||||
check-cb-disabled.gif
|
||||
check-cb-pressed.gif
|
||||
check-cb.gif
|
||||
check-radio-check-disabled.gif
|
||||
check-radio-check-pressed.gif
|
||||
check-radio-check.gif
|
||||
check-radio-focused.gif
|
||||
check-radio-pressed.gif
|
||||
menulist-clicked-leftcap.gif
|
||||
menulist-clicked-middle.gif
|
||||
menulist-clicked-rightcap.gif
|
||||
menulist-disabled-leftcap.gif
|
||||
menulist-disabled-middle.gif
|
||||
menulist-disabled-rightcap.gif
|
||||
menulist-leftcap.gif
|
||||
menulist-middle.gif
|
||||
menulist-rightcap.gif
|
||||
scroll-thumb-horz-cl-expand.gif
|
||||
scroll-thumb-horz-cl-grippy.gif
|
||||
scroll-thumb-horz-cl-left.gif
|
||||
scroll-thumb-horz-cl-right.gif
|
||||
scroll-thumb-horz-expand.gif
|
||||
scroll-thumb-horz-grippy.gif
|
||||
scroll-thumb-horz-left.gif
|
||||
scroll-thumb-horz-right.gif
|
||||
scroll-thumb-vert-bottom.gif
|
||||
scroll-thumb-vert-cl-bottom.gif
|
||||
scroll-thumb-vert-cl-expand.gif
|
||||
scroll-thumb-vert-cl-grippy.gif
|
||||
scroll-thumb-vert-cl-top.gif
|
||||
scroll-thumb-vert-expand.gif
|
||||
scroll-thumb-vert-grippy.gif
|
||||
scroll-track-horz-middle.gif
|
||||
scroll-track-vert-middle.gif
|
||||
scroll-up-clicked.gif
|
||||
simple-arrow-down-disabled.gif
|
||||
simple-arrow-down.gif
|
||||
simple-arrow-left-disabled.gif
|
||||
simple-arrow-left.gif
|
||||
simple-arrow-right-disabled.gif
|
||||
simple-arrow-right.gif
|
||||
simple-arrow-up-disabled.gif
|
||||
simple-arrow-up.gif
|
||||
textfield-left-bottom.gif
|
||||
textfield-left-middle.gif
|
||||
textfield-left-top.gif
|
||||
textfield-middle-bottom.gif
|
||||
textfield-middle-top.gif
|
||||
textfield-right-bottom.gif
|
||||
textfield-right-middle.gif
|
||||
textfield-right-top.gif
|
||||
button-def-left.gif
|
||||
button-def-middle.gif
|
||||
button-def-right.gif
|
||||
button-clicked-right.gif
|
||||
button-def-clicked-left.gif
|
||||
button-def-clicked-right.gif
|
||||
scroll-down-clicked.gif
|
||||
scroll-left-clicked.gif
|
||||
scroll-right-clicked.gif
|
||||
scroll-thumb-vert-top.gif
|
||||
|
|
|
|||
|
|
@ -92,6 +92,29 @@ EXPORT_RESOURCE_SAMPLES_1 = \
|
|||
moreCols.gif \
|
||||
moreCols_dis.gif \
|
||||
moreCols_mo.gif \
|
||||
button-clicked-left.gif \
|
||||
button-clicked-middle.gif \
|
||||
button-def-clicked-middle.gif \
|
||||
button-def-disabled-left.gif \
|
||||
button-def-disabled-mid.gif \
|
||||
button-def-disabled-right.gif \
|
||||
button-disabled-left.gif \
|
||||
button-disabled-middle.gif \
|
||||
button-disabled-right.gif \
|
||||
button-left.gif \
|
||||
button-middle.gif \
|
||||
button-right.gif \
|
||||
check-cb-check-disabled.gif \
|
||||
check-cb-check-pressed.gif \
|
||||
check-cb-check.gif \
|
||||
check-cb-disabled.gif \
|
||||
check-cb-pressed.gif \
|
||||
check-cb.gif \
|
||||
check-radio-check-disabled.gif \
|
||||
check-radio-check-pressed.gif \
|
||||
check-radio-check.gif \
|
||||
check-radio-focused.gif \
|
||||
check-radio-pressed.gif \
|
||||
$(NULL)
|
||||
|
||||
EXPORT_RESOURCE_SAMPLES_2 = \
|
||||
|
|
@ -165,6 +188,24 @@ EXPORT_RESOURCE_SAMPLES_2 = \
|
|||
taskbar-tab-minimized.gif \
|
||||
taskbar-tab-trans.gif \
|
||||
taskbar-tab.gif \
|
||||
textfield-left-bottom.gif \
|
||||
textfield-left-middle.gif \
|
||||
textfield-left-top.gif \
|
||||
textfield-middle-bottom.gif \
|
||||
textfield-middle-top.gif \
|
||||
textfield-right-bottom.gif \
|
||||
textfield-right-middle.gif \
|
||||
textfield-right-top.gif \
|
||||
button-def-left.gif \
|
||||
button-def-middle.gif \
|
||||
button-def-right.gif \
|
||||
button-clicked-right.gif \
|
||||
button-def-clicked-left.gif \
|
||||
button-def-clicked-right.gif \
|
||||
scroll-down-clicked.gif \
|
||||
scroll-left-clicked.gif \
|
||||
scroll-right-clicked.gif \
|
||||
scroll-thumb-vert-top.gif \
|
||||
$(NULL)
|
||||
|
||||
EXPORT_RESOURCE_SAMPLES_3 = \
|
||||
|
|
@ -203,6 +244,41 @@ EXPORT_RESOURCE_SAMPLES_3 = \
|
|||
toolbar.css \
|
||||
tree.css \
|
||||
wizardOverlay.css \
|
||||
menulist-clicked-leftcap.gif \
|
||||
menulist-clicked-middle.gif \
|
||||
menulist-clicked-rightcap.gif \
|
||||
menulist-disabled-leftcap.gif \
|
||||
menulist-disabled-middle.gif \
|
||||
menulist-disabled-rightcap.gif \
|
||||
menulist-leftcap.gif \
|
||||
menulist-middle.gif \
|
||||
menulist-rightcap.gif \
|
||||
scroll-thumb-horz-cl-expand.gif \
|
||||
scroll-thumb-horz-cl-grippy.gif \
|
||||
scroll-thumb-horz-cl-left.gif \
|
||||
scroll-thumb-horz-cl-right.gif \
|
||||
scroll-thumb-horz-expand.gif \
|
||||
scroll-thumb-horz-grippy.gif \
|
||||
scroll-thumb-horz-left.gif \
|
||||
scroll-thumb-horz-right.gif \
|
||||
scroll-thumb-vert-bottom.gif \
|
||||
scroll-thumb-vert-cl-bottom.gif \
|
||||
scroll-thumb-vert-cl-expand.gif \
|
||||
scroll-thumb-vert-cl-grippy.gif \
|
||||
scroll-thumb-vert-cl-top.gif \
|
||||
scroll-thumb-vert-expand.gif \
|
||||
scroll-thumb-vert-grippy.gif \
|
||||
scroll-track-horz-middle.gif \
|
||||
scroll-track-vert-middle.gif \
|
||||
scroll-up-clicked.gif \
|
||||
simple-arrow-down-disabled.gif \
|
||||
simple-arrow-down.gif \
|
||||
simple-arrow-left-disabled.gif \
|
||||
simple-arrow-left.gif \
|
||||
simple-arrow-right-disabled.gif \
|
||||
simple-arrow-right.gif \
|
||||
simple-arrow-up-disabled.gif \
|
||||
simple-arrow-up.gif \
|
||||
$(NULL)
|
||||
|
||||
include $(topsrcdir)/config/rules.mk
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
titledbox
|
||||
{
|
||||
border : 2px groove #CCCCCC;
|
||||
border : 2px groove #4D6584;
|
||||
padding : 7px;
|
||||
margin : 5px;
|
||||
}
|
||||
|
|
@ -10,7 +10,7 @@ title
|
|||
{
|
||||
margin : 0px 6px 2px 6px;
|
||||
padding : 0px 3px 0px 3px;
|
||||
background-color : #CCCCCC;
|
||||
background-color : transparent;
|
||||
}
|
||||
|
||||
.titledbox-body
|
||||
|
|
@ -49,4 +49,4 @@ title
|
|||
{
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,35 @@
|
|||
/* NEW WIDGET ANDING: <button> */
|
||||
|
||||
/** plain (raw) buttons, class="plain" **/
|
||||
button.plain, button.plain:hover, button.plain:hover:active,
|
||||
button.plain:hover:active > .button-internal-box,
|
||||
button.plain > .button-internal-box,
|
||||
button.plain > .button-internal-box:hover:active,
|
||||
button.plain > .button-internal-box > .button-text-container,
|
||||
button.plain > .button-internal-box > .button-text-container:hover:active,
|
||||
button.plain > .button-internal-box > .button-text-container > .button-text,
|
||||
button.plain > .button-internal-box > .button-text-container > .button.text:hover:active,
|
||||
button.plain > .button-internal-box > .button-icon,
|
||||
button.plain > .button-internal-box > .button.icon:hover:active
|
||||
{
|
||||
border : 0px !important;
|
||||
margin : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
/*** class = "plain-extended" ***/
|
||||
/********************************/
|
||||
/* This is a dummy class that is specified in the several XUL files for the sake of the
|
||||
* Macintosh Classic Skin. This class has essentially the same behavior and styles as
|
||||
* the above <button> and accompanying styles, but is useful in the Mac Classic skin. This is because <button>
|
||||
* styles have been completely rewritten to produce Macintosh buttons with bevels, rounded corners,
|
||||
* etc. Plain-extended thereby functions to produce square buttons with all the same hover and active
|
||||
* effects that modern <button>'s do.
|
||||
********************************/
|
||||
|
||||
button.plain-extended {}
|
||||
|
||||
|
||||
/** Default Button Styles (apply to usage of <button> without
|
||||
* any applied class).
|
||||
**/
|
||||
|
|
@ -7,44 +37,143 @@
|
|||
/* outer frame */
|
||||
button
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
margin : 1px 5px 2px 5px;
|
||||
background-color : transparent;
|
||||
}
|
||||
|
||||
button[disabled="true"],
|
||||
button[disabled="true"]:hover,
|
||||
button[disabled="true"]:hover:active
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #48617F;
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
button > .button-internal-box
|
||||
{
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
button:hover:active > .button-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 3px 1px 1px 3px;
|
||||
}
|
||||
|
||||
button[disabled="true"] > .button-internal-box,
|
||||
button[disabled="true"]:hover > .button-internal-box,
|
||||
button[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
-moz-border-radius : 0px;
|
||||
padding : 2px;
|
||||
-moz-binding : url("chrome://global/skin/globalBindings.xml#three-slice-button");
|
||||
background-color : transparent;
|
||||
border : 0px;
|
||||
margin : 4px 5px 5px 5px;
|
||||
color : #1C1D1F;
|
||||
min-width : 60px;
|
||||
}
|
||||
|
||||
button[disabled="true"], button[disabled="true"]:hover, button[disabled="true"]:hover:active
|
||||
{
|
||||
border : 0px;
|
||||
color : #595F61;
|
||||
}
|
||||
|
||||
.button-image-left {
|
||||
background : url(chrome://global/skin/button-left.gif) no-repeat;
|
||||
width : 9px;
|
||||
height : 19px;
|
||||
}
|
||||
|
||||
.button-image-middle {
|
||||
background : url(chrome://global/skin/button-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
.button-text-box {
|
||||
text-align : center;
|
||||
vertical-align : middle;
|
||||
padding : 0px;
|
||||
font-size : 11px;
|
||||
font-family : charcoal, arial;
|
||||
font-weight : normal;
|
||||
margin-right : 2px;
|
||||
}
|
||||
|
||||
.button-image-right {
|
||||
background : url(chrome://global/skin/button-right.gif) no-repeat;
|
||||
width : 7px;
|
||||
height : 19px;
|
||||
}
|
||||
|
||||
.button-top-spring {
|
||||
height : 2px;
|
||||
}
|
||||
|
||||
.button-bottom-spring {
|
||||
height : 2px;
|
||||
}
|
||||
|
||||
button:hover:active {
|
||||
color : #1C1D1F;
|
||||
}
|
||||
|
||||
button:hover:active > .button-image-left {
|
||||
background : url(chrome://global/skin/button-clicked-left.gif) no-repeat;
|
||||
}
|
||||
|
||||
button:hover:active > .button-image-middle {
|
||||
background : url(chrome://global/skin/button-clicked-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
button:hover:active > .button-image-right {
|
||||
background : url(chrome://global/skin/button-clicked-right.gif) no-repeat;
|
||||
}
|
||||
|
||||
button[disabled="true"] > .button-image-left,
|
||||
button[disabled="true"]:hover:active > .button-image-left {
|
||||
background : url(chrome://global/skin/button-disabled-left.gif) no-repeat;
|
||||
}
|
||||
|
||||
button[disabled="true"] > .button-image-middle,
|
||||
button[disabled="true"]:hover:active > .button-image-middle {
|
||||
background : url(chrome://global/skin/button-disabled-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
button[disabled="true"] > .button-image-right,
|
||||
button[disabled="true"]:hover:active > .button-image-right {
|
||||
background : url(chrome://global/skin/button-disabled-right.gif) no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* Default Button States */
|
||||
|
||||
button[default="true"] {
|
||||
margin: 2px 5px 3px 5px;
|
||||
}
|
||||
|
||||
.button-text-box[default="true"] {
|
||||
//font-weight: bold; TURN ON LATER, AFTER FIXING FONT ISSUE
|
||||
}
|
||||
|
||||
button[default="true"] > .button-image-middle > .button-top-spring {
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
.button-image-left[default="true"] {
|
||||
background : url(chrome://global/skin/button-def-left.gif) no-repeat;
|
||||
width: 11px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
.button-image-middle[default="true"] {
|
||||
background : url(chrome://global/skin/button-def-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
.button-image-right[default="true"] {
|
||||
background : url(chrome://global/skin/button-def-right.gif) no-repeat;
|
||||
width: 9px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
button:hover:active > .button-image-left[default="true"] {
|
||||
background : url(chrome://global/skin/button-def-clicked-left.gif) no-repeat;
|
||||
}
|
||||
|
||||
button:hover:active > .button-image-middle[default="true"] {
|
||||
background : url(chrome://global/skin/button-def-clicked-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
button:hover:active > .button-image-right[default="true"] {
|
||||
background : url(chrome://global/skin/button-def-clicked-right.gif) no-repeat;
|
||||
}
|
||||
|
||||
.button-image-left[default="true"][disabled="true"],
|
||||
button[default="true"][disabled="true"]:hover:active > .button-image-left {
|
||||
background : url(chrome://global/skin/button-def-disabled-left.gif) no-repeat;
|
||||
}
|
||||
|
||||
.button-image-middle[default="true"][disabled="true"],
|
||||
button[default="true"][disabled="true"]:hover:active > .button-image-middle {
|
||||
background : url(chrome://global/skin/button-def-disabled-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
.button-image-right[default="true"][disabled="true"],
|
||||
button[default="true"][disabled="true"]:hover:active > .button-image-right {
|
||||
background : url(chrome://global/skin/button-def-disabled-right.gif) no-repeat;
|
||||
}
|
||||
|
||||
/* text wrapping frame (hack because <text> does not support alignment) */
|
||||
.button-text-container
|
||||
{
|
||||
|
|
@ -63,27 +192,6 @@
|
|||
padding : 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
/** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs.
|
||||
* To activate, set 'default' attribute on button.
|
||||
**/
|
||||
|
||||
/* outer frame */
|
||||
button[default]
|
||||
{
|
||||
/* XXX this is a HACK until 'orient' is supported in CSS! XXX */
|
||||
/* strictly speaking not necessary because default for buttonright is
|
||||
* to lay image out horizontally, but leaving here as a reminder to
|
||||
* implement this feature */
|
||||
-moz-binding : url(chrome://global/content/xulBindings.xml#buttonright);
|
||||
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
|
||||
* strike area and make buttons with small amounts of text (e.g. 'OK')
|
||||
|
|
@ -131,36 +239,6 @@
|
|||
border : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
/** plain (raw) buttons, class="plain" **/
|
||||
button.plain, button.plain:hover, button.plain:hover:active,
|
||||
button.plain:hover:active > .button-internal-box,
|
||||
button.plain > .button-internal-box,
|
||||
button.plain > .button-internal-box:hover:active,
|
||||
button.plain > .button-internal-box > .button-text-container,
|
||||
button.plain > .button-internal-box > .button-text-container:hover:active,
|
||||
button.plain > .button-internal-box > .button-text-container > .button-text,
|
||||
button.plain > .button-internal-box > .button-text-container > .button.text:hover:active,
|
||||
button.plain > .button-internal-box > .button-icon,
|
||||
button.plain > .button-internal-box > .button.icon:hover:active
|
||||
{
|
||||
border : 0px ! important;
|
||||
margin : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
/*** class = "plain-extended" ***/
|
||||
/********************************/
|
||||
/* This is a dummy class that is specified in the several XUL files for the sake of the
|
||||
* Macintosh Classic Skin. This class has essentially the same behavior and styles as
|
||||
* the above <button> and accompanying styles, but is useful in the Mac Classic skin. This is because <button>
|
||||
* styles have been completely rewritten to produce Macintosh buttons with bevels, rounded corners,
|
||||
* etc. Plain-extended thereby functions to produce square buttons with all the same hover and active
|
||||
* effects that modern <button>'s do.
|
||||
********************************/
|
||||
|
||||
button.plain-extended {}
|
||||
|
||||
|
||||
/**
|
||||
* utility class for buttons with associated popup
|
||||
**/
|
||||
|
|
@ -178,13 +256,13 @@ button.plain-extended {}
|
|||
.reorder-up
|
||||
{
|
||||
min-width : 0px;
|
||||
list-style-image : url("chrome://global/skin/scroll-up.gif");
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-up.gif");
|
||||
}
|
||||
|
||||
.reorder-down
|
||||
{
|
||||
min-width : 0px;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-down.gif");
|
||||
}
|
||||
|
||||
.reorder-up > .button-internal-box > .button-icon,
|
||||
|
|
|
|||
Двоичные данные
themes/modern/global/check-radio-disabled.gif
Двоичные данные
themes/modern/global/check-radio-disabled.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 55 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/modern/global/check-radio.gif
Двоичные данные
themes/modern/global/check-radio.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 49 B После Ширина: | Высота: | Размер: 0 B |
|
|
@ -6,6 +6,9 @@
|
|||
checkbox
|
||||
{
|
||||
margin: 3px 5px 3px 5px;
|
||||
border: 1px solid transparent;
|
||||
padding-left: 1px;
|
||||
padding-right: 1px;
|
||||
}
|
||||
|
||||
checkbox > .internal-box
|
||||
|
|
@ -16,48 +19,45 @@
|
|||
/* 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;
|
||||
margin-right: 4px;
|
||||
margin: 3px 3px 3px 3px;
|
||||
}
|
||||
|
||||
checkbox[disabled="true"] > .internal-box > .checkmark-box,
|
||||
checkbox[disabled="true"]:hover > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #999999;
|
||||
//border: 1px solid #999999;
|
||||
}
|
||||
|
||||
/* checkmark inner frame */
|
||||
checkbox > .internal-box > .checkmark-box > .checkbox-check
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
list-style-image: none;
|
||||
list-style-image: url(chrome://global/skin/check-cb.gif);
|
||||
|
||||
}
|
||||
|
||||
checkbox[checked="true"] > .internal-box > .checkmark-box > .checkbox-check
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-check.gif);
|
||||
list-style-image: url(chrome://global/skin/check-cb-check.gif);
|
||||
}
|
||||
|
||||
checkbox[checked="true"][disabled="true"] > .internal-box > .checkmark-box > .checkbox-check
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-check-disabled.gif);
|
||||
list-style-image: url(chrome://global/skin/check-cb-check-disabled.gif);
|
||||
}
|
||||
|
||||
checkbox:hover:active > .internal-box > .checkmark-box > .checkbox-check
|
||||
{
|
||||
border: 1px inset #CCCCCC;
|
||||
list-style-image: url(chrome://global/skin/check-cb-pressed.gif);
|
||||
}
|
||||
|
||||
checkbox[disabled="true"] > .internal-box > .checkmark-box > .checkbox-check,
|
||||
checkbox[disabled="true"]:active > .internal-box > .checkmark-box > .checkbox-check
|
||||
checkbox[disabled="true"] > .internal-box > .checkmark-box > .checkbox-check
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
-moz-border-radius: 0px;
|
||||
list-style-image: url(chrome://global/skin/check-cb-disabled.gif);
|
||||
}
|
||||
|
||||
checkbox[checked="true"]:hover:active > .internal-box > .checkmark-box > .checkbox-check
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-cb-check-pressed.gif);
|
||||
}
|
||||
|
||||
checkbox > .internal-box > .checkbox-icon
|
||||
|
|
@ -68,8 +68,8 @@
|
|||
/* checkmark label/icon frame */
|
||||
checkbox[value] > .internal-box > html
|
||||
{
|
||||
margin: 0px 0px 0px 4px;
|
||||
padding: 1px;
|
||||
margin: 0px 0px 2px 0px;
|
||||
padding: 2px 2px 2px 0px;
|
||||
}
|
||||
|
||||
checkbox[disabled="true"][value] > .internal-box > html
|
||||
|
|
@ -77,8 +77,9 @@
|
|||
color: #999999;
|
||||
}
|
||||
|
||||
checkbox:focus > .internal-box > html
|
||||
checkbox:focus > .internal-box > .checkmark-box
|
||||
{
|
||||
border : 1px dotted black;
|
||||
padding : 0px;
|
||||
border : 2px solid #F2C34F;
|
||||
margin : 1px 1px 1px 1px;
|
||||
-moz-border-radius : 4px 5px 4px 5px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
.color-dialog
|
||||
{
|
||||
background-color : #CCCCCC;
|
||||
background-color : #B4C3D4;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
|
||||
text[disabled="true"]
|
||||
{
|
||||
color : #999999;
|
||||
color : #5A616A;
|
||||
}
|
||||
|
||||
html
|
||||
|
|
@ -129,7 +129,7 @@
|
|||
|
||||
.icon-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-down.gif");
|
||||
}
|
||||
|
||||
.box-padded
|
||||
|
|
|
|||
|
|
@ -67,23 +67,6 @@
|
|||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="three-slice-button" extends="chrome://global/content/xulBindings.xml#basetext">
|
||||
<content excludes="observes,template">
|
||||
<xul:spring class="three-slice-button-image-left" inherits="default,disabled"/>
|
||||
<xul:box flex="1" class="three-slice-button-image-middle" inherits="default,disabled" orient="vertical" align="center">
|
||||
<xul:spring flex="1" class="three-slice-button-top-spring"/>
|
||||
<xul:box flex="1">
|
||||
<xul:image class="three-slice-button-icon" inherits="src"/>
|
||||
<xul:box class="three-slice-button-text-box" flex="1">
|
||||
<xul:text inherits="disabled,value,crop,accesskey"/>
|
||||
</xul:box>
|
||||
</xul:box>
|
||||
<xul:spring flex="1" class="three-slice-button-bottom-spring"/>
|
||||
</xul:box>
|
||||
<xul:spring class="three-slice-button-image-right" inherits="default,disabled"/>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="taskbar" extends="xul:box">
|
||||
<content>
|
||||
<xul:box flex="1" class="taskbar-image-middle">
|
||||
|
|
@ -110,13 +93,167 @@
|
|||
<binding id="throbber" extends="chrome://global/content/xulBindings.xml#basetext">
|
||||
<content excludes="observes,template">
|
||||
<xul:spring class="throbber-groove-left"/>
|
||||
<xul:box flex="1" class="throbber-middle" orient="vertical">
|
||||
<xul:box flex="1" class="throbber-middle" orient="vertical" autostretch="never">
|
||||
<xul:spring class="throbber-groove-top"/>
|
||||
<xul:image flex="1" class="throbber-icon" inherits="src"/>
|
||||
<xul:image flex="1" class="throbber-icon" inherits="src" autostretch="never"/>
|
||||
<xul:spring class="throbber-groove-bottom"/>
|
||||
</xul:box>
|
||||
<xul:spring class="throbber-groove-right"/>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
|
||||
<!-- WIDGETS -->
|
||||
|
||||
<binding id="three-slice-button" extends="chrome://global/content/xulBindings.xml#basetext">
|
||||
<content excludes="observes,template">
|
||||
<xul:spring class="button-image-left" inherits="default,disabled"/>
|
||||
<xul:box flex="1" class="button-image-middle" inherits="default,disabled" orient="vertical" align="center">
|
||||
<xul:spring flex="1" class="button-top-spring"/>
|
||||
<xul:box flex="1">
|
||||
<xul:image class="button-icon" inherits="src"/>
|
||||
<xul:box class="button-text-box" flex="1" inherits="default">
|
||||
<xul:text inherits="disabled,value,crop,accesskey"/>
|
||||
</xul:box>
|
||||
</xul:box>
|
||||
<xul:spring flex="1" class="button-bottom-spring"/>
|
||||
</xul:box>
|
||||
<xul:spring class="button-image-right" inherits="default,disabled"/>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<!-- The handlers and implementation are not being properly inherited from global/content/menulistBindings.xml,
|
||||
so I've added them manually here. This is bad. -->
|
||||
|
||||
<binding id="menulist" extends="chrome://global/content/menulistBindings.xml#menulist">
|
||||
<content inherits="false" excludes="template,observes,menupopup" flex="1">
|
||||
<xul:spring class="menulist-spring-left" inherits="disabled"/>
|
||||
<xul:box class="menulist-box-middle" flex="1" inherits="disabled">
|
||||
<xul:image class="menulist-icon" inherits="src"/>
|
||||
<xul:box class="menulist-text-box" flex="1">
|
||||
<xul:text flex="1" inherits="disabled,value,crop,accesskey"/>
|
||||
</xul:box>
|
||||
</xul:box>
|
||||
<xul:spring class="menulist-dropmarker-right" inherits="disabled"/>
|
||||
</content>
|
||||
<handlers>
|
||||
<handler event="command" phase="capturing" action="if (event.target.localName == 'menuitem') { this.selectedItem = event.target; this.data = this.selectedItem.data; }"/>
|
||||
</handlers>
|
||||
<implementation>
|
||||
<property name="data" onset="this.setAttribute('data',val); return val;"
|
||||
onget="return this.getAttribute('data');"/>
|
||||
</implementation>
|
||||
</binding>
|
||||
|
||||
<binding id="scrollbar">
|
||||
<content>
|
||||
<xul:scrollbarbutton type="decrement" inherits="sborient=align">
|
||||
<xul:image inherits="src"/>
|
||||
</xul:scrollbarbutton>
|
||||
<xul:slider flex="1" inherits="curpos,maxpos,pageincrement,increment,align">
|
||||
<xul:thumb inherits="align,src" flex="1"/>
|
||||
</xul:slider>
|
||||
<xul:scrollbarbutton type="increment" inherits="sborient=align">
|
||||
<xul:image inherits="src"/>
|
||||
</xul:scrollbarbutton>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="thumb-vertical" extends="xul:button">
|
||||
<content orient="vertical">
|
||||
<xul:spring class="thumb-vert-spring-top"/>
|
||||
<xul:box flex="1" class="thumb-vert-box-middle" orient="vertical">
|
||||
<xul:spring flex="1"/>
|
||||
<xul:image class="thumb-vert-grippy"/>
|
||||
<xul:spring flex="1"/>
|
||||
</xul:box>
|
||||
<xul:spring class="thumb-vert-spring-bottom"/>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="thumb-horizontal" extends="xul:button">
|
||||
<content>
|
||||
<xul:spring class="thumb-horz-spring-left"/>
|
||||
<xul:box flex="1" class="thumb-horz-box-middle">
|
||||
<xul:spring flex="1"/>
|
||||
<xul:image class="thumb-horz-grippy"/>
|
||||
<xul:spring flex="1"/>
|
||||
</xul:box>
|
||||
<xul:spring class="thumb-horz-spring-right"/>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="textfield" extends="chrome://global/content/xulBindings.xml#textfield">
|
||||
<content excludes="observes,template">
|
||||
<xul:box class="textfield-left" orient="vertical">
|
||||
<xul:spring class="textfield-left-top"/>
|
||||
<xul:spring class="textfield-left-middle" flex="1"/>
|
||||
<xul:spring class="textfield-left-bottom"/>
|
||||
</xul:box>
|
||||
<xul:box class="textfield-middle" orient="vertical" flex="1">
|
||||
<xul:spring class="textfield-middle-top"/>
|
||||
<xul:box class="textfield-internal-box" flex="1">
|
||||
<html:input class="textfield-input" flex="1" inherits="value,type,maxlength,disabled,size,readonly"/>
|
||||
</xul:box>
|
||||
<xul:spring class="textfield-middle-bottom"/>
|
||||
</xul:box>
|
||||
<xul:box class="textfield-right" orient="vertical">
|
||||
<xul:spring class="textfield-right-top"/>
|
||||
<xul:spring class="textfield-right-middle" flex="1"/>
|
||||
<xul:spring class="textfield-right-bottom"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
<implementation>
|
||||
<property name="value" onset="document.getAnonymousNodes(this)[1].childNodes[1].firstChild.value = val; return val;"
|
||||
onget="return document.getAnonymousNodes(this)[1].childNodes[1].firstChild.value;"/>
|
||||
<property name="type" onset="document.getAnonymousNodes(this)[1].childNodes[1].firstChild.type = val; return val;"
|
||||
onget="return document.getAnonymousNodes(this)[1].childNodes[1].firstChild.type;"/>
|
||||
<property name="maxlength" onset="document.getAnonymousNodes(this)[1].childNodes[1].firstChild.maxlength = val; return val;"
|
||||
onget="return document.getAnonymousNodes(this)[1].childNodes[1].firstChild.maxlength;"/>
|
||||
<property name="disabled" onset="document.getAnonymousNodes(this)[1].childNodes[1].firstChild.disabled = val; return val;"
|
||||
onget="return document.getAnonymousNodes(this)[1].childNodes[1].firstChild.disabled;"/>
|
||||
<property name="size" onset="document.getAnonymousNodes(this)[1].childNodes[1].firstChild.size = val; return val;"
|
||||
onget="return document.getAnonymousNodes(this)[1].childNodes[1].firstChild.size;"/>
|
||||
<property name="readonly" onset="document.getAnonymousNodes(this)[1].childNodes[1].firstChild.readonly = val; return val;"
|
||||
onget="return document.getAnonymousNodes(this)[1].childNodes[1].firstChild.readonly;"/>
|
||||
|
||||
<method name="select">
|
||||
<body>
|
||||
document.getAnonymousNodes(this)[1].childNodes[1].firstChild.select();
|
||||
</body>
|
||||
</method>
|
||||
|
||||
<method name="focus">
|
||||
<body>
|
||||
document.getAnonymousNodes(this)[1].childNodes[1].firstChild.focus();
|
||||
</body>
|
||||
</method>
|
||||
|
||||
<method name="blur">
|
||||
<body>
|
||||
document.getAnonymousNodes(this)[1].childNodes[1].firstChild.blur();
|
||||
</body>
|
||||
</method>
|
||||
|
||||
<property name="controllers" onget="return document.getAnonymousNodes(this)[1].controllers"/>
|
||||
<property name="textLength" onget="return document.getAnonymousNodes(this)[1].childNodes[1].firstChild.textLength;"/>
|
||||
<property name="selectionStart" onset="document.getAnonymousNodes(this)[1].childNodes[1].firstChild.selectionStart = val; return val;"
|
||||
onget="return document.getAnonymousNodes(this)[1].childNodes[1].firstChild.selectionStart;"/>
|
||||
<property name="selectionEnd" onset="document.getAnonymousNodes(this)[1].childNodes[1].firstChild.selectionEnd = val; return val;"
|
||||
onget="return document.getAnonymousNodes(this)[1].childNodes[1].firstChild.selectionEnd;"/>
|
||||
|
||||
<method name="setSelectionRange">
|
||||
<parameter name="aSelectionStart"/>
|
||||
<parameter name="aSelectionEnd"/>
|
||||
<body>
|
||||
document.getAnonymousNodes(this)[1].childNodes[1].firstChild.setSelectionRange( aSelectionStart, aSelectionEnd );
|
||||
</body>
|
||||
</method>
|
||||
</implementation>
|
||||
<handlers>
|
||||
<handler event="focus" phase="capturing" action="this.setAttribute('focused','true');"/>
|
||||
<handler event="blur" phase="capturing" action="this.removeAttribute('focused');"/>
|
||||
</handlers>
|
||||
</binding>
|
||||
|
||||
</bindings>
|
||||
|
|
|
|||
|
|
@ -189,3 +189,79 @@ install::
|
|||
$(MAKE_INSTALL) toolbar.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) tree.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) wizardOverlay.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-clicked-left.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-clicked-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-def-clicked-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-def-disabled-left.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-def-disabled-mid.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-def-disabled-right.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-disabled-left.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-disabled-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-disabled-right.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-left.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-right.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-cb-check-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-cb-check-pressed.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-cb-check.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-cb-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-cb-pressed.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-cb.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-radio-check-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-radio-check-pressed.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-radio-check.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menulist-clicked-leftcap.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menulist-clicked-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menulist-clicked-rightcap.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menulist-disabled-leftcap.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menulist-disabled-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menulist-disabled-rightcap.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menulist-leftcap.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menulist-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menulist-rightcap.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-horz-cl-expand.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-horz-cl-grippy.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-horz-cl-left.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-horz-cl-right.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-horz-expand.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-horz-grippy.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-horz-left.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-horz-right.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-vert-bottom.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-vert-cl-bottom.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-vert-cl-expand.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-vert-cl-grippy.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-vert-cl-top.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) simple-arrow-down-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) simple-arrow-down.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) simple-arrow-left-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) simple-arrow-left.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) simple-arrow-right-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) simple-arrow-right.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) simple-arrow-up-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) simple-arrow-up.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) textfield-left-bottom.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) textfield-left-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) textfield-left-top.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) textfield-middle-bottom.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) textfield-middle-top.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) textfield-right-bottom.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) textfield-right-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) textfield-right-top.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-def-left.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-def-middle.gif.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-def-right.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-clicked-right.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-def-clicked-left.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) button-def-clicked-right.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-radio-focused.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) check-radio-pressed.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-down-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-left-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-right-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-vert-expand.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-vert-grippy.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-thumb-vert-top.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-track-horz-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-track-vert-middle.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) scroll-up-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
|
|
|
|||
|
|
@ -210,11 +210,11 @@ menuitem[checked="true"][type="radio"][menuactive="true"]
|
|||
* Autorepeatbutton
|
||||
*/
|
||||
.autorepeatbutton-up {
|
||||
list-style-image: url("chrome://global/skin/scroll-up.gif")
|
||||
list-style-image: url("chrome://global/skin/simple-arrow-up.gif")
|
||||
}
|
||||
|
||||
.autorepeatbutton-down {
|
||||
list-style-image: url("chrome://global/skin/scroll-down.gif")
|
||||
list-style-image: url("chrome://global/skin/simple-arrow-down.gif")
|
||||
}
|
||||
|
||||
autorepeatbutton {
|
||||
|
|
|
|||
|
|
@ -57,13 +57,13 @@
|
|||
menubutton.menubutton-dual > .menubutton-dropmarker
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-down.gif");
|
||||
padding : 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[disabled="true"] > .menubutton-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-down-disabled.gif");
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[open="true"] > .menubutton-dropmarker
|
||||
|
|
|
|||
|
|
@ -9,86 +9,71 @@
|
|||
/* outer frame */
|
||||
menulist
|
||||
{
|
||||
-moz-binding : url(chrome://global/skin/globalBindings.xml#menulist);
|
||||
padding : 0px;
|
||||
border : 1px solid #000000;
|
||||
background-color : #CCCCCC;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
margin : 1px 5px 2px 5px;
|
||||
margin : 3px 3px 4px 5px;
|
||||
font-size : 10px;
|
||||
font-family : geneva, arial;
|
||||
}
|
||||
|
||||
menulist[menuactive="true"],
|
||||
menulist:hover
|
||||
.menulist-text-box
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
margin-top : 1px;
|
||||
margin-right : 2px;
|
||||
}
|
||||
|
||||
menulist[open="true"]
|
||||
.menulist-spring-left
|
||||
{
|
||||
background : url(chrome://global/skin/menulist-leftcap.gif) no-repeat;
|
||||
height : 16px;
|
||||
width : 8px;
|
||||
}
|
||||
|
||||
.menulist-box-middle
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
background : url(chrome://global/skin/menulist-middle.gif) repeat-x;
|
||||
height : 16px;
|
||||
}
|
||||
|
||||
menulist[disabled="true"]
|
||||
.menulist-dropmarker-right
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
background : url(chrome://global/skin/menulist-rightcap.gif) no-repeat;
|
||||
height : 16px;
|
||||
width : 22px;
|
||||
}
|
||||
|
||||
/* 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[open="true"] > .menu-icon
|
||||
/* Clicked States */
|
||||
|
||||
menulist:hover:active > .menulist-spring-left, menulist[open="true"]> .menulist-spring-left
|
||||
{
|
||||
background : url(chrome://global/skin/menulist-clicked-leftcap.gif) no-repeat;
|
||||
}
|
||||
|
||||
menulist:hover:active > .menulist-box-middle, menulist[open="true"]> .menulist-box-middle
|
||||
{
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-bottom : 1px solid #CCCCCC;
|
||||
padding : 3px 0px 1px 0px;
|
||||
background : url(chrome://global/skin/menulist-clicked-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
/* text display frame */
|
||||
menulist > .menu-text
|
||||
menulist:hover:active > .menulist-dropmarker-right, menulist[open="true"] > .menulist-dropmarker-right
|
||||
{
|
||||
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;
|
||||
background : url(chrome://global/skin/menulist-clicked-rightcap.gif) no-repeat;
|
||||
}
|
||||
|
||||
/* drop marker display frame */
|
||||
menulist > .menu-dropmarker
|
||||
/* Disabled States */
|
||||
|
||||
.menulist-spring-left[disabled="true"], menulist:hover:active > .menulist-spring-left[disabled="true"]
|
||||
{
|
||||
background : url(chrome://global/skin/menulist-disabled-leftcap.gif) no-repeat;
|
||||
}
|
||||
|
||||
.menulist-box-middle[disabled="true"], menulist:hover:active > .menulist-box-middle[disabled="true"]
|
||||
{
|
||||
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;
|
||||
background : url(chrome://global/skin/menulist-disabled-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
menulist[disabled="true"] > .menu-dropmarker
|
||||
.menulist-dropmarker-right[disabled="true"], menulist:hover:active > .menulist-dropmarker-right[disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
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;
|
||||
background : url(chrome://global/skin/menulist-disabled-rightcap.gif) no-repeat;
|
||||
}
|
||||
|
||||
/** rules for EDITABLE menulists (aka 'comboboxes').
|
||||
|
|
@ -124,9 +109,9 @@
|
|||
|
||||
/* drop marker display frame */
|
||||
menulist[editable="true"] > .menu-dropmarker
|
||||
{
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
}
|
||||
}
|
||||
|
||||
menulist[editable="true"][open="true"] > .menu-dropmarker
|
||||
{
|
||||
|
|
@ -136,34 +121,35 @@
|
|||
/* 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;
|
||||
border : 1px solid #313948;
|
||||
min-width : 0px;
|
||||
padding : 0px;
|
||||
background-color : #C2D0D0;
|
||||
}
|
||||
|
||||
menulist > menupopup > .popup-internal-box
|
||||
{
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
border-top : 0px;
|
||||
border: 0px;
|
||||
}
|
||||
/*
|
||||
|
||||
menulist > menupopup > menuseparator
|
||||
{
|
||||
border-top: 1px solid #172254;
|
||||
border-bottom: 1px solid #5A518A;
|
||||
border-top: 1px solid #919FA3;
|
||||
border-bottom: 1px solid #E6EFEE;
|
||||
}
|
||||
*/
|
||||
|
||||
menulist > menupopup > menuitem
|
||||
{
|
||||
padding : 0px 5px 0px 0px;
|
||||
padding : 0px;
|
||||
min-width : 0px;
|
||||
max-width : none;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
menulist > menupopup > menuitem[menuactive="true"]
|
||||
{
|
||||
background-color : #465B75;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
menulist > menupopup > menuitem[selected="true"] > .menu-iconic-left
|
||||
|
|
@ -175,3 +161,11 @@
|
|||
{
|
||||
list-style-image : url(chrome://global/skin/menu-check-hover.gif);
|
||||
}
|
||||
|
||||
menulist:focus
|
||||
{
|
||||
border : 2px solid #F2C34F;
|
||||
margin : 1px 1px 2px 3px;
|
||||
-moz-border-radius : 8px 7px 11px 9px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -16,24 +16,29 @@
|
|||
/* checkmark outer frame */
|
||||
radio > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #000000;
|
||||
-moz-border-radius: 50%;
|
||||
margin-top: 2px;
|
||||
margin: 3px 3px 3px 3px;
|
||||
}
|
||||
|
||||
radio[disabled="true"] > .internal-box > .checkmark-box,
|
||||
radio[disabled="true"]:hover > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #999999;
|
||||
//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%;
|
||||
list-style-image: url(chrome://global/skin/check-radio.gif);
|
||||
}
|
||||
|
||||
radio:hover:active > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-radio-pressed.gif);
|
||||
}
|
||||
|
||||
radio[disabled="true"] > .internal-box > checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-radio-disabled.gif);
|
||||
}
|
||||
|
||||
/* ensure that no list-style-image is inherited in from the Outside */
|
||||
|
|
@ -41,40 +46,35 @@
|
|||
{
|
||||
list-style-image: none;
|
||||
}
|
||||
|
||||
|
||||
/* Checked States */
|
||||
|
||||
radio[checked="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-radio.gif);
|
||||
list-style-image: url(chrome://global/skin/check-radio-check.gif);
|
||||
}
|
||||
|
||||
radio[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-radio-disabled.gif);
|
||||
list-style-image: url(chrome://global/skin/check-radio-check-disabled.gif);
|
||||
}
|
||||
|
||||
radio:hover:active > .internal-box > .checkmark-box > image
|
||||
radio[checked="true"]: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;
|
||||
list-style-image: url(chrome://global/skin/check-radio-check-pressed.gif);
|
||||
}
|
||||
|
||||
/* text/icon frames */
|
||||
radio[value] > .internal-box > html,
|
||||
radio.iconic > .internal-box > .icon
|
||||
{
|
||||
margin: 0px 0px 0px 4px;
|
||||
padding: 1px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 2px 2px 2px 0px;
|
||||
}
|
||||
|
||||
radio.iconic > .internal-box > html
|
||||
{
|
||||
margin-left: 4px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
radio[disabled="true"][value] > .internal-box > html
|
||||
|
|
@ -82,10 +82,11 @@
|
|||
color: #999999;
|
||||
}
|
||||
|
||||
radio:focus > .internal-box > html
|
||||
radio:focus > .internal-box > .checkmark-box
|
||||
{
|
||||
border : 1px dotted black;
|
||||
padding : 0px;
|
||||
border : 2px solid #F2C34F;
|
||||
margin : 1px 1px 1px 1px;
|
||||
-moz-border-radius : 8px 8px 8px 8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -202,6 +202,82 @@ skins/modern.jar:
|
|||
global/skin/tb-grippy-up-clicked.gif (global/tb-grippy-up-clicked.gif)
|
||||
global/skin/tb-grippy-up.gif (global/tb-grippy-up.gif)
|
||||
global/skin/tb-grippy-down-clicked.gif (global/tb-grippy-down-clicked.gif)
|
||||
global/skin/button-clicked-left.gif (global/button-clicked-left.gif)
|
||||
global/skin/button-clicked-middle.gif (global/button-clicked-middle.gif)
|
||||
global/skin/button-def-clicked-middle.gif (global/button-def-clicked-middle.gif)
|
||||
global/skin/button-def-disabled-left.gif (global/button-def-disabled-left.gif)
|
||||
global/skin/button-def-disabled-mid.gif (global/button-def-disabled-mid.gif)
|
||||
global/skin/button-def-disabled-right.gif (global/button-def-disabled-right.gif)
|
||||
global/skin/button-disabled-left.gif (global/button-disabled-left.gif)
|
||||
global/skin/button-disabled-middle.gif (global/button-disabled-middle.gif)
|
||||
global/skin/button-disabled-right.gif (global/button-disabled-right.gif)
|
||||
global/skin/button-left.gif (global/button-left.gif)
|
||||
global/skin/button-middle.gif (global/button-middle.gif)
|
||||
global/skin/button-right.gif (global/button-right.gif)
|
||||
global/skin/check-cb-check-disabled.gif (global/check-cb-check-disabled.gif)
|
||||
global/skin/check-cb-check-pressed.gif (global/check-cb-check-pressed.gif)
|
||||
global/skin/check-cb-check.gif (global/check-cb-check.gif)
|
||||
global/skin/check-cb-disabled.gif (global/check-cb-disabled.gif)
|
||||
global/skin/check-cb-pressed.gif (global/check-cb-pressed.gif)
|
||||
global/skin/check-cb.gif (global/check-cb.gif)
|
||||
global/skin/check-radio-check-disabled.gif (global/check-radio-check-disabled.gif)
|
||||
global/skin/check-radio-check-pressed.gif (global/check-radio-check-pressed.gif)
|
||||
global/skin/check-radio-check.gif (global/check-radio-check.gif)
|
||||
global/skin/menulist-clicked-leftcap.gif (global/menulist-clicked-leftcap.gif)
|
||||
global/skin/menulist-clicked-middle.gif (global/menulist-clicked-middle.gif)
|
||||
global/skin/menulist-clicked-rightcap.gif (global/menulist-clicked-rightcap.gif)
|
||||
global/skin/menulist-disabled-leftcap.gif (global/menulist-disabled-leftcap.gif)
|
||||
global/skin/menulist-disabled-middle.gif (global/menulist-disabled-middle.gif)
|
||||
global/skin/menulist-disabled-rightcap.gif (global/menulist-disabled-rightcap.gif)
|
||||
global/skin/menulist-leftcap.gif (global/menulist-leftcap.gif)
|
||||
global/skin/menulist-middle.gif (global/menulist-middle.gif)
|
||||
global/skin/menulist-rightcap.gif (global/menulist-rightcap.gif)
|
||||
global/skin/scroll-thumb-horz-cl-expand.gif (global/scroll-thumb-horz-cl-expand.gif)
|
||||
global/skin/scroll-thumb-horz-cl-grippy.gif (global/scroll-thumb-horz-cl-grippy.gif)
|
||||
global/skin/scroll-thumb-horz-cl-left.gif (global/scroll-thumb-horz-cl-left.gif)
|
||||
global/skin/scroll-thumb-horz-cl-right.gif (global/scroll-thumb-horz-cl-right.gif)
|
||||
global/skin/scroll-thumb-horz-expand.gif (global/scroll-thumb-horz-expand.gif)
|
||||
global/skin/scroll-thumb-horz-grippy.gif (global/scroll-thumb-horz-grippy.gif)
|
||||
global/skin/scroll-thumb-horz-left.gif (global/scroll-thumb-horz-left.gif)
|
||||
global/skin/scroll-thumb-horz-right.gif (global/scroll-thumb-horz-right.gif)
|
||||
global/skin/scroll-thumb-vert-bottom.gif (global/scroll-thumb-vert-bottom.gif)
|
||||
global/skin/scroll-thumb-vert-cl-bottom.gif (global/scroll-thumb-vert-cl-bottom.gif)
|
||||
global/skin/scroll-thumb-vert-cl-expand.gif (global/scroll-thumb-vert-cl-expand.gif)
|
||||
global/skin/scroll-thumb-vert-cl-grippy.gif (global/scroll-thumb-vert-cl-grippy.gif)
|
||||
global/skin/scroll-thumb-vert-cl-top.gif (global/scroll-thumb-vert-cl-top.gif)
|
||||
global/skin/simple-arrow-down-disabled.gif (global/simple-arrow-down-disabled.gif)
|
||||
global/skin/simple-arrow-down.gif (global/simple-arrow-down.gif)
|
||||
global/skin/simple-arrow-left-disabled.gif (global/simple-arrow-left-disabled.gif)
|
||||
global/skin/simple-arrow-left.gif (global/simple-arrow-left.gif)
|
||||
global/skin/simple-arrow-right-disabled.gif (global/simple-arrow-right-disabled.gif)
|
||||
global/skin/simple-arrow-right.gif (global/simple-arrow-right.gif)
|
||||
global/skin/simple-arrow-up-disabled.gif (global/simple-arrow-up-disabled.gif)
|
||||
global/skin/simple-arrow-up.gif (global/simple-arrow-up.gif)
|
||||
global/skin/textfield-left-bottom.gif (global/textfield-left-bottom.gif)
|
||||
global/skin/textfield-left-middle.gif (global/textfield-left-middle.gif)
|
||||
global/skin/textfield-left-top.gif (global/textfield-left-top.gif)
|
||||
global/skin/textfield-middle-bottom.gif (global/textfield-middle-bottom.gif)
|
||||
global/skin/textfield-middle-top.gif (global/textfield-middle-top.gif)
|
||||
global/skin/textfield-right-bottom.gif (global/textfield-right-bottom.gif)
|
||||
global/skin/textfield-right-middle.gif (global/textfield-right-middle.gif)
|
||||
global/skin/textfield-right-top.gif (global/textfield-right-top.gif)
|
||||
global/skin/button-def-left.gif (global/button-def-left.gif)
|
||||
global/skin/button-def-middle.gif (global/button-def-middle.gif)
|
||||
global/skin/button-def-right.gif (global/button-def-right.gif)
|
||||
global/skin/button-clicked-right.gif (global/button-clicked-right.gif)
|
||||
global/skin/button-def-clicked-left.gif (global/button-def-clicked-left.gif)
|
||||
global/skin/button-def-clicked-right.gif (global/button-def-clicked-right.gif)
|
||||
global/skin/check-radio-focused.gif (global/check-radio-focused.gif)
|
||||
global/skin/check-radio-pressed.gif (global/check-radio-pressed.gif)
|
||||
global/skin/scroll-down-clicked.gif (global/scroll-down-clicked.gif)
|
||||
global/skin/scroll-left-clicked.gif (global/scroll-left-clicked.gif)
|
||||
global/skin/scroll-right-clicked.gif (global/scroll-right-clicked.gif)
|
||||
global/skin/scroll-thumb-vert-expand.gif (global/scroll-thumb-vert-expand.gif)
|
||||
global/skin/scroll-thumb-vert-grippy.gif (global/scroll-thumb-vert-grippy.gif)
|
||||
global/skin/scroll-thumb-vert-top.gif (global/scroll-thumb-vert-top.gif)
|
||||
global/skin/scroll-track-horz-middle.gif (global/scroll-track-horz-middle.gif)
|
||||
global/skin/scroll-track-vert-middle.gif (global/scroll-track-vert-middle.gif)
|
||||
global/skin/scroll-up-clicked.gif (global/scroll-up-clicked.gif)
|
||||
messenger/skin/AccountManager.css (messenger/AccountManager.css)
|
||||
messenger/skin/addtoab.gif (messenger/addtoab.gif)
|
||||
messenger/skin/attach.gif (messenger/attach.gif)
|
||||
|
|
|
|||
|
|
@ -256,6 +256,10 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
height : 18px;
|
||||
}
|
||||
|
||||
#urlbar
|
||||
{
|
||||
-moz-binding : url(chrome://global/content/xulBindings.xml#textfield);
|
||||
}
|
||||
|
||||
#page-proxy-button
|
||||
{
|
||||
|
|
@ -300,7 +304,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
{
|
||||
margin : 1px 1px 3px 0px;
|
||||
width : 10px;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-down.gif");
|
||||
border : none;
|
||||
padding : 0px;
|
||||
}
|
||||
|
|
@ -312,7 +316,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
|
||||
#action-popup
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-down.gif");
|
||||
margin : 0px;
|
||||
-moz-border-radius : 4px;
|
||||
}
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче