more classic skin work

This commit is contained in:
ben%netscape.com 2000-06-23 04:57:28 +00:00
parent 4324ba7641
commit ca579ae1ca
32 changed files with 229 additions and 448 deletions

View File

@ -1,14 +1,11 @@
#!dest communicator:skin:bookmarks
bookmark-folder-closed-sel.gif
bookmark-folder-closed.gif
bookmark-folder-open-sel.gif
bookmark-folder-open.gif
bookmark-item.gif
bookmarks.css
home-sel.gif
home.gif
iefavorite.gif
personal-folder-closed-sel.gif
personal-folder-closed.gif
personal-folder-open-sel.gif
personal-folder-open.gif
location.gif

View File

@ -32,19 +32,15 @@ include $(THEME_ROOT_DEPTH)/theme.mk
SAMPLES_DIR = $(DIST)/bin/chrome/skins/$(THEME)/communicator/skin/bookmarks
EXPORT_RESOURCE_SAMPLES = \
bookmark-folder-closed-sel.gif \
bookmark-folder-closed.gif \
bookmark-folder-open-sel.gif \
bookmark-folder-open.gif \
bookmark-item.gif \
bookmarks.css \
home-sel.gif \
home.gif \
iefavorite.gif \
personal-folder-closed-sel.gif \
personal-folder-closed.gif \
personal-folder-open-sel.gif \
personal-folder-open.gif \
location.gif \
$(NULL)
include $(topsrcdir)/config/rules.mk

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 B

After

Width:  |  Height:  |  Size: 165 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 85 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 85 B

After

Width:  |  Height:  |  Size: 175 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 B

After

Width:  |  Height:  |  Size: 112 B

View File

@ -22,7 +22,7 @@
.bookmarkitem
{
list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
list-style-image : url("chrome://communicator/skin/bookmarks/location.gif");
}
.bookmarkfolder
@ -52,25 +52,12 @@ treeitem[container="true"][open="true"] > treerow > .treecell-bookmark
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
}
treeitem[selected="true"][type="http://home.netscape.com/NC-rdf#Folder"] > treerow > .treecell-bookmark,
treeitem[selected="true"][type="http://home.netscape.com/NC-rdf#IEFavoriteFolder"] > treerow > .treecell-bookmark,
treeitem[selected="true"][container="true"][open="true"] > treerow > .treecell-bookmark
{
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed-sel.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");
}
treeitem[selected="true"][type="http://home.netscape.com/NC-rdf#Folder"][open="true"] > treerow > .treecell-bookmark,
treeitem[selected="true"][type="http://home.netscape.com/NC-rdf#IEFavoriteFolder"][open="true"] > treerow > .treecell-bookmark
{
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open-sel.gif");
}
treeitem[container="true"][open="true"] > treerow > .treecell-bookmark {
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
}
@ -80,24 +67,14 @@ treeitem[type="http://home.netscape.com/NC-rdf#Folder"][id="NC:PersonalToolbarFo
list-style-image: url("chrome://communicator/skin/bookmarks/personal-folder-closed.gif");
}
treeitem[selected="true"][type="http://home.netscape.com/NC-rdf#Folder"][id="NC:PersonalToolbarFolder"] > treerow > .treecell-bookmark
{
list-style-image: url("chrome://communicator/skin/bookmarks/personal-folder-closed-sel.gif");
}
treeitem[type="http://home.netscape.com/NC-rdf#Folder"][id="NC:PersonalToolbarFolder"][open="true"] > > treerow > .treecell-bookmark
{
list-style-image: url("chrome://communicator/skin/bookmarks/personal-folder-open.gif");
}
treeitem[selected="true"][type="http://home.netscape.com/NC-rdf#Folder"][id="NC:PersonalToolbarFolder"][open="true"] > > treerow > .treecell-bookmark
{
list-style-image: url("chrome://communicator/skin/bookmarks/personal-folder-open-sel.gif");
}
treeitem[type="http://home.netscape.com/NC-rdf#BookmarkSeparator"] > treerow > .treecell-bookmark
{
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
list-style-image: url("chrome://communicator/skin/bookmarks/location.gif");
}
treeitem[type="http://home.netscape.com/NC-rdf#IEFavorite"] > treerow > .treecell-bookmark
@ -107,7 +84,7 @@ treeitem[type="http://home.netscape.com/NC-rdf#IEFavorite"] > treerow > .treecel
treeitem[type="http://home.netscape.com/NC-rdf#Bookmark"] > treerow > .treecell-bookmark
{
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
list-style-image: url("chrome://communicator/skin/bookmarks/location.gif");
}
treeitem[type="http://home.netscape.com/NC-rdf#FileSystemObject"][container="true"][open="true"] > treerow > .treecell-bookmark
@ -126,7 +103,7 @@ treeitem[type="http://home.netscape.com/NC-rdf#FileSystemObject"] > treerow > .t
}
treeitem > treerow > .treecell-bookmark {
list-style-image:url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
list-style-image:url("chrome://communicator/skin/bookmarks/location.gif");
}
.bookmarks-panel-tree

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 B

