classic skin work... (not part of build!)

This commit is contained in:
ben%netscape.com 2000-05-24 06:47:00 +00:00
Родитель d02ccc0af5
Коммит 085acdcf68
11 изменённых файлов: 111 добавлений и 132 удалений

Просмотреть файл

@ -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

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 55 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
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;
}