Moving scrollbars into separate file. Adding XBL for radios and tabs.

git-svn-id: svn://10.0.0.236/trunk@62916 18797224-902f-48f8-a5cc-f745e15eee43
This commit is contained in:
hyatt%netscape.com
2000-03-14 11:17:11 +00:00
parent 1bb86b8bfc
commit b703de8869
6 changed files with 201 additions and 236 deletions

View File

@@ -1,6 +1,7 @@
tasksOverlay.css
globalBindings.xml
global.css
scrollbars.css
commonDialog.css
dialogOverlay.css
lessCols.gif

View File

@@ -32,6 +32,7 @@ EXPORT_RESOURCE_CONTENT = \
$(srcdir)/tasksOverlay.css \
$(srcdir)/globalBindings.xml \
$(srcdir)/global.css \
$(srcdir)/scrollbars.css \
$(srcdir)/lessCols.gif \
$(srcdir)/lessCols_mo.gif \
$(srcdir)/lessCOls_dis.gif \

View File

@@ -32,6 +32,7 @@ install::
$(MAKE_INSTALL) tasksOverlay.css $(DISTBROWSER)
$(MAKE_INSTALL) globalBindings.xml $(DISTBROWSER)
$(MAKE_INSTALL) global.css $(DISTBROWSER)
$(MAKE_INSTALL) scrollbars.css $(DISTBROWSER)
$(MAKE_INSTALL) htmlBindings.xml $(DISTXUL)
$(MAKE_INSTALL) xulBindings.xml $(DISTXUL)
$(MAKE_INSTALL) xul.css $(DISTXUL)

View File