View File

@ -29,16 +29,12 @@ clobber::
rm -f $(DIST)\chrome\skins\$(THEME)\communicator\skin\bookmarks\*.*
install::
$(MAKE_INSTALL) bookmark-folder-closed-sel.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
$(MAKE_INSTALL) bookmark-folder-closed.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
$(MAKE_INSTALL) bookmark-folder-open-sel.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
$(MAKE_INSTALL) bookmark-folder-open.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
$(MAKE_INSTALL) bookmark-item.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
$(MAKE_INSTALL) bookmarks.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\bookmarks
$(MAKE_INSTALL) home-sel.gif $(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) personal-folder-closed-sel.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-sel.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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 B

View File

@ -26,6 +26,11 @@
*/
#Tree, .tree-container-treerows
{
border : none;
}
treeitem[container="true"][open="true"][loading="true"] > treerow > .treecell-indent
{
list-style-image : url("chrome://global/skin/loading.gif") ! important ;

View File

@ -1,15 +1,11 @@
#!dest communicator:skin:sidebar
customize.css
list-down-dis.gif
list-down.gif
list-up-dis.gif
list-up.gif
preview.css
sidebar-bottomright-cap.gif
sidebar-icon.gif
sidebar-topright-cap.gif
sidebar.css
sidebarOverlay.css
sbgrippy-left-hover.gif
sbgrippy-left.gif
sbgrippy-right-hover.gif

View File

@ -31,17 +31,13 @@ include $(THEME_ROOT_DEPTH)/theme.mk
SAMPLES_DIR = $(DIST)/bin/chrome/skins/$(THEME)/communicator/skin/sidebar
EXPORT_RESOURCE_SAMPLES = \
customize.css \
list-down-dis.gif \
list-down.gif \
list-up-dis.gif \
list-up.gif \
preview.css \
sidebar-bottomright-cap.gif \
sidebar-icon.gif \
sidebar-topright-cap.gif \
sidebar.css \
sidebarOverlay.css \
sidebarSplitterBindings.xml \
sbgrippy-left-hover.gif \
sbgrippy-left.gif \

View File

@ -0,0 +1,4 @@
#!dest communicator:skin:sidebar
customize.css
preview.css
sidebar.css

View File

@ -0,0 +1,102 @@
#sidebar-box
{
border-left : 1px solid threedshadow;
border-top : 1px solid threedshadow;
border-right : 1px solid threedhighlight;
border-bottom : 1px solid threedhighlight;
background-color : appworkspace;
}
.text-panel-loading
{
margin : 5px 0px;
}
.image-panel-loading
{
margin : 5px;
list-style-image : url("resource:/res/rdf/loading.gif");
}
.sidebarheader-main
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
background-color : threedface;
padding : 3px 5px 3px 6px;
background-image : url("chrome://communicator/skin/smallheader-bg.gif");
}
.sidebar-header-text
{
font-weight : bold;
}
/**
* texttab folder lookalike e.g. for sidebar panel headers
*/
.box-texttab
{
behavior : url("chrome://communicator/skin/sidebar/sidebarSplitterBindings.xml#panelheader");
background-color : threedface;
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
margin-bottom : 1px;
}
.box-texttab[last-panel="true"], .box-texttab[selected="true"]
{
margin-bottom : 0px;
}
.panelheader-box-1
{
border : 1px solid threedface;
padding : 3px 5px 3px 6px;
}
.box-texttab:hover
{
border-right : 1px solid threeddarkshadow;
border-bottom : 1px solid threeddarkshadow;
}
.box-texttab:hover > .panelheader-box-1
{
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
}
.box-texttab:hover:active
{
border-left : 1px solid threeddarkshadow;
border-top : 1px solid threeddarkshadow;
border-right : 1px solid threedhighlight;
border-bottom : 1px solid threedhighlight;
}
.box-texttab:hover:active > .panelheader-box-1
{
border-left : 1px solid threedshadow;
border-top : 1px solid threedshadow;
border-right : 1px solid threedface;
border-bottom : 1px solid threedface;
}
.sidebar-iframe-no-panels, .loadarea
{
background-color : #FFFFFF;
}
.iframe-panel
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
}

