more classic skin work
@ -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
|
||||
|
@ -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
|
||||
|
Before Width: | Height: | Size: 88 B |
Before Width: | Height: | Size: 88 B After Width: | Height: | Size: 165 B |
Before Width: | Height: | Size: 85 B |
Before Width: | Height: | Size: 85 B After Width: | Height: | Size: 175 B |
Before Width: | Height: | Size: 88 B After Width: | Height: | Size: 112 B |
@ -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
|
||||
|
Before Width: | Height: | Size: 76 B |
BIN
themes/classic/communicator/bookmarks/location.gif
Normal file
After Width: | Height: | Size: 141 B |
@ -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
|
||||
|
Before Width: | Height: | Size: 70 B |
Before Width: | Height: | Size: 73 B |
@ -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 ;
|
||||
|
@ -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
|
||||
|
@ -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 \
|
||||
|
4
themes/classic/communicator/sidebar/mac/MANIFEST
Normal file
@ -0,0 +1,4 @@
|
||||
#!dest communicator:skin:sidebar
|
||||
customize.css
|
||||
preview.css
|
||||
sidebar.css
|
102
themes/classic/communicator/sidebar/mac/sidebar.css
Normal 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;
|
||||
}
|
@ -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
|
||||
|
@ -1 +0,0 @@
|
||||
@import url(chrome://global/skin/global.css);
|
@ -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;
|
||||
}
|
@ -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>
|
@ -34,7 +34,6 @@ EXPORT_RESOURCE_SAMPLES = \
|
||||
customize.css \
|
||||
preview.css \
|
||||
sidebar.css \
|
||||
sidebarBindings.xml \
|
||||
$(NULL)
|
||||
|
||||
include $(topsrcdir)/config/rules.mk
|
||||
|
@ -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;
|
||||
}
|
@ -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>
|
@ -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
|
||||
|
||||
|
@ -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;
|
||||
}
|
@ -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>
|
@ -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;
|
||||
|
@ -52,11 +52,6 @@
|
||||
padding : 1px 2px 0px 3px;
|
||||
}
|
||||
|
||||
.button-box-text
|
||||
{
|
||||
/*debug */
|
||||
}
|
||||
|
||||
button[disabled="true"],
|
||||
button[disabled="true"]:hover:active
|
||||
{
|
||||
|