@@ -0,0 +1,114 @@
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */
/********* XP Scrollbar *********/
scrollbar {
behavior: url("resource:/chrome/xulBindings.xml#scrollbar");
}
slider {
user-focus: ignore;
}
scrollbarbutton {
display: inline;
user-focus: ignore;
}
scrollbar[value="hidden"] {
visibility: hidden;
user-focus: ignore;
}
/********* XP Scrollbar *********/
thumb {
behavior: url(resource:/chrome/xulBindings.xml#thumb);
user-focus: ignore;
background-color: #CCCCCC;
border: 1px outset #CCCCCC;
list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif")
}
thumb[disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-thumb-horiz-disabled.gif");
}
thumb[align="vertical"] {
list-style-image: url("chrome://global/skin/scroll-thumb-vert.gif")
}
scrollbarbutton {
user-focus: ignore;
vertical-align: bottom;
cursor: default;
border: 1px outset white;
background-color: #CCCCCC;
color:black;
padding: 1px;
}
scrollbarbutton:active {
user-focus: ignore;
border-style: inset;
padding-left: 2px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 0px;
}
scrollbarbutton[type="decrement"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-left.gif")
}
scrollbarbutton[type="decrement"][disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-left-disabled.gif")
}
scrollbarbutton[type="increment"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-right.gif")
}
scrollbarbutton[type="increment"][disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-right-disabled.gif")
}
scrollbar[align="vertical"] scrollbarbutton[type="decrement"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-up.gif")
}
scrollbar[align="vertical"] scrollbarbutton[type="decrement"][disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-up-disabled.gif")
}
scrollbar[align="vertical"] scrollbarbutton[type="increment"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-down.gif")
}
scrollbar[align="vertical"] scrollbarbutton[type="increment"][disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-down-disabled.gif")
}
slider[align="vertical"] thumb:active {
user-focus: ignore;
background-color: #CCCCCC;
}
slider {
user-focus: ignore;
background-color: #999999;
}

View File

@@ -6,6 +6,8 @@
CHANGES REVIEWED BY hyatt@netscape.com.
**/
@import url(chrome://global/skin/scrollbars.css);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */
* {
@@ -36,7 +38,6 @@ template {
**********************************/
window {
display: block;
overflow: hidden;
height: 100%;
width: 100%;
@@ -54,27 +55,14 @@ browser, editor, iframe {
/******** Box *******/
box {
display: block;
}
/**
* Used as a space between things in boxes
*/
spring {
display: block;
}
/******* ToolBox & ToolBar *******/
toolbox {
display: block;
user-focus: ignore;
}
toolbar, menubar {
display:block;
user-focus: ignore;
}
@@ -92,22 +80,8 @@ toolbarseparator {
/****** Progress Meter ********/
progressmeter {
display: inline;
}
/****** TitledBox ******/
titledbox
{
display: block;
}
title
{
display: block;
}
/********* XP Menus ***********/
menubar[collapsed="true"] {
@@ -122,8 +96,7 @@ menubar > menu {
}
menu,menuitem {
display: block;
behavior: url("resource:/chrome/xulBindings.xml#menus");
behavior: url("resource:/chrome/xulBindings.xml#menus");
}
menu[hidden="true"] {
@@ -133,9 +106,6 @@ menu[hidden="true"] {
menuitem[hidden="true"] {
display:none;
}
popupset {
display: block;
}
menupopup {
display: none;
@@ -166,10 +136,6 @@ popup[menuactive="true"] {
visibility: visible;
}
menuseparator {
display: block;
}
menuseparator[hidden="true"] {
display: none;
}
@@ -188,10 +154,6 @@ menubutton {
/******** Titled buttons **********/
titledbutton {
display: inline;
}
/******** Tree widget **********/
tree {
@@ -250,217 +212,40 @@ treecolgroup {
/********** Tab widget *********/
tab {
display: inline;
}
tab:active {
display: inline;
}
tabbox {
display: block;
}
tabcontrol {
display: block;
tab {
behavior: url(resource:/chrome/xulBindings.xml#tab);
}
:-moz-deck-hidden {
visibility: hidden;
}
/********* XP Scrollbar *********/
scrollbar {
behavior: url("resource:/chrome/xulBindings.xml#scrollbar");
}
thumb {
display: block;
user-focus: ignore;
}
slider {
display: block;
user-focus: ignore;
}
scrollbarbutton {
display: inline;
user-focus: ignore;
}
scrollbar[value="hidden"] {
visibility: hidden;
user-focus: ignore;
}
/********* XP Scrollbar *********/
thumb {
user-focus: ignore;
background-color: #CCCCCC;
border: 1px outset white;
list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif")
}
/*
pinkerton - workaround. removed until bug 15722 can be fixed.
thumb:hover {
list-style-image: url(chrome://global/skin/scroll-thumb-horiz-hover.gif);
}
*/
thumb[disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-thumb-horiz-disabled.gif");
}
slider[align="vertical"] thumb {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-thumb-vert.gif")
}
/*
pinkerton - workaround. removed until bug 15722 can be fixed.
slider[align="vertical"] thumb:hover {
list-style-image: url(chrome://global/skin/scroll-thumb-vert-hover.gif);
}
*/
slider[align="vertical"] thumb[disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-thumb-vert-disabled.gif");
}
thumb:active {
user-focus: ignore;
background-color: #CCCCCC;
}
slider[align="vertical"] thumb:active {
user-focus: ignore;
background-color: #CCCCCC;
}
slider {
user-focus: ignore;
background-color: #999999;
}
scrollbarbutton {
user-focus: ignore;
vertical-align: bottom;
cursor: default;
border: 1px outset white;
background-color: #CCCCCC;
color:black;
padding: 1px;
}
scrollbarbutton:active {
user-focus: ignore;
border-style: inset;
padding-left: 2px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 0px;
}
scrollbarbutton[type="decrement"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-left.gif")
}
/*
pinkerton - workaround. removed until bug 15722 can be fixed.
scrollbarbutton[type="decrement"]:hover {
list-style-image: url(chrome://global/skin/scroll-left-hover.gif)
}
*/
scrollbarbutton[type="decrement"][disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-left-disabled.gif")
}
scrollbarbutton[type="increment"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-right.gif")
}
/*
pinkerton - workaround. removed until bug 15722 can be fixed.
scrollbarbutton[type="increment"]:hover {
list-style-image: url(chrome://global/skin/scroll-right-hover.gif)
}
*/
scrollbarbutton[type="increment"][disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-right-disabled.gif")
}
scrollbar[align="vertical"] scrollbarbutton[type="decrement"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-up.gif")
}
/*
pinkerton - workaround. removed until bug 15722 can be fixed.
scrollbar[align="vertical"] scrollbarbutton[type="decrement"]:hover {
list-style-image: url(chrome://global/skin/scroll-up-hover.gif)
}
*/
scrollbar[align="vertical"] scrollbarbutton[type="decrement"][disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-up-disabled.gif")
}
scrollbar[align="vertical"] scrollbarbutton[type="increment"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-down.gif")
}
/*
pinkerton - workaround. removed until bug 15722 can be fixed.
scrollbar[align="vertical"] scrollbarbutton[type="increment"]:hover {
list-style-image: url(chrome://global/skin/scroll-down-hover.gif)
}
*/
scrollbar[align="vertical"] scrollbarbutton[type="increment"][disabled="true"] {
user-focus: ignore;
list-style-image: url("chrome://global/skin/scroll-down-disabled.gif")
}
splitter {
display: block;
}
grippy {
display: block;
}
/********** checkbox **********/
checkbox {
behavior: url(resource:/chrome/xulBindings.xml#checkbox);
}
radio {
behavior: url(resource:/chrome/xulBindings.xml#radio);
}
button, button.left {
behavior: url(resource:/chrome/xulBindings.xml#buttonleft);
}
radiogroup {
behavior: url(resource:/chrome/xulBindings.xml#radiogroup);
}
button.top {
behavior: url(resource:/chrome/xulBindings.xml#buttontop);
}
button.right {
behavior: url(resource:/chrome/xulBindings.xml#buttonright);
}
separator {
behavior: url(resource:/chrome/xulBindings.xml#separator);
}

View File

@@ -13,6 +13,19 @@
</content>
</binding>
<binding name="slider">
<content>
<xul:button align="horizontal"/>
</content>
</binding>
<binding name="tab">
<content>
<xul:image inherits="src" class="tab-left"/>
<xul:text flex="1" inherits="value,crop,accesskey" crop="right" class="tab-text"/>
</content>
</binding>
<binding name="menusOnMenuBar">
<content excludes="template,observes,menupopup">
<xul:titledbutton class="menubar-left"/>
@@ -84,12 +97,27 @@
</binding>
<binding name="checkbox">
<content>
<xul:box flex="1" class="internal-box" autostretch="never">
<xul:image inherits="src"/>
<xul:html flex="1" inherits="value"/>
</xul:box>
</content>
<handlers>
<handler type="mouseup" value="this.checked = !this.checked;"/>
<handler type="keypress" key=" " value="this.checked = !this.checked;"/>
</handlers>
</binding>
<binding name="radio">
<content>
<xul:box flex="1" class="internal-box" autostretch="never">
<xul:image inherits="src"/>
<xul:html flex="1" inherits="value"/>
</xul:box>
</content>
</binding>
<binding name="radiogroup">
<handlers>
<handler type="mouseup" value="try { this.selectedItem = event.target; } catch (e) {}"/>
@@ -97,6 +125,41 @@
</handlers>
</binding>
<binding name="buttonleft" excludes="observes,template">
<content>
<xul:box class="internal-box" autostretch="never">
<xul:image inherits="src"/>
<xul:text inherits="value,accesskey,crop"/>
</xul:box>
</content>
</binding>
<binding name="buttontop" excludes="observes,template">
<content>
<xul:box orient="vertical" autostretch="never" class="internal-box">
<xul:image inherits="src"/>
<xul:text inherits="value,accesskey,crop"/>
</xul:box>
</content>
</binding>
<binding name="buttonright" excludes="observes,template">
<content>
<xul:box autostretch="never" class="internal-box">
<xul:text inherits="value,accesskey,crop"/>
<xul:image inherits="src"/>
</xul:box>
</content>
</binding>
<binding name="buttonbottom" excludes="observes,template">
<content>
<xul:box orient="vertical" autostretch="never" class="internal-box">
<xul:text inherits="value,accesskey,crop"/>
<xul:image inherits="src"/>
</xul:box>
</content>
</binding>
<binding name="separator" extends="xul:spring"/>