View File

@ -31,17 +31,13 @@ clobber::
rm -f $(DIST)\chrome\skins\$(THEME)\communicator\skin\sidebar\*.*
install::
$(MAKE_INSTALL) customize.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) list-down-dis.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) list-down.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) list-up-dis.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) list-up.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) preview.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sidebar-bottomright-cap.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sidebar-icon.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sidebar-topright-cap.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sidebar.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sidebarOverlay.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sidebarSplitterBindings.xml $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sbgrippy-left-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sbgrippy-left.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar

View File

@ -1 +0,0 @@
@import url(chrome://global/skin/global.css);

View File

@ -1,226 +0,0 @@
/*
* The contents of this file are subject to the Mozilla Public
* License Version 1.1 (the "License"); you may not use this file
* except in compliance with the License. You may obtain a copy of
* the License at http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
* implied. See the License for the specific language governing
* rights and limitations under the License.
*
* The Original Code is Mozilla Communicator.
*
* The Initial Developer of the Original Code is Netscape
* Communications Corp. Portions created by Netscape Communications
* Corp. are Copyright (C) 1999 Netscape Communications Corp. All
* Rights Reserved.
*
* Contributor(s): Stephen Lamm <slamm@netscape.com>
*/
#sidebar-splitter {
margin-right: 1px;
margin-top: 1px;
padding: 0px;
border: none;
background-color: #003366;
behavior:
url("chrome://communicator/skin/sidebar/sidebarSplitterBindings.xml#sidebar-splitter");
}
.sidebar-splitter-topright-cap {
min-height: 8px;
background-repeat: no-repeat;
background-position: 100% 0%;
background-image:
url("chrome://communicator/skin/sidebar/sidebar-topright-cap.gif");
}
.sidebar-splitter-bottomright-cap {
min-height: 8px;
background-repeat: no-repeat;
background-position: 100% 100%;
background-image:
url("chrome://communicator/skin/sidebar/sidebar-bottomright-cap.gif");
}
.sidebar-splitter-grippy {
background-color: transparent;
margin: 0px;
padding: 0px;
background-image:
url("chrome://communicator/skin/sidebar/sbgrippy-left.gif");
background-repeat: no-repeat;
background-position: 50% 50%;
}
.sidebar-splitter-grippy:hover,
.sidebar-splitter-grippy:active {
background-color: transparent;
background-image:
url("chrome://communicator/skin/sidebar/sbgrippy-left-hover.gif");
}
#sidebar-splitter[collapsed="true"] .sidebar-splitter-grippy {
background-image:
url("chrome://communicator/skin/sidebar/sbgrippy-right.gif");
}
#sidebar-splitter[collapsed="true"] .sidebar-splitter-grippy:hover,
#sidebar-splitter[collapsed="true"] .sidebar-splitter-grippy:active {
background-image:
url("chrome://communicator/skin/sidebar/sbgrippy-right-hover.gif");
}
#sidebar-status-grippy {
padding: 2px 2px 2px 0px;
background-color: #003366;
background-image:
url("chrome://communicator/skin/sidebar/sidebar-open.gif");
}
#sidebar-status-grippy:hover {
background-image:
url("chrome://communicator/skin/sidebar/sidebar-open-hover.gif");
}
#sidebar-status-grippy[open="true"] {
background-image:
url("chrome://communicator/skin/sidebar/sidebar-close.gif");
}
#sidebar-status-grippy[open="true"]:hover {
background-image:
url("chrome://communicator/skin/sidebar/sidebar-close-hover.gif");
}
/**/
#sidebar-box {
margin-top: 1px;
width: 162px;
min-height: 10px;
min-width: 30px;
max-width: 400px;
border: none;
border-bottom: 8px solid #003366;
}
#sidebar-panels {
min-width: 1px;
min-height: 10px;
margin: 0px 1px 1px 1px;
}
.text-panel-loading {
margin: 5px 0px;
}
.image-panel-loading {
margin: 5px;
list-style-image: url("resource:/res/rdf/loading.gif");
}
.iframe-panel {
min-width: 1px;
min-height: 1px;
}
/*
* Sidebar and Panel title buttons
*/
sidebarheader[type="box"] {
behavior: url(chrome://global/content/globalBindings.xml#sidebar-header-box);
}
sidebarheader[type="splitter"] {
behavior: url(chrome://global/content/globalBindings.xml#sidebar-header-splitter);
/* a vertical splitter */
cursor: n-resize;
}
.sidebarheader-main {
color: #CCFFFF;
background-color: #003366;
border: 0px !important;
padding-left: 4px;
min-width: 1px;
min-height: 1px;
}
.sidebarheader-main > text {
font-weight: bold;
margin: 2px;
}
#sidebar-panel-picker:hover {
background-color: #336699;
}
#sidebar-panel-picker > .menu-right {
list-style-image: url("chrome://global/skin/toolbar-menu-arrow.gif");
padding-right: 2px;
}
#sidebar-panel-picker > .menu-text {
color: #CCFFFF;
padding-left: 4px;
}
#sidebar-panel-picker > .menu-accel {
display: none;
}
/**
* texttab folder lookalike e.g. for sidebar panel headers
*/
.box-texttab
{
behavior : url("chrome://global/content/globalBindings.xml#texttab");
background-color : #99CCCC;
color : #003366;
margin-top : 1px;
border : 1px solid #99CCCC;
}
.box-texttab:hover
{
border : 1px outset #99CCCC;
}
.box-texttab:hover:active
{
border : 1px inset #99CCCC;
}
.box-texttab > .texttab-internal-box
{
border : 1px solid #99CCCC;
padding : 1px 4px 1px 4px;
}
.box-texttab[selected="true"], .box-texttab[selected="true"]:hover,
.box-texttab[selected="true"]:hover:active
{
border-top : 1px solid #003366;
border-left : 1px solid #003366;
border-right : 1px solid #003366;
border-bottom : none;
font-weight : bold;
}
.box-texttab[selected="true"] > .texttab-internal-box
{
border : 1px solid #99CCCC;
}
.box-texttab[selected="true"]:hover > .texttab-internal-box
{
border : 1px outset #99CCCC;
}
.box-texttab[selected="true"]:hover:active > .texttab-internal-box
{
border : 1px inset #99CCCC;
}
.iframe-panel
{
border-left : 1px solid #003366;
border-right : 1px solid #003366;
border-bottom : 1px solid #003366;
}

