classic skin work... (not part of build!)
This commit is contained in:
Родитель
d02ccc0af5
Коммит
085acdcf68
|
@ -99,3 +99,4 @@ toolbar-menu-arrow.gif
|
|||
toolbargrippy-twisty.gif
|
||||
toolbargrippy-texture.gif
|
||||
loading.gif
|
||||
smallheader-bg.gif
|
|
@ -131,6 +131,7 @@ EXPORT_RESOURCE_SAMPLES = \
|
|||
toolbargrippy-twisty.gif \
|
||||
toolbargrippy-texture.gif \
|
||||
loading.gif \
|
||||
smallheader-bg.gif \
|
||||
$(NULL)
|
||||
|
||||
include $(topsrcdir)/config/rules.mk
|
||||
|
|
Двоичные данные
themes/classic/global/check-radio-disabled.gif
Двоичные данные
themes/classic/global/check-radio-disabled.gif
Двоичный файл не отображается.
До Ширина: | Высота: | Размер: 55 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/classic/global/check-radio.gif
Двоичные данные
themes/classic/global/check-radio.gif
Двоичный файл не отображается.
До Ширина: | Высота: | Размер: 49 B После Ширина: | Высота: | Размер: 0 B |
|
@ -131,3 +131,4 @@ install::
|
|||
$(MAKE_INSTALL) toolbargrippy-twisty.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) toolbargrippy-texture.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) loading.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) smallheader-bg.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
|
|
|
@ -22,4 +22,21 @@
|
|||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="radio" extends="resource:/chrome/radioBindings.xml#radio">
|
||||
<content excludes="observes">
|
||||
<xul:box flex="1" class="radio-internal-box" autostretch="never" valign="middle">
|
||||
<xul:box class="radio-checkmark-box-1" autostretch="never" inherits="disabled">
|
||||
<xul:box class="radio-checkmark-box-2" autostretch="never" flex="1">
|
||||
<xul:image class="radio-check" inherits="checked,disabled"/>
|
||||
</xul:box>
|
||||
</xul:box>
|
||||
<xul:image class="radio-icon" inherits="src,disabled"/>
|
||||
<xul:html class="radio-text" inherits="value,accesskey,crop,disabled" flex="1">
|
||||
<children/>
|
||||
</xul:html>
|
||||
</xul:box>
|
||||
</content>
|
||||
|
||||
</binding>
|
||||
|
||||
</bindings>
|
|
@ -4,7 +4,10 @@
|
|||
.box-smallheader
|
||||
{
|
||||
behavior : url(chrome://global/content/dialogBindings.xml#smallheader);
|
||||
border : 1px inset #CCCCCC;
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
margin : 0px 5px 6px 5px;
|
||||
}
|
||||
|
||||
|
@ -12,25 +15,24 @@
|
|||
{
|
||||
padding : 0px 0px 3px 0px;
|
||||
min-height : 0px;
|
||||
background-image : url(chrome://global/skin/smallheader-bg.gif);
|
||||
}
|
||||
|
||||
.box-smallheader-left
|
||||
{
|
||||
font-size : larger;
|
||||
font-weight : bold;
|
||||
color : #FFFFFF;
|
||||
padding-left : 6px;
|
||||
}
|
||||
|
||||
.box-smallheader-right
|
||||
{
|
||||
color : #FFFFFF;
|
||||
padding-right : 6px;
|
||||
}
|
||||
|
||||
.box-smallheader > .toolbar-primary
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
border : 1px solid threeddarkshadow;
|
||||
vertical-align : middle;
|
||||
padding-top : 3px;
|
||||
}
|
||||
|
|
|
@ -20,24 +20,23 @@
|
|||
}
|
||||
|
||||
/* icon display frame */
|
||||
menulist > .menulist-internal-box
|
||||
.menulist-internal-box
|
||||
{
|
||||
border-left : 1px solid threeddarkshadow;
|
||||
border-top : 1px solid threeddarkshadow;
|
||||
border-right : 1px solid threedface;
|
||||
border-bottom : 1px solid threedface;
|
||||
padding : 2px 0px 2px 0px;
|
||||
}
|
||||
|
||||
/* text display frame */
|
||||
menulist > .menulist-internal-box > .menu-text
|
||||
.menulist-text
|
||||
{
|
||||
padding : 2px 4px 2px 4px;
|
||||
margin-right : 0px;
|
||||
margin: : 0px;
|
||||
}
|
||||
|
||||
/* drop marker display frame */
|
||||
.menu-dropmarker-box-1
|
||||
.menulist-dropmarker-box-1
|
||||
{
|
||||
border-top : 1px solid threedface;
|
||||
border-left : 1px solid threedface;
|
||||
|
@ -46,112 +45,63 @@
|
|||
background-color : threedface;
|
||||
}
|
||||
|
||||
.menu-dropmarker-box-1
|
||||
.menulist-dropmarker-box-2
|
||||
{
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
border-right : 1px solid threedshadow;
|
||||
padding : 2px 1px 2px 1px;
|
||||
}
|
||||
|
||||
.menu-dropmarker
|
||||
.menulist-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
.menu-dropmarker[disabled="true"]
|
||||
.menulist-dropmarker[disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
.menu-dropmarker-box-1[open="true"]
|
||||
.menulist-dropmarker-box-1[open="true"]
|
||||
{
|
||||
border : 1px solid threedshadow;
|
||||
}
|
||||
|
||||
.menu-dropmarker-box-1[open="true"]
|
||||
.menulist-dropmarker-box-2[open="true"]
|
||||
{
|
||||
padding : 3px 2px 1px 2px;
|
||||
}
|
||||
|
||||
/** rules for EDITABLE menulists (aka 'comboboxes').
|
||||
**/
|
||||
|
||||
/* outer frame */
|
||||
menulist[editable="true"]
|
||||
{
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
/* icon display frame */
|
||||
menulist[editable="true"] > .menu-icon
|
||||
{
|
||||
list-style-image : url("chrome://communicator/skin/bookmarks/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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* drop marker display frame */
|
||||
menulist[editable="true"] > .menu-dropmarker
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
}
|
||||
|
||||
menulist[editable="true"][open="true"] > .menu-dropmarker
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
border : 1px solid threedface;
|
||||
padding : 3px 0px 1px 2px;
|
||||
}
|
||||
|
||||
/* rules for popups and separators associated with menulists */
|
||||
menulist > menupopup
|
||||
{
|
||||
behavior : url("chrome://global/skin/menulistBindings.xml#menulistpopup");
|
||||
background-color : window;
|
||||
border : 1px solid threeddarkshadow;
|
||||
border-top : 0px;
|
||||
border : 1px solid #000000;
|
||||
min-width : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
menulist > menupopup > menuseparator
|
||||
{
|
||||
border-bottom : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
|
||||
menulist > menupopup > menuitem
|
||||
{
|
||||
padding : 0px;
|
||||
min-width: 0px;
|
||||
max-width: auto;
|
||||
padding : 0px 1px 0px 1px;
|
||||
min-width : 0px; /* should be in content*/
|
||||
max-width : auto; /* should be in content*/
|
||||
border : 1px solid window;
|
||||
}
|
||||
|
||||
menulist > menupopup > menuitem > .menu-left
|
||||
menulist > menupopup > menuitem[menuactive="true"]
|
||||
{
|
||||
width : 13px;
|
||||
border : 1px dotted #F5DB95;
|
||||
}
|
||||
|
||||
menulist > menupopup > menuitem[selected="true"] > .menu-left
|
||||
menulist > menupopup > menuitem > .menu-iconic-left,
|
||||
menulist > menupopup > menuitem > .menu-iconic-left[menuactive="true"]
|
||||
{
|
||||
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);
|
||||
list-style-image : inherit;
|
||||
width : 0px;
|
||||
border : none;
|
||||
}
|
||||
|
|
|
@ -9,18 +9,26 @@
|
|||
BINDING : menulist
|
||||
XUL REPRESENTATION : <menulist>
|
||||
-->
|
||||
<binding id="menulist" extends="resource:/chrome/menulistBindings.xml#menulist">
|
||||
<binding id="menulist">
|
||||
<content excludes="template,observes,menupopup" flex="1">
|
||||
<xul:box class="menulist-internal-box" flex="1">
|
||||
<xul:image class="menu-icon" inherits="src"/>
|
||||
<xul:text class="menu-text" inherits="value,accesskey,crop" crop="right" flex="1"/>
|
||||
<xul:box class="menu-dropmarker-box-1" valign="middle" inherits="open">
|
||||
<xul:box class="menu-dropmarker-box-2" flex="1" autostretch="never" valign="middle" inherits="open">
|
||||
<xul:image class="menu-dropmarker" inherits="disabled"/>
|
||||
<xul:image class="menulist-icon" inherits="src"/>
|
||||
<xul:text class="menulist-text" inherits="value,accesskey,crop" crop="right" flex="1"/>
|
||||
<xul:box class="menulist-dropmarker-box-1" valign="middle" inherits="open">
|
||||
<xul:box class="menulist-dropmarker-box-2" flex="1" autostretch="never" valign="middle" inherits="open">
|
||||
<xul:image class="menulist-dropmarker" inherits="disabled"/>
|
||||
</xul:box>
|
||||
</xul:box>
|
||||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="menulistpopup">
|
||||
<content>
|
||||
<xul:box class="menulistpopup-internal-box" orient="vertical" flex="1" style="overflow: auto">
|
||||
<children/>
|
||||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
</bindings>
|
|
@ -4,82 +4,81 @@
|
|||
/* outer frame */
|
||||
radio
|
||||
{
|
||||
margin: 3px 5px 3px 5px;
|
||||
behavior : url("chrome://global/skin/classicBindings.xml#radio");
|
||||
margin : 3px 5px 3px 5px;
|
||||
}
|
||||
|
||||
|
||||
/* checkmark outer frame */
|
||||
radio > .internal-box > .checkmark-box
|
||||
.radio-checkmark-box-1
|
||||
{
|
||||
border: 1px solid #000000;
|
||||
-moz-border-radius: 50%;
|
||||
margin-top: 2px;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-left : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
background-color : #FFFFFF;
|
||||
-moz-border-radius : 50%;
|
||||
margin : 2px 2px 0px 0px;
|
||||
width : 12px;
|
||||
height : 12px;
|
||||
}
|
||||
|
||||
radio[disabled="true"] > .internal-box > .checkmark-box,
|
||||
radio[disabled="true"]:hover > .internal-box > .checkmark-box
|
||||
.radio-checkmark-box-1[disabled="true"]
|
||||
{
|
||||
border: 1px solid #999999;
|
||||
background-color : threedface;
|
||||
}
|
||||
|
||||
/* checkmark inner frame */
|
||||
radio > .internal-box > .checkmark-box > image
|
||||
|
||||
.radio-checkmark-box-2
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
-moz-border-radius: 50%;
|
||||
}
|
||||
border-left : 1px solid threeddarkshadow;
|
||||
border-top : 1px solid threeddarkshadow;
|
||||
border-right : 1px solid threedface;
|
||||
border-bottom : 1px solid threedface;
|
||||
-moz-border-radius : 50%;
|
||||
padding : 2px;
|
||||
width : 10px;
|
||||
height : 10px;
|
||||
}
|
||||
|
||||
/* ensure that no list-style-image is inherited in from the Outside */
|
||||
.checkmark-box
|
||||
.radio-check
|
||||
{
|
||||
list-style-image: none;
|
||||
list-style-image : none;
|
||||
}
|
||||
|
||||
.radio-check[checked="true"]
|
||||
{
|
||||
list-style-image : url(chrome://global/skin/check-radio.gif);
|
||||
}
|
||||
|
||||
|
||||
radio[checked="true"] > .internal-box > .checkmark-box > image
|
||||
.radio-check[checked="true"][disabled="true"]
|
||||
{
|
||||
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);
|
||||
list-style-image : url(chrome://global/skin/check-radio-disabled.gif);
|
||||
}
|
||||
|
||||
radio:hover:active > .internal-box > .checkmark-box > image
|
||||
radio:hover:active > .radio-internal-box > .radio-checkmark-box-1
|
||||
{
|
||||
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;
|
||||
background-color : threedface;
|
||||
}
|
||||
|
||||
/* text/icon frames */
|
||||
radio[value] > .internal-box > html,
|
||||
radio.iconic > .internal-box > .icon
|
||||
.radio-text
|
||||
{
|
||||
margin: 0px 0px 0px 4px;
|
||||
padding: 1px;
|
||||
margin : 0px 0px 0px 2px;
|
||||
padding : 1px;
|
||||
}
|
||||
|
||||
radio.iconic > .internal-box > html
|
||||
.radio-icon
|
||||
{
|
||||
margin-left: 4px;
|
||||
}
|
||||
list-style-image : inherit;
|
||||
}
|
||||
|
||||
radio[disabled="true"][value] > .internal-box > html
|
||||
.radio-text[disabled="true"]
|
||||
{
|
||||
color: #999999;
|
||||
color : graytext;
|
||||
}
|
||||
|
||||
radio:focus > .internal-box > html
|
||||
radio:focus > .radio-internal-box > .radio-text
|
||||
{
|
||||
border : 1px dotted black;
|
||||
border : 1px dotted threeddarkshadow;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
|
|
Загрузка…
Ссылка в новой задаче