even more classic skin stuff...

This commit is contained in:
ben%netscape.com 2000-05-27 03:41:51 +00:00
parent 58fbdd7c0a
commit b351c56dbd
12 changed files with 561 additions and 0 deletions

View File

@ -0,0 +1,11 @@
.box-toolbar-group
{
background-color : #FFFFFF;
-moz-border-radius : 5px;
padding : 3px 2px 2px 3px;
margin : 0px 10px 0px 5px;
}

View File

@ -0,0 +1,38 @@
#navigator-throbber
{
behavior : url("resource:/chrome/xulBindings.xml#buttontop");
border : 1px solid threedface;
list-style-image : url("chrome://global/skin/animthrob_single.gif");
margin : 0px;
cursor : pointer;
}
#navigator-throbber:hover
{
border : 1px solid threeddarkshadow;
}
#navigator-throbber > .button-internal-box
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
padding : 1px;
}
#navigator-throbber:hover:active > .button-internal-box
{
border-left : 1px solid threedshadow;
border-top : 1px solid threedshadow;
border-right : 1px solid threedhighlight;
border-bottom : 1px solid threedhighlight;
padding : 2px 0xp 0xp 2px;
}
#navigator-throbber[busy="true"]
{
list-style-image : url("chrome://global/skin/animthrob.gif");
}

View File