View File

@ -19,5 +19,14 @@
</xul:box>
</content>
</binding>
<binding id="panelheader" extends="xul:button">
<content excludes="observes,template">
<xul:box class="panelheader-box-1" flex="1">
<xul:image class="panelheader-image" inherits="src"/>
<xul:text class="panelheader-icon" inherits="value,crop"/>
</xul:box>
</content>
</binding>
</bindings>

View File

@ -34,7 +34,6 @@ EXPORT_RESOURCE_SAMPLES = \
customize.css \
preview.css \
sidebar.css \
sidebarBindings.xml \
$(NULL)
include $(topsrcdir)/config/rules.mk

View File

@ -1,23 +1,3 @@
/*
* The contents of this file are subject to the Mozilla Public
* License Version 1.1 (the "License"); you may not use this file
* except in compliance with the License. You may obtain a copy of
* the License at http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
* implied. See the License for the specific language governing
* rights and limitations under the License.
*
* The Original Code is Mozilla Communicator.
*
* The Initial Developer of the Original Code is Netscape
* Communications Corp. Portions created by Netscape Communications
* Corp. are Copyright (C) 1999 Netscape Communications Corp. All
* Rights Reserved.
*
* Contributor(s): Stephen Lamm <slamm@netscape.com>
*/
#sidebar-box
{
@ -25,11 +5,7 @@
border-top : 1px solid threedshadow;
border-right : 1px solid threedhighlight;
border-bottom : 1px solid threedhighlight;
}
#sidebar-panels
{
background-color : window;
background-color : appworkspace;
}
.text-panel-loading
@ -40,80 +16,87 @@
.image-panel-loading
{
margin : 5px;
list-style-image : url("chrome://global/skin/loading.gif");
list-style-image : url("resource:/res/rdf/loading.gif");
}
/*
* Sidebar and Panel title buttons
*/
.sidebarheader-main
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
padding-left : 4px;
background-color : threedface;
padding : 3px 5px 3px 6px;
background-image : url("chrome://communicator/skin/smallheader-bg.gif");
}
/** XXX: this should be a menubutton! **/
#sidebar-panel-picker > .menu-right
.sidebar-header-text
{
list-style-image: url("chrome://global/skin/toolbar-menu-arrow.gif");
padding-right: 2px;
font-weight : bold;
}
/**
* texttab folder lookalike e.g. for sidebar panel headers
* attributes set: selected, top-panel, first-panel-after-selected, last-panel
*/
.box-texttab
{
behavior : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sidebar-panel-header");
behavior : url("chrome://communicator/skin/sidebar/sidebarSplitterBindings.xml#panelheader");
background-color : threedface;
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
margin-bottom : 1px;
}
.box-texttab[last-panel="true"], .box-texttab[selected="true"]
{
margin-bottom : 0px;
}
.panelheader-box-1
{
border : 1px solid threedface;
padding : 3px 5px 3px 6px;
}
.box-texttab:hover
{
border-left : 1px solid threedface;
border-top : 1px solid threedface;
border-right : 1px solid threeddarkshadow;
border-bottom : 1px solid threeddarkshadow;
}
.sidebar-panel-header-box
{
border : 1px solid threedface;
padding : 1px 1px 1px 5px;
min-width : 1px;
}
.box-texttab:hover > .sidebar-panel-header-box
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
.box-texttab:hover > .panelheader-box-1
{
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
}
}
.box-texttab:hover:active
{
border : 1px solid threedshadow;
}
.box-texttab:hover:active > .sidebar-panel-header-box
{
border : 1px solid threedface;
padding : 2px 0px 0px 6px;
}
.iframe-panel
{
border-left : 1px solid threeddarkshadow;
border-top : 1px solid threeddarkshadow;
border-right : 1px solid threedhighlight;
border-bottom : 1px solid threedhighlight;
}
.box-texttab:hover:active > .panelheader-box-1
{
border-left : 1px solid threedshadow;
border-top : 1px solid threedshadow;
border-right : 1px solid threedface;
border-bottom : 1px solid threedface;
}
}
.sidebar-iframe-no-panels, .loadarea
{
background-color : #FFFFFF;
}
.iframe-panel
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
}

