зеркало из https://github.com/mozilla/gecko-dev.git
#46519 -> Mac Classic Skin Polish. Finally added Mac-like tab widgets by modifying XBL and CSS. Also added new IE 5 icons for imported bookmarks, as well as fixing splitter grippy icon state changes. r=andreww
This commit is contained in:
Родитель
40f5ab337b
Коммит
17a4c8c1a7
|
@ -5,6 +5,7 @@ bookmark-item.gif
|
|||
bookmarks.css
|
||||
home.gif
|
||||
iefavorite.gif
|
||||
iefolder.gif
|
||||
personal-folder-closed.gif
|
||||
personal-folder-open.gif
|
||||
location.gif
|
||||
|
|
|
@ -38,6 +38,7 @@ EXPORT_RESOURCE_SAMPLES = \
|
|||
bookmarks.css \
|
||||
home.gif \
|
||||
iefavorite.gif \
|
||||
iefolder.gif \
|
||||
personal-folder-closed.gif \
|
||||
personal-folder-open.gif \
|
||||
location.gif \
|
||||
|
|
|
@ -51,14 +51,12 @@ treeitem[status="new"] > treerow > .treecell-bookmark
|
|||
}
|
||||
|
||||
treeitem[type="http://home.netscape.com/NC-rdf#Folder"] > treerow > .treecell-bookmark,
|
||||
treeitem[type="http://home.netscape.com/NC-rdf#IEFavoriteFolder"] > treerow > .treecell-bookmark,
|
||||
treeitem[container="true"][open="true"] > treerow > .treecell-bookmark
|
||||
{
|
||||
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
|
||||
}
|
||||
|
||||
treeitem[type="http://home.netscape.com/NC-rdf#Folder"][open="true"] > treerow > .treecell-bookmark
|
||||
treeitem[type="http://home.netscape.com/NC-rdf#IEFavoriteFolder"][open="true"] > treerow > .treecell-bookmark
|
||||
{
|
||||
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
|
||||
}
|
||||
|
@ -115,3 +113,11 @@ treeitem > treerow > .treecell-bookmark {
|
|||
{
|
||||
border : none;
|
||||
}
|
||||
|
||||
/**** NEW: MAC IE 5 LOOK TO BOOKMARKS FOLDER*********/
|
||||
|
||||
treeitem[type="http://home.netscape.com/NC-rdf#IEFavoriteFolder"] > treerow > .treecell-bookmark,
|
||||
treeitem[type="http://home.netscape.com/NC-rdf#IEFavoriteFolder"][open="true"] > treerow > .treecell-bookmark
|
||||
{
|
||||
list-style-image: url("chrome://communicator/skin/bookmarks/iefolder.gif");
|
||||
}
|
||||
|
|
Двоичные данные
themes/classic/communicator/bookmarks/home.gif
Двоичные данные
themes/classic/communicator/bookmarks/home.gif
Двоичный файл не отображается.
До Ширина: | Высота: | Размер: 857 B После Ширина: | Высота: | Размер: 76 B |
Двоичные данные
themes/classic/communicator/bookmarks/iefavorite.gif
Двоичные данные
themes/classic/communicator/bookmarks/iefavorite.gif
Двоичный файл не отображается.
До Ширина: | Высота: | Размер: 256 B После Ширина: | Высота: | Размер: 196 B |
|
@ -35,6 +35,7 @@ install::
|
|||
$(MAKE_INSTALL) bookmarks.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
|
||||
$(MAKE_INSTALL) home.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
|
||||
$(MAKE_INSTALL) iefavorite.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
|
||||
$(MAKE_INSTALL) iefolder.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
|
||||
$(MAKE_INSTALL) personal-folder-closed.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
|
||||
$(MAKE_INSTALL) personal-folder-open.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
|
||||
$(MAKE_INSTALL) location.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
{
|
||||
behavior : url("chrome://global/content/xulBindings.xml#buttontop");
|
||||
min-width : 0px;
|
||||
margin : 0px 1px 0px 1px;
|
||||
margin : 0px 1px;
|
||||
border : 1px solid transparent;
|
||||
background-color : transparent;
|
||||
}
|
||||
|
@ -16,9 +16,15 @@
|
|||
{
|
||||
behavior : url("chrome://global/content/xulBindings.xml#buttonleft");
|
||||
min-width : 0px;
|
||||
margin : 1px;
|
||||
border : 1px solid transparent;
|
||||
background-color : transparent;
|
||||
max-width : 14em;
|
||||
}
|
||||
|
||||
.button-toolbar
|
||||
{
|
||||
margin : 1px;
|
||||
border : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-4
|
||||
|
@ -27,7 +33,6 @@
|
|||
}
|
||||
|
||||
.button-toolbar-1:hover, .button-toolbar-1:hover:active,
|
||||
.button-toolbar:hover, .button-toolbar:hover:active,
|
||||
.button-toolbar-2:hover, .button-toolbar-2:hover:active,
|
||||
.button-toolbar-4:hover, .button-toolbar-4:hover:active
|
||||
{
|
||||
|
@ -37,7 +42,7 @@
|
|||
|
||||
.button-toolbar:hover, .button-toolbar:hover:active
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
color : #0000FF;
|
||||
text-decoration : underline;
|
||||
}
|
||||
|
||||
|
@ -45,7 +50,7 @@
|
|||
.button-toolbar-1 > .button-internal-box,
|
||||
.button-toolbar-2 > .button-internal-box
|
||||
{
|
||||
padding : 2px 8px 2px 7px;
|
||||
padding : 2px 6px 2px 5px;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
border : 1px solid transparent;
|
||||
|
@ -61,7 +66,6 @@
|
|||
padding : 1px 4px 1px 3px;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
.button-toolbar-4 > .button-internal-box
|
||||
|
@ -69,12 +73,12 @@
|
|||
padding : 0px 1px;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
border : 1px solid transparent;
|
||||
border : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 1px 5px 1px 4px;
|
||||
padding : 1px 4px 1px 3px;
|
||||
color : #FF0000;
|
||||
}
|
||||
|
||||
|
@ -93,13 +97,12 @@
|
|||
{
|
||||
border : 1px solid transparent;
|
||||
color : #777777;
|
||||
background-color : transparent
|
||||
background-color : transparent;
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
.button-toolbar-1:hover > .button-internal-box,
|
||||
.button-toolbar-2:hover > .button-internal-box,
|
||||
.button-toolbar-4:hover > .button-internal-box
|
||||
.button-toolbar-2:hover > .button-internal-box
|
||||
{
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
|
@ -116,7 +119,7 @@
|
|||
.button-toolbar-1:hover:active > .button-internal-box,
|
||||
.button-toolbar-2:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 3px 7px 1px 8px;
|
||||
padding : 3px 5px 1px 6px;
|
||||
border-left : 1px solid #444444 !important;
|
||||
border-top : 1px solid #444444 !important;
|
||||
border-right : 1px solid #AAAAAA !important;
|
||||
|
@ -127,10 +130,6 @@
|
|||
|
||||
.button-toolbar-4:hover:active > .button-internal-box
|
||||
{
|
||||
border-left : 1px solid #9D9D9D !important;
|
||||
border-top : 1px solid #9D9D9D !important;
|
||||
border-right : 1px solid #FFFFFF !important;
|
||||
border-bottom : 1px solid #FFFFFF !important;
|
||||
padding : 0px 0px 0px 2px;
|
||||
}
|
||||
|
||||
|
@ -142,6 +141,11 @@
|
|||
text-align : center;
|
||||
}
|
||||
|
||||
.button-toolbar-4 > .button-internal-box > .button-icon
|
||||
{
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-1[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar-1[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar-1[disabled="true"]:hover:active > .button-internal-box,
|
||||
|
@ -150,12 +154,9 @@
|
|||
.button-toolbar[disabled="true"]:hover:active > .button-internal-box,
|
||||
.button-toolbar-2[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar-2[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar-2[disabled="true"]:hover:active > .button-internal-box,
|
||||
.button-toolbar-4[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover:active > .button-internal-box
|
||||
.button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 2px 8px 2px 7px !important;
|
||||
padding : 2px 6px 2px 5px !important;
|
||||
border : 1px solid transparent !important;
|
||||
color : #777777;
|
||||
background-color : transparent;
|
||||
|
|
|
@ -61,19 +61,36 @@
|
|||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar:hover, menubutton.button-toolbar-4:hover
|
||||
menubutton.button-toolbar-4
|
||||
{
|
||||
margin : 0px 0px 1px 0px;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar:hover, menubutton.button-toolbar-4:hover
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.menubutton-toolbar-single-internal-box
|
||||
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 0px 4px 0px 4px;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar:hover > .menubutton-toolbar-single-internal-box, menubutton.button-toolbar-4:hover > .menubutton-toolbar-single-internal-box
|
||||
menubutton.button-toolbar-4 > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border : 0px;
|
||||
padding : 0px 4px 0px 4px;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4:hover:active > .menubutton-toolbar-single-internal-box,
|
||||
menubutton.button-toolbar-4[open="true"] > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
padding : 0px 3px 0px 5px;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar:hover > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
|
@ -83,8 +100,6 @@ menubutton.button-toolbar:hover > .menubutton-toolbar-single-internal-box, menub
|
|||
|
||||
menubutton.button-toolbar:hover:active > .menubutton-toolbar-single-internal-box,
|
||||
menubutton.button-toolbar[open="true"] > .menubutton-toolbar-single-internal-box,
|
||||
menubutton.button-toolbar-4:hover:active > .menubutton-toolbar-single-internal-box,
|
||||
menubutton.button-toolbar-4[open="true"] > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border-left : 1px solid #9D9D9D;
|
||||
border-top : 1px solid #9D9D9D;
|
||||
|
|
|
@ -1,48 +1,12 @@
|
|||
/*********** Languages ************/
|
||||
|
||||
button.up, button.up:hover
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-up.gif");
|
||||
min-width : 0px;
|
||||
border : 1px solid #000000;
|
||||
border-bottom : 0px;
|
||||
}
|
||||
|
||||
button.up:hover:active
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-up-active.gif");
|
||||
border : 1px solid #000000;
|
||||
border-bottom : 0px;
|
||||
}
|
||||
|
||||
button.up[disabled="true"], button.up[disabled="true"]:hover:active
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-up-disabled.gif");
|
||||
}
|
||||
|
||||
button.down, button.down:hover
|
||||
{
|
||||
min-width: 0px;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
border : 1px solid #000000;
|
||||
border-top : 0px;
|
||||
}
|
||||
|
||||
button.down:hover:active
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-active.gif");
|
||||
border : 1px solid #000000;
|
||||
border-top : 0px;
|
||||
}
|
||||
|
||||
button.down[disabled="true"], button.down[disabled="true"]:hover:active
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
|
||||
/******* SmartBrowsing **********/
|
||||
|
||||
#disabledDomains {
|
||||
max-height: 15em;
|
||||
}
|
||||
|
||||
/******* Themes ****************/
|
||||
|
||||
#skinsTabcontrol {
|
||||
margin : 5px 5px 0px 5px;
|
||||
}
|
||||
|
|
|
@ -39,6 +39,29 @@
|
|||
font-weight : bold;
|
||||
}
|
||||
|
||||
.sidebar-header-grippy
|
||||
{ /* This image still has to be added to the tree (8/8/00). I'll do it after german's approval */
|
||||
list-style-image : url("chrome://global/skin/grippy-short-vert-after.gif");
|
||||
background-color : #DDDDDD;
|
||||
max-width : 32px;
|
||||
height : 4px;
|
||||
}
|
||||
|
||||
#sidebar-title-box[state="collapsed"] > .sidebar-header-grippy {
|
||||
/* This image still has to be added to the tree (8/8/00). I'll do it after german's approval */
|
||||
list-style-image : url("chrome://global/skin/grippy-short-vert-before.gif");
|
||||
}
|
||||
|
||||
#sidebar-panel-picker > .menu-right {
|
||||
padding-left : 0px;
|
||||
}
|
||||
#sidebar-panel-picker > .menu-text {
|
||||
padding-left: 0px;
|
||||
}
|
||||
#sidebar-panel-picker > .menu-accel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* texttab folder lookalike e.g. for sidebar panel headers
|
||||
* MAC-TODO: reimplement "Modern" tabs which look like OS8.x/9.x tabs.
|
||||
|
|
|
@ -35,6 +35,29 @@
|
|||
font-weight : bold;
|
||||
}
|
||||
|
||||
.sidebar-header-grippy
|
||||
{ /* This image still has to be added to the tree (8/8/00). I'll do it after german's approval */
|
||||
list-style-image : url("chrome://global/skin/grippy-short-vert-after.gif");
|
||||
background-color : #DDDDDD;
|
||||
max-width : 32px;
|
||||
height : 4px;
|
||||
}
|
||||
|
||||
#sidebar-title-box[state="collapsed"] > .sidebar-header-grippy {
|
||||
/* This image still has to be added to the tree (8/8/00). I'll do it after german's approval */
|
||||
list-style-image : url("chrome://global/skin/grippy-short-vert-before.gif");
|
||||
}
|
||||
|
||||
#sidebar-panel-picker > .menu-right {
|
||||
padding-left : 0px;
|
||||
}
|
||||
#sidebar-panel-picker > .menu-text {
|
||||
padding-left: 0px;
|
||||
}
|
||||
#sidebar-panel-picker > .menu-accel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* texttab folder lookalike e.g. for sidebar panel headers
|
||||
*/
|
||||
|
|
|
@ -36,6 +36,29 @@
|
|||
font-weight : bold;
|
||||
}
|
||||
|
||||
.sidebar-header-grippy
|
||||
{ /* This image still has to be added to the tree (8/8/00). I'll do it after german's approval */
|
||||
list-style-image : url("chrome://global/skin/grippy-short-vert-after.gif");
|
||||
background-color : #DDDDDD;
|
||||
max-width : 32px;
|
||||
height : 4px;
|
||||
}
|
||||
|
||||
#sidebar-title-box[state="collapsed"] > .sidebar-header-grippy {
|
||||
/* This image still has to be added to the tree (8/8/00). I'll do it after german's approval */
|
||||
list-style-image : url("chrome://global/skin/grippy-short-vert-before.gif");
|
||||
}
|
||||
|
||||
#sidebar-panel-picker > .menu-right {
|
||||
padding-left : 0px;
|
||||
}
|
||||
#sidebar-panel-picker > .menu-text {
|
||||
padding-left: 0px;
|
||||
}
|
||||
#sidebar-panel-picker > .menu-accel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* texttab folder lookalike e.g. for sidebar panel headers
|
||||
*/
|
||||
|
|
|
@ -88,3 +88,15 @@ slider-bg-horiz.gif
|
|||
slider-bg-vert.gif
|
||||
progressmeter-busy.gif
|
||||
progressmeter-bar.gif
|
||||
tab-border-top-right-cap.gif
|
||||
tab-border-top.gif
|
||||
tab-select-left.gif
|
||||
tab-select-middle.gif
|
||||
tab-select-right.gif
|
||||
tab-unselect-active-left.gif
|
||||
tab-unselect-active-middle.gif
|
||||
tab-unselect-active-right.gif
|
||||
tab-unselect-left.gif
|
||||
tab-unselect-middle.gif
|
||||
tab-unselect-right.gif
|
||||
tab-border-top-left-cap.gif
|
||||
|
|
|
@ -63,7 +63,8 @@
|
|||
border : 1px solid #DDDDDD;
|
||||
}
|
||||
|
||||
button.plain-extended:hover:active
|
||||
button.plain-extended:hover:active,
|
||||
button.plain-extended:hover
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
|
|
@ -147,4 +147,27 @@
|
|||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="tab">
|
||||
<content>
|
||||
<xul:spring class="tab-image-left" inherits="selected"/>
|
||||
<xul:box flex="1" class="tab-image-middle" orient="horizontal" align="center" inherits="selected">
|
||||
<xul:image class="tab-left"/>
|
||||
<xul:text flex="1" inherits="value,crop,accesskey" crop="right" class="tab-text"/>
|
||||
</xul:box>
|
||||
<xul:spring class="tab-image-right" inherits="selected"/>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="tabbox" extends="xul:box">
|
||||
<content>
|
||||
<xul:spring class="tab-border-top-left-cap"/>
|
||||
<xul:spring class="tab-border-top-left"/>
|
||||
<xul:box inherits="align">
|
||||
<children/>
|
||||
</xul:box>
|
||||
<xul:spring class="tab-border-top-right" flex="1"/>
|
||||
<xul:spring class="tab-border-top-right-cap"/>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
</bindings>
|
||||
|
|
|
@ -6,6 +6,7 @@
|
|||
{
|
||||
behavior : url("chrome://global/skin/menubuttonBindings.xml#menubutton-toolbar-top");
|
||||
border : 1px solid transparent;
|
||||
margin : 0px 2px;
|
||||
}
|
||||
|
||||
.menubutton-dual[disabled="true"]
|
||||
|
@ -52,7 +53,7 @@
|
|||
border-top : 1px solid #444444 !important;
|
||||
border-right : 1px solid #AAAAAA !important;
|
||||
border-bottom : 1px solid #AAAAAA !important;
|
||||
padding : 3px 7px 1px 8px;
|
||||
padding : 3px 2px 1px 1px;
|
||||
color : #FFFFFF;
|
||||
background-color : #666666 !important;
|
||||
}
|
||||
|
@ -69,7 +70,7 @@
|
|||
margin : 0px;
|
||||
border : 1px solid transparent !important;
|
||||
min-width : 0px;
|
||||
padding : 2px 8px 2px 7px;
|
||||
padding : 2px 1px 2px 2px;
|
||||
text-align : center;
|
||||
color : #777777;
|
||||
background-color : transparent !important;
|
||||
|
|
|
@ -26,7 +26,7 @@ grippy:hover
|
|||
background-color : #CCCCFF;
|
||||
}
|
||||
|
||||
grippy[collapse="after"]
|
||||
splitter[state="collapsed"] > grippy
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
|
||||
}
|
||||
|
@ -65,20 +65,23 @@ splitter:hover:active
|
|||
{
|
||||
cursor : n-resize;
|
||||
border-right : 0px;
|
||||
border-top : 2px ridge #000000;
|
||||
border-top : 2px groove #000000;
|
||||
}
|
||||
|
||||
/**** NOTE *****/
|
||||
/* The images below are correct, even though their names are switched. */
|
||||
|
||||
window[orient="vertical"] > splitter > grippy,
|
||||
window[orient="vertical"] > splitter > grippy[collapse="before"],
|
||||
box[orient="vertical"] > splitter > grippy,
|
||||
box[orient="vertical"] > splitter > grippy[collapse="before"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
|
||||
}
|
||||
|
||||
window[orient="vertical"] > splitter > grippy[collapse="after"],
|
||||
box[orient="vertical"] > splitter > grippy[collapse="after"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
|
||||
}
|
||||
|
||||
window[orient="vertical"] > splitter[state="collapsed"] > grippy,
|
||||
box[orient="vertical"] > splitter[state="collapsed"] > grippy
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
|
||||
}
|
||||
|
||||
|
|
|
@ -1,41 +1,97 @@
|
|||
/********** Tab widget *********/
|
||||
tab {
|
||||
border-top: 1px solid white;
|
||||
border-bottom: 1px solid #666666;
|
||||
border-left: 1px solid white;
|
||||
border-right: 1px solid #666666;
|
||||
color: black;
|
||||
padding: 3px 5px 3px 5px;
|
||||
behavior : url(chrome://global/skin/classicBindings.xml#tab);
|
||||
color : #000000;
|
||||
padding : 0px;
|
||||
max-height : 24px;
|
||||
}
|
||||
|
||||
/* when a tab is selected this is how it should look */
|
||||
tab[selected="true"] {
|
||||
font-weight: bold;
|
||||
.tab-image-left {
|
||||
background : url(chrome://global/skin/tab-unselect-left.gif) no-repeat;
|
||||
width : 11px;
|
||||
height : 24px;
|
||||
}
|
||||
|
||||
tab:hover {
|
||||
color: #003366;
|
||||
text-decoration: underline;
|
||||
.tab-image-middle {
|
||||
background : url(chrome://global/skin/tab-unselect-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
.tab-image-right {
|
||||
background : url(chrome://global/skin/tab-unselect-right.gif) no-repeat;
|
||||
width : 12px;
|
||||
height : 24px;
|
||||
}
|
||||
|
||||
.tab-text {
|
||||
padding : 3px 0px 6px 0px;
|
||||
font : 12px charcoal;
|
||||
}
|
||||
|
||||
tab:hover:active {
|
||||
border-top: 1px solid #666666;
|
||||
border-bottom: 1px solid white;
|
||||
border-left: 1px solid #666666;
|
||||
border-right: 1px solid white;
|
||||
text-decoration: none;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
tab:hover:active > .tab-image-left {
|
||||
background : url(chrome://global/skin/tab-unselect-active-left.gif) no-repeat;
|
||||
}
|
||||
|
||||
tab:hover:active > .tab-image-middle {
|
||||
background : url(chrome://global/skin/tab-unselect-active-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
tab:hover:active > .tab-image-right {
|
||||
background : url(chrome://global/skin/tab-unselect-active-right.gif) no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* when a tab is selected this is how it should look */
|
||||
tab:hover:active[selected="true"] {
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
tab[selected="true"] > .tab-image-left,
|
||||
tab:hover:active[selected="true"] > .tab-image-left {
|
||||
background : url(chrome://global/skin/tab-select-left.gif) no-repeat;
|
||||
}
|
||||
|
||||
tab[selected="true"] > .tab-image-middle,
|
||||
tab:hover:active[selected="true"] > .tab-image-middle {
|
||||
background : url(chrome://global/skin/tab-select-middle.gif) repeat-x;
|
||||
}
|
||||
|
||||
tab[selected="true"] > .tab-image-right,
|
||||
tab:hover:active[selected="true"] > .tab-image-right {
|
||||
background : url(chrome://global/skin/tab-select-right.gif) no-repeat;
|
||||
}
|
||||
|
||||
.tab-border-top-left {
|
||||
background : url(chrome://global/skin/tab-border-top.gif) repeat-x bottom;
|
||||
width : 2px;
|
||||
}
|
||||
|
||||
.tab-border-top-left-cap {
|
||||
background : url(chrome://global/skin/tab-border-top-left-cap.gif) no-repeat bottom;
|
||||
width : 2px;
|
||||
}
|
||||
|
||||
.tab-border-top-right {
|
||||
background : url(chrome://global/skin/tab-border-top.gif) repeat-x bottom;
|
||||
}
|
||||
|
||||
.tab-border-top-right-cap {
|
||||
background : url(chrome://global/skin/tab-border-top-right-cap.gif) no-repeat bottom;
|
||||
width : 2px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
padding: 0px 2px 0px 2px;
|
||||
behavior : url(chrome://global/skin/classicBindings.xml#tabbox);
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
/* top tabs */
|
||||
tabcontrol[align="vertical"] tabbox[align="horizontal"] tab {
|
||||
border-bottom: none;
|
||||
-moz-border-radius: 8px 8px 0px 0px;
|
||||
padding-bottom: 1px;
|
||||
margin: 1px 2px 1px 2px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* bottom tabs */
|
||||
|
@ -80,10 +136,11 @@ tabpanel.light {
|
|||
}
|
||||
|
||||
tabpanel {
|
||||
border-top: 1px solid white;
|
||||
border-bottom: 1px solid #666666;
|
||||
border-left: 1px solid white;
|
||||
border-right: 1px solid #666666;
|
||||
border-top: 0px;
|
||||
border-bottom: 2px ridge #000000;
|
||||
border-left: 2px groove #000000;
|
||||
border-right: 2px ridge #000000;
|
||||
padding: 5px;
|
||||
background-color : #EEEEEE;
|
||||
}
|
||||
|
||||
|
|
|
@ -21,7 +21,7 @@ grippy:hover
|
|||
background-color : #CCCCFF;
|
||||
}
|
||||
|
||||
grippy[collapse="after"]
|
||||
splitter[state="collapsed"] > grippy
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
|
||||
}
|
||||
|
@ -64,17 +64,19 @@ splitter:hover:active
|
|||
cursor : n-resize;
|
||||
}
|
||||
|
||||
/**** NOTE *****/
|
||||
/* The images below are correct, even though their names are switched. */
|
||||
|
||||
window[orient="vertical"] > splitter > grippy,
|
||||
window[orient="vertical"] > splitter > grippy[collapse="before"],
|
||||
box[orient="vertical"] > splitter > grippy,
|
||||
box[orient="vertical"] > splitter > grippy[collapse="before"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
|
||||
}
|
||||
|
||||
window[orient="vertical"] > splitter > grippy[collapse="after"],
|
||||
box[orient="vertical"] > splitter > grippy[collapse="after"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
|
||||
}
|
||||
|
||||
window[orient="vertical"] > splitter[state="collapsed"] > grippy,
|
||||
box[orient="vertical"] > splitter[state="collapsed"] > grippy
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
|
||||
}
|
||||
|
|
|
@ -20,7 +20,7 @@ grippy:hover
|
|||
background-color : #CCCCFF;
|
||||
}
|
||||
|
||||
grippy[collapse="after"]
|
||||
splitter[state="collapsed"] > grippy
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
|
||||
}
|
||||
|
@ -63,17 +63,19 @@ splitter:hover:active
|
|||
cursor : n-resize;
|
||||
}
|
||||
|
||||
/**** NOTE *****/
|
||||
/* The images below are correct, even though their names are switched. */
|
||||
|
||||
window[orient="vertical"] > splitter > grippy,
|
||||
window[orient="vertical"] > splitter > grippy[collapse="before"],
|
||||
box[orient="vertical"] > splitter > grippy,
|
||||
box[orient="vertical"] > splitter > grippy[collapse="before"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
|
||||
}
|
||||
|
||||
window[orient="vertical"] > splitter > grippy[collapse="after"],
|
||||
box[orient="vertical"] > splitter > grippy[collapse="after"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
|
||||
}
|
||||
|
||||
window[orient="vertical"] > splitter[state="collapsed"] > grippy,
|
||||
box[orient="vertical"] > splitter[state="collapsed"] > grippy
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
|
||||
}
|
||||
|
|
|
@ -66,6 +66,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
#back-button
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/back.gif");
|
||||
min-width : 55px;
|
||||
}
|
||||
|
||||
#back-button[disabled="true"],
|
||||
|
@ -93,6 +94,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
#forward-button
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/forward.gif");
|
||||
min-width : 55px;
|
||||
}
|
||||
|
||||
#forward-button[disabled="true"],
|
||||
|
@ -120,6 +122,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
#stop-button
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/stop.gif");
|
||||
min-width : 46px;
|
||||
}
|
||||
|
||||
#stop-button[disabled="true"],
|
||||
|
@ -142,6 +145,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
#reload-button
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/reload.gif");
|
||||
min-width : 46px;
|
||||
}
|
||||
|
||||
#reload-button:hover
|
||||
|
|
Двоичные данные
themes/modern/communicator/bookmarks/iefavorite.gif
Двоичные данные
themes/modern/communicator/bookmarks/iefavorite.gif
Двоичный файл не отображается.
До Ширина: | Высота: | Размер: 256 B После Ширина: | Высота: | Размер: 196 B |
|
@ -84,10 +84,10 @@ tabpanel.light {
|
|||
}
|
||||
|
||||
tabpanel {
|
||||
border-top: 1px solid white;
|
||||
border-bottom: 1px solid #666666;
|
||||
border-left: 1px solid white;
|
||||
border-right: 1px solid #666666;
|
||||
padding: 5px;
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threeddarkshadow;
|
||||
border-bottom : 1px solid threeddarkshadow;
|
||||
padding : 5px;
|
||||
}
|
||||
|
||||
|
|
Загрузка…
Ссылка в новой задаче