@ -0,0 +1,292 @@
/** Standard toolbar buttons
* class="button-toolbar"
**/
.button-toolbar
{
border : 1px solid transparent;
margin : 1px 0px 1px 0px;
padding : 0px;
min-width : 0px;
}
.button-toolbar:hover
{
border : 1px solid threeddarkshadow;
}
.button-toolbar:hover:active
{
border : 1px solid threeddarkshadow;
}
.button-toolbar > .button-internal-box,
.button-toolbar:hover > .button-internal-box
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px soild threedshadow;
border-bottom : 1px soild threedshadow;
padding : 1px 3px 1px 3px;
}
.button-toolbar > .button-internal-box > .button-text-container,
.button-toolbar > .button-internal-box > .button-text-container > .button-text
{
padding : none;
margin : none;
}
.button-toolbar:hover:active > .button-internal-box
{
padding : 2px 2px 0px 4px;
border : none;
}
.button-toolbar[toggled="true"] > .button-internal-box
{
border-left : 1px solid threedshadow;
border-top : 1px solid threedshadow;
border-right : 1px solid threedhighlight;
border-bottom : 1px solid threedhighlight;
background-color : threedface;
background-image : url("chrome://global/skin/scrollbar-bg.gif");
}
.button-toolbar[disabled="true"],
.button-toolbar[disabled="true"] > .button-internal-box,
.button-toolbar[disabled="true"]:hover,
.button-toolbar[disabled="true"]:hover > .button-internal-box,
.button-toolbar[disabled="true"]:hover:active,
.button-toolbar[disabled="true"]:hover:active > .button-internal-box
{
border : 1px solid threedface;
}
/** The largest type of toolbar buttons. In the Seamonkey implementation,
* these are only used in the navigation toolbar in the navigator package.
**/
/* outer frame */
.button-toolbar-1
{
behavior : url("resource:/chrome/xulBindings.xml#buttontop");
min-width : 0px;
margin : 2px 2px 0px 4px;
border : 1px solid transparent;
}
.button-toolbar-1:hover
{
border : 1px solid threeddarkshadow;
}
.button-toolbar-1 > .button-internal-box
{
padding : 2px;
vertical-align : middle;
text-align : center;
border : 1px solid transparent;
}
.button-toolbar-1[disabled="true"],
.button-toolbar-1[disabled="true"]:hover,
.button-toolbar-1[disabled="true"]:hover:active
{
border : 1px solid transparent;
}
/* internal frame */
.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
{
padding : 2px;
border : 1px solid transparent;
}
.button-toolbar-1:hover > .button-internal-box
{
border-left : 1px solid threedhighlight;
border-top : 1px solid threedhighlight;
border-right : 1px solid threedshadow;
border-bottom : 1px solid threedshadow;
}
.button-toolbar-1:hover:active > .button-internal-box
{
padding : 3px 1px 1px 3px;
border-left : 1px solid threedshadow;
border-top : 1px solid threedshadow;
border-right : 1px solid threedhighlight;
border-bottom : 1px solid threedhighlight;
}
.button-toolbar-1 > .button-internal-box > .button-text-container
{
text-align : center;
}
/** Styles for the standard 'large' toolbar button, these buttons are used for
* toolbar buttons that are the most commonly used elements on a toolbar, e.g.
* 'GetMsg' in Mailnews or 'Send' in Mail/Compose.
**/
.button-toolbar-2
{
background-repeat : no-repeat;
background-position : 50% 0px;
background-color : transparent;
background-image : url("chrome://global/skin/button28-bg.gif");
color : #CCFFFF;
min-width : 0px;
margin : 4px 7px 1px 1px;
padding : 3px 0px 0px 1px;
font-size : smaller;
border : none;
}
.button-toolbar-2:hover
{
background-image : url("chrome://global/skin/button28-bg-hover.gif");
border : none;
}
.button-toolbar-2:hover:active
{
margin : 5px 6px 0px 2px;
border : none;
}
.button-toolbar-2[disabled="true"],
.button-toolbar-2[disabled="true"]:hover,
.button-toolbar-2[disabled="true"]:hover:active
{
background-image : url("chrome://global/skin/button28-bg-disabled.gif");
margin : 3px 7px 1px 1px;
border : none;
}
/* internal frame */
.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
{
border : none;
vertical-align : middle;
}
.button-toolbar-2 > .button-internal-box,
.button-toolbar-2:hover > .button-internal-box,
.button-toolbar-2:hover:active > .button-internal-box
{
border : none;
}
/* text wrapper frame */
.button-toolbar-2 > .button-internal-box > .button-text-container
{
padding-top : 3px;
text-align : center;
}
/** "Green" buttons, e.g. "Search"
* class="button-toolbar-3"
**/
.button-toolbar-3
{
margin : 0px 0px 0px 3px;
font-weight : bold;
background-color : #99CCCC;
}
.button-toolbar-3 > .button-internal-box
{
border : 1px outset #99CCCC;
padding : 1px;
}
.button-toolbar-3:hover:active > .button-internal-box
{
border : 1px inset #99CCCC;
padding : 2px 0px 0px 2px;
}
/** Expanding Region Button **/
/* outer frame */
button.expander
{
border : none;
padding : none;
margin : 1px 5px 3px 1px;
background-color : inherit;
list-style-image : url("chrome://global/skin/closedtwisty.gif");
}
button[open="true"].expander
{
list-style-image : url("chrome://global/skin/opentwisty.gif");
}
/* internal frame */
button.expander > .button-internal-box
{
border : none;
background-color : inherit;
padding : none;
margin : none;
}
/* text frame */
button.expander > .button-internal-box > .button-text-container > .button-text
{
color : #0000FF;
text-decoration : underline;
}
button.expander:hover > .button-internal-box > .button-text-container > .button-text
{
color : #FF0000;
}
/**
* button styles for taskbar, sidebar headers, etc.
**/
.button-toolbar-4
{
color : #99CCCC;
background : inherit;
font : inherit;
border : none;
padding : 1px !important;
margin : 0px;
}
.button-toolbar-4:hover
{
text-decoration : none;
background-color : #336699;
color : #CCFFFF;
}
.button-toolbar-4:hover:active
{
text-decoration : none;
color : #CCFFFF;
padding : 2px 0px 0px 2px !important;
}
menubutton.button-toolbar-4
{
behavior : url("resource:/chrome/menulistBindings.xml#menubutton-single-right");
}
.button-toolbar-4 > .button-internal-box,
.button-toolbar-4 > .menubutton-internal-box
{
border : none !important;
padding : 0px !important;
}

View File