View File

@ -1,15 +0,0 @@
<?xml version="1.0"?>
<bindings id="buttonBindings"
xmlns="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<binding id="sidebar-panel-header">
<content>
<xul:box class="sidebar-panel-header-box" flex="1" autostretch="never" valign="middle">
<xul:text class="sidebar-panel-header-text" inherits="value,accesskey,crop" crop="right"/>
</xul:box>
</content>
</binding>
</bindings>

View File

@ -32,5 +32,4 @@ install::
$(MAKE_INSTALL) customize.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) preview.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sidebar.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar
$(MAKE_INSTALL) sidebarBindings.xml $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin\sidebar

View File

@ -1,23 +1,3 @@
/*
* The contents of this file are subject to the Mozilla Public
* License Version 1.1 (the "License"); you may not use this file
* except in compliance with the License. You may obtain a copy of
* the License at http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
* implied. See the License for the specific language governing
* rights and limitations under the License.
*
* The Original Code is Mozilla Communicator.
*
* The Initial Developer of the Original Code is Netscape
* Communications Corp. Portions created by Netscape Communications
* Corp. are Copyright (C) 1999 Netscape Communications Corp. All
* Rights Reserved.
*
* Contributor(s): Stephen Lamm <slamm@netscape.com>
*/
#sidebar-box
{
@ -25,11 +5,7 @@
border-top : 1px solid threedshadow;
border-right : 1px solid threedhighlight;
border-bottom : 1px solid threedhighlight;
}
#sidebar-panels
{
background-color : window;
background-color : appworkspace;
}
.text-panel-loading
@ -40,80 +16,87 @@
.image-panel-loading
{
margin : 5px;
list-style-image : url("chrome://global/skin/loading.gif");
list-style-image : url("resource:/res/rdf/loading.gif");
}
/*
* Sidebar and Panel title buttons
*/
.sidebarheader-main
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
padding-left : 4px;
background-color : threedface;
padding : 3px 5px 3px 6px;
background-image : url("chrome://communicator/skin/smallheader-bg.gif");
}
/** XXX: this should be a menubutton! **/
#sidebar-panel-picker > .menu-right
.sidebar-header-text
{
list-style-image: url("chrome://global/skin/toolbar-menu-arrow.gif");
padding-right: 2px;
font-weight : bold;
}
/**
* texttab folder lookalike e.g. for sidebar panel headers
* attributes set: selected, top-panel, first-panel-after-selected, last-panel
*/
.box-texttab
{
behavior : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sidebar-panel-header");
behavior : url("chrome://communicator/skin/sidebar/sidebarSplitterBindings.xml#panelheader");
background-color : threedface;
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
margin-bottom : 1px;
}
.box-texttab[last-panel="true"], .box-texttab[selected="true"]
{
margin-bottom : 0px;
}
.panelheader-box-1
{
border : 1px solid threedface;
padding : 3px 5px 3px 6px;
}
.box-texttab:hover
{
border-left : 1px solid threedface;
border-top : 1px solid threedface;
border-right : 1px solid threeddarkshadow;
border-bottom : 1px solid threeddarkshadow;
}
.sidebar-panel-header-box
{
border : 1px solid threedface;
padding : 1px 1px 1px 5px;
min-width : 1px;
}
.box-texttab:hover > .sidebar-panel-header-box
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
.box-texttab:hover > .panelheader-box-1
{
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
}
}
.box-texttab:hover:active
{
border : 1px solid threedshadow;
}
.box-texttab:hover:active > .sidebar-panel-header-box
{
border : 1px solid threedface;
padding : 2px 0px 0px 6px;
}
.iframe-panel
{
border-left : 1px solid threeddarkshadow;
border-top : 1px solid threeddarkshadow;
border-right : 1px solid threedhighlight;
border-bottom : 1px solid threedhighlight;
}
.box-texttab:hover:active > .panelheader-box-1
{
border-left : 1px solid threedshadow;
border-top : 1px solid threedshadow;
border-right : 1px solid threedface;
border-bottom : 1px solid threedface;
}
}
.sidebar-iframe-no-panels, .loadarea
{
background-color : #FFFFFF;
}
.iframe-panel
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
}

View File

@ -1,15 +0,0 @@
<?xml version="1.0"?>
<bindings id="buttonBindings"
xmlns="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<binding id="sidebar-panel-header">
<content>
<xul:box class="sidebar-panel-header-box" flex="1" autostretch="never" valign="middle">
<xul:text class="sidebar-panel-header-text" inherits="value,accesskey,crop" crop="right"/>
</xul:box>
</content>
</binding>
</bindings>

View File

@ -7,7 +7,7 @@
{
behavior : url("chrome://global/content/xulBindings.xml#buttontop");
min-width : 0px;
margin : 1px;
margin : 0px 1px 0px 1px;
border : 1px solid transparent;
}
@ -33,11 +33,16 @@
text-align : center;
border : 1px solid transparent;
}
.button-toolbar > .button-internal-box > .button-text-container
{
padding-left : 4px;
}
.button-toolbar > .button-internal-box,
.button-toolbar-4 > .button-internal-box
{
padding : 2px 4px 2px 3px;
padding : 1px 4px 1px 3px;
vertical-align : middle;
text-align : center;
border : 1px solid transparent;
@ -85,7 +90,7 @@
.button-toolbar:hover:active > .button-internal-box,
.button-toolbar-4:hover:active > .button-internal-box
{
padding : 3px 3px 1px 4px;
padding : 1px 3px 0px 4px;
border-left : 1px solid threedshadow !important;
border-top : 1px solid threedshadow !important;
border-right : 1px solid threedhighlight !important;

View File

@ -52,11 +52,6 @@
padding : 1px 2px 0px 3px;
}
.button-box-text
{
/*debug */
}
button[disabled="true"],
button[disabled="true"]:hover:active
{