@ -0,0 +1,19 @@
/** this should only contain XUL dialog and document window widget defaults. Defaults for widgets of
a particular application should be in that application's style sheet.
For example style definitions for navigator can be found in navigator.css
THIS FILE IS LOCKED DOWN. YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR
CHANGES REVIEWED BY hyatt@netscape.com.
**/
@import url(chrome://global/skin/);
@import url(chrome://communicator/skin/box.css);
@import url(chrome://communicator/skin/button.css);
@import url(chrome://communicator/skin/brand.css);
@import url(chrome://communicator/skin/menubutton.css);
@import url(chrome://communicator/skin/formatting.css);
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
@namespace html url("http://www.w3.org/TR/REC-html40"); /* namespace for HTML elements */

View File

@ -0,0 +1,17 @@
/* class for text with a 'link' appearance */
.text-link
{
color : #666699;
text-decoration : underline;
}
.text-link:hover
{
color : #333366;
}
.text-link:hover:active
{
color : #990000;
}

View File

@ -0,0 +1,39 @@
#
# The contents of this file are subject to the Netscape 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/NPL/
#
# 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.org code.
#
# The Initial Developer of the Original Code is Netscape
# Communications Corporation. Portions created by Netscape are
# Copyright (C) 1998 Netscape Communications Corporation. All
# Rights Reserved.
#
# Contributor(s):
#
DEPTH = ..\..\..\..
THEME_ROOT_DEPTH = ..\..
include <$(DEPTH)\config\rules.mak>
include <$(THEME_ROOT_DEPTH)\theme.mk>
install::
$(MAKE_INSTALL) box.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
$(MAKE_INSTALL) brand.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
$(MAKE_INSTALL) button.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
$(MAKE_INSTALL) communicator.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
$(MAKE_INSTALL) formatting.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
$(MAKE_INSTALL) menubutton.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
$(MAKE_INSTALL) toolbar.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
clobber::
rm -f $(DIST)\chrome\$(THEME)\communicator\skin\*.*

View File

@ -0,0 +1,88 @@
/** Styles applying to items in a button-toolbar-3 style menu
* menuitem class="button-toolbar-3"
**/
.button-toolbar-3 > .menubutton-icon-internal-box
{
border : 1px outset #99CCCC;
}
.button-toolbar-3[open="true"] > .menubutton-icon-internal-box,
.button-toolbar-3:hover:active > .menubutton-icon-internal-box
{
border : 1px inset #99CCCC;
}
menupopup.button-toolbar-3
{
border : 1px solid #000000;
}
menuitem.button-toolbar-3
{
font-weight : normal;
}
.button-toolbar-3[menuactive="true"]
{
background-color : #669999;
color : #FFFFFF;
font-weight : normal;
}
/** menubuttons on generic grey toolbars
* class="button-toolbar"
**/
.button-toolbar > .menubutton-internal-box
{
border : none;
padding : 1px 3px 1px 3px;
}
.button-toolbar[open="true"] > .menubutton-internal-box,
.button-toolbar:hover:active > .menubutton-internal-box
{
border : none;
padding : 1px 3px 1px 3px;
}
.button-toolbar[open="true"]
{
border : 1px solid #336699;
border-bottom : 1px solid #CCCCCC;
}
/**
* Navigation bar style menubuttons
**/
.toolbar.menubutton-dual,
.toolbar.menubutton-dual
{
border : none ! important;
}
.button-toolbar-1.menubutton-dual-button
{
list-style-image : inherit;
}
.menubutton-dual-dropmarker
{
background : transparent;
list-style-image : url("chrome://communicator/skin/tb-menubutton-dm.gif");
}
.menubutton-dual-dropmarker[disabled="true"]
{
background : transparent;
list-style-image : url("chrome://communicator/skin/tb-menubutton-dm-disabled.gif");
}
.menubutton-dual-dropmarker-box
{
margin-left : 32px;
margin-bottom : 1px;
}

View File

@ -0,0 +1,57 @@
/******* ToolBox & ToolBar *******/
toolbar
{
background-color : #CCCCCC;
border-bottom : 1px solid #003366;
}
toolbargrippy
{
background-image : url("chrome://global/skin/taskbar-tab-trans.gif");
background-repeat : no-repeat;
border-right : 1px solid #003366;
width : 10px;
height : 10px;
}
toolbar[collapsed="true"] > toolbargrippy
{
width : 30px;
}
toolbargrippy:hover
{
background-color : #99cccc !important;
background-image : url("chrome://global/skin/taskbar-tab-hover.gif") !important;
}
.toolbar-primary
{
background-image : url("chrome://global/skin/navbar-bg.gif");
background-color : #CCCCCC;
padding : 0px;
min-height : 47px;
border : none;
}
.toolbar-primary > toolbargrippy, .toolbar-standard > toolbargrippy
{
background-color : #003366;
background-image : url("chrome://global/skin/taskbar-tab.gif");
background-repeat : no-repeat;
}
.toolbar-standard
{
color : white;
background-color : #003366;
padding : 0px;
margin : 0px;
border : none;
min-height : 46px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 226 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 225 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 242 B