these skin files have moved.
git-svn-id: svn://10.0.0.236/trunk@69187 18797224-902f-48f8-a5cc-f745e15eee43
sspitzer%netscape.com
@@ -1,121 +1 @@
|
||||
tasksOverlay.css
|
||||
tabcontrol.css
|
||||
box.css
|
||||
toolbar.css
|
||||
menu.css
|
||||
splitter.css
|
||||
global.css
|
||||
formatting.css
|
||||
textfield.css
|
||||
button.css
|
||||
checkbox.css
|
||||
tree.css
|
||||
menubutton.css
|
||||
menulist.css
|
||||
radio.css
|
||||
scrollbars.css
|
||||
commonDialog.css
|
||||
dialogOverlay.css
|
||||
lessCols.gif
|
||||
lessCols_mo.gif
|
||||
lessCols_dis.gif
|
||||
menu-arrow-disabled.gif
|
||||
menu-arrow-hover.gif
|
||||
menu-arrow.gif
|
||||
menu-check-disabled.gif
|
||||
menu-check-hover.gif
|
||||
menu-check.gif
|
||||
menuArrow.gif
|
||||
menuArrow_dis.gif
|
||||
menuArrow_mo.gif
|
||||
menuCheck.gif
|
||||
menuCheck_dis.gif
|
||||
menuCheck_mo.gif
|
||||
moreCols.gif
|
||||
moreCols_mo.gif
|
||||
moreCols_dis.gif
|
||||
scroll-up.gif
|
||||
scroll-up-hover.gif
|
||||
scroll-up-disabled.gif
|
||||
scroll-down.gif
|
||||
scroll-down-hover.gif
|
||||
scroll-down-disabled.gif
|
||||
scroll-left.gif
|
||||
scroll-left-hover.gif
|
||||
scroll-left-disabled.gif
|
||||
scroll-right.gif
|
||||
scroll-right-hover.gif
|
||||
scroll-right-disabled.gif
|
||||
scroll-thumb-vert.gif
|
||||
scroll-thumb-vert-hover.gif
|
||||
scroll-thumb-vert-disabled.gif
|
||||
scroll-thumb-horiz.gif
|
||||
scroll-thumb-horiz-hover.gif
|
||||
scroll-thumb-horiz-disabled.gif
|
||||
opentwisty.gif
|
||||
opentwisty-selected.gif
|
||||
closedtwisty.gif
|
||||
closedtwisty-selected.gif
|
||||
alert-icon.gif
|
||||
error-icon.gif
|
||||
message-icon.gif
|
||||
question-icon.gif
|
||||
return.gif
|
||||
return-disabled.gif
|
||||
grippy-horizontal-after.gif
|
||||
grippy-horizontal-before.gif
|
||||
grippy-vertical-after.gif
|
||||
grippy-vertical-before.gif
|
||||
taskbar-addressbook.gif
|
||||
taskbar-composer.gif
|
||||
taskbar-mail.gif
|
||||
taskbar-navigator.gif
|
||||
taskbar-tab-minimized.gif
|
||||
taskbar-tab.gif
|
||||
taskbar-tab-trans.gif
|
||||
taskbar-popup-arrow.gif
|
||||
taskbar-tab-hover.gif
|
||||
print.gif
|
||||
stop.gif
|
||||
button28-bg-active.gif
|
||||
button28-bg-disabled.gif
|
||||
button28-bg-hover.gif
|
||||
button28-bg.gif
|
||||
button32-bg-active.gif
|
||||
button32-bg-disabled.gif
|
||||
button32-bg-hover.gif
|
||||
button32-bg.gif
|
||||
gray-bottomleft.gif
|
||||
gray-bottomright.gif
|
||||
gray-topright.gif
|
||||
otherbutton28-bg-hover.gif
|
||||
otherbutton28-bg-active.gif
|
||||
navbar-bg.gif
|
||||
navbar-endcap.gif
|
||||
navbar-bg-begincap.gif
|
||||
n-box-navbar.gif
|
||||
n-box.gif
|
||||
toolbar-begincap.gif
|
||||
toolbar-dropdown.gif
|
||||
toolbar-dropdown-hover.gif
|
||||
toolbar-endcap.gif
|
||||
toolbar-menu-arrow.gif
|
||||
toolbar-menu-arrow-disabled.gif
|
||||
toolbar-menu-arrow-hover.gif
|
||||
search.gif
|
||||
animthrob.gif
|
||||
animthrob_single.gif
|
||||
progressmeter-busy.gif
|
||||
wizardOverlay.css
|
||||
seltab-leftedge.gif
|
||||
seltab-rightedge.gif
|
||||
tab-leftedge.gif
|
||||
tab-rightedge.gif
|
||||
sortAscending.gif
|
||||
sortDescending.gif
|
||||
loading.gif
|
||||
check-check.gif
|
||||
check-check-disabled.gif
|
||||
check-radio.gif
|
||||
check-radio-disabled.gif
|
||||
|
||||
cvs remove -f tasksOverlay.css tabcontrol.css box.css toolbar.css menu.css splitter.css global.css formatting.css textfield.css button.css checkbox.css tree.css menubutton.css menulist.css radio.css scrollbars.css commonDialog.css dialogOverlay.css lessCols.gif lessCols_mo.gif lessCols_dis.gif menu-arrow-disabled.gif menu-arrow-hover.gif menu-arrow.gif menu-check-disabled.gif menu-check-hover.gif menu-check.gif menuArrow.gif menuArrow_dis.gif menuArrow_mo.gif menuCheck.gif menuCheck_dis.gif menuCheck_mo.gif moreCols.gif moreCols_mo.gif moreCols_dis.gif scroll-up.gif scroll-up-hover.gif scroll-up-disabled.gif scroll-down.gif scroll-down-hover.gif scroll-down-disabled.gif scroll-left.gif scroll-left-hover.gif scroll-left-disabled.gif scroll-right.gif scroll-right-hover.gif scroll-right-disabled.gif scroll-thumb-vert.gif scroll-thumb-vert-hover.gif scroll-thumb-vert-disabled.gif scroll-thumb-horiz.gif scroll-thumb-horiz-hover.gif scroll-thumb-horiz-disabled.gif opentwisty.gif opentwisty-selected.gif closedtwisty.gif closedtwisty-selected.gif alert-icon.gif error-icon.gif message-icon.gif question-icon.gif return.gif return-disabled.gif grippy-horizontal-after.gif grippy-horizontal-before.gif grippy-vertical-after.gif grippy-vertical-before.gif taskbar-addressbook.gif taskbar-composer.gif taskbar-mail.gif taskbar-navigator.gif taskbar-tab-minimized.gif taskbar-tab.gif taskbar-tab-trans.gif taskbar-popup-arrow.gif taskbar-tab-hover.gif print.gif stop.gif button28-bg-active.gif button28-bg-disabled.gif button28-bg-hover.gif button28-bg.gif button32-bg-active.gif button32-bg-disabled.gif button32-bg-hover.gif button32-bg.gif gray-bottomleft.gif gray-bottomright.gif gray-topright.gif otherbutton28-bg-hover.gif otherbutton28-bg-active.gif navbar-bg.gif navbar-endcap.gif navbar-bg-begincap.gif n-box-navbar.gif n-box.gif toolbar-begincap.gif toolbar-dropdown.gif toolbar-dropdown-hover.gif toolbar-endcap.gif toolbar-menu-arrow.gif toolbar-menu-arrow-disabled.gif toolbar-menu-arrow-hover.gif search.gif animthrob.gif animthrob_single.gif progressmeter-busy.gif wizardOverlay.css seltab-leftedge.gif seltab-rightedge.gif tab-leftedge.gif tab-rightedge.gif sortAscending.gif sortDescending.gif loading.gif check-check.gif check-check-disabled.gif check-radio.gif check-radio-disabled.gif
|
||||
|
||||
|
Before Width: | Height: | Size: 372 B |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
|
||||
titledbox
|
||||
{
|
||||
border : 2px groove #CCCCCC;
|
||||
padding : 7px;
|
||||
margin : 5px;
|
||||
}
|
||||
|
||||
title
|
||||
{
|
||||
margin-left : 6px;
|
||||
padding-right : 40px;
|
||||
}
|
||||
|
||||
/* This just SUCKS, but seems to be necessitated by titledbox design... */
|
||||
title > *
|
||||
{
|
||||
margin-left : 5px;
|
||||
margin-right : 5px;
|
||||
}
|
||||
|
||||
:titledbox-content
|
||||
{
|
||||
display : block;
|
||||
padding : inherit;
|
||||
}
|
||||
|
||||
|
||||
/** box formatting **/
|
||||
box[autostretch="never"]
|
||||
{
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
box[autostretch="never"][valign="top"]
|
||||
{
|
||||
vertical-align : top;
|
||||
}
|
||||
|
||||
box[autostretch="never"][valign="bottom"]
|
||||
{
|
||||
vertical-align : bottom;
|
||||
}
|
||||
|
||||
box[autostretch="never"][halign="center"]
|
||||
{
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
box[autostretch="never"][halign="right"]
|
||||
{
|
||||
text-align : right;
|
||||
}
|
||||
|
||||
row
|
||||
{
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
@@ -1,153 +0,0 @@
|
||||
/* NEW WIDGET ANDING: <button> */
|
||||
|
||||
/** Default Button Styles (apply to usage of <button> without
|
||||
* any applied class).
|
||||
**/
|
||||
|
||||
/* outer frame */
|
||||
button
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
margin : 1px 5px 2px 5px;
|
||||
background-color : #CCCCCC;
|
||||
}
|
||||
|
||||
button[disabled="true"],
|
||||
button[disabled="true"]:hover,
|
||||
button[disabled="true"]:hover:active
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
button > .button-internal-box
|
||||
{
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
button:hover:active > .button-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 3px 1px 1px 3px;
|
||||
}
|
||||
|
||||
button[disabled="true"] > .button-internal-box,
|
||||
button[disabled="true"]:hover > .button-internal-box,
|
||||
button[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
-moz-border-radius : 0px;
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
/* text wrapping frame (hack because <text> does not support alignment) */
|
||||
.button-text-container
|
||||
{
|
||||
text-align : center;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
/* text frame */
|
||||
.button-text
|
||||
{
|
||||
padding : 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
button[orient="vertical"] > .button-internal-box > .button-text-container > .button-text
|
||||
{
|
||||
padding : 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
/** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs.
|
||||
* To activate, set 'default' attribute on button.
|
||||
**/
|
||||
|
||||
/* outer frame */
|
||||
button[default]
|
||||
{
|
||||
/* XXX this is a HACK until 'orient' is supported in CSS! XXX */
|
||||
/* strictly speaking not necessary because default for buttonright is
|
||||
* to lay image out horizontally, but leaving here as a reminder to
|
||||
* implement this feature */
|
||||
behavior : url(resource:/chrome/xulBindings.xml#buttonright);
|
||||
font-weight : bold;
|
||||
list-style-image : url("chrome://global/skin/return.gif");
|
||||
}
|
||||
|
||||
button[default][disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/return-disabled.gif");
|
||||
}
|
||||
|
||||
/** Styles for 'dialog' buttons (usually any command button in a dialog)
|
||||
* This class gives buttons 10px of padding on each side to increase the
|
||||
* strike area and make buttons with small amounts of text (e.g. 'OK')
|
||||
* look less silly.
|
||||
**/
|
||||
|
||||
/* internal frame */
|
||||
.button-dialog > .button-internal-box,
|
||||
.button-dialog:hover > .button-internal-box
|
||||
{
|
||||
padding : 2px 10px 2px 10px;
|
||||
}
|
||||
|
||||
.button-dialog:hover:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 3px 9px 1px 11px;
|
||||
}
|
||||
|
||||
/** Styles for grey toolbar buttons. These buttons are used in places like
|
||||
* editor's formatting toolbar or toolbars wanting a button similar to a command
|
||||
* button but without an initial outset frame.
|
||||
**/
|
||||
.button-borderless
|
||||
{
|
||||
border : 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.button-borderless:hover
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
.button-borderless > .button-internal-box
|
||||
{
|
||||
border : 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.button-borderless:hover > .button-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
}
|
||||
|
||||
.button-borderless:hover:active > .button-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
/** plain (raw) buttons, class="plain" **/
|
||||
button.plain, button.plain:hover, button.plain:hover:active,
|
||||
button.plain:hover:active > .button-internal-box,
|
||||
button.plain > .button-internal-box,
|
||||
button.plain > .button-internal-box:hover:active,
|
||||
button.plain > .button-internal-box > .button-text-container,
|
||||
button.plain > .button-internal-box > .button-text-container:hover:active,
|
||||
button.plain > .button-internal-box > .button-text-container > .button-text,
|
||||
button.plain > .button-internal-box > .button-text-container > .button.text:hover:active,
|
||||
button-plain > .button-internal-box > .button-icon,
|
||||
button.plain > .button-internal-box > .button.icon:hover:active
|
||||
{
|
||||
border : 0px ! important;
|
||||
margin : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 256 B |
|
Before Width: | Height: | Size: 220 B |
|
Before Width: | Height: | Size: 277 B |
|
Before Width: | Height: | Size: 276 B |
|
Before Width: | Height: | Size: 321 B |
|
Before Width: | Height: | Size: 263 B |
|
Before Width: | Height: | Size: 349 B |
|
Before Width: | Height: | Size: 336 B |
|
Before Width: | Height: | Size: 60 B |
|
Before Width: | Height: | Size: 54 B |
|
Before Width: | Height: | Size: 55 B |
|
Before Width: | Height: | Size: 49 B |
@@ -1,78 +0,0 @@
|
||||
/* stylesheet for XUL <checkbox> element */
|
||||
|
||||
/* default checkbox for dialogs */
|
||||
|
||||
/* outer checkbox frame */
|
||||
checkbox
|
||||
{
|
||||
margin: 3px 5px 3px 5px;
|
||||
}
|
||||
|
||||
/* checkmark outer frame */
|
||||
checkbox > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #000000;
|
||||
-moz-border-radius: 3px 2px 2px 3px;
|
||||
background-color: #CCCCCC;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
checkbox[disabled="true"] > .internal-box > .checkmark-box,
|
||||
checkbox[disabled="true"]:hover > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #999999;
|
||||
}
|
||||
|
||||
/* checkmark inner frame */
|
||||
checkbox > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
checkbox[checked="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-check.gif);
|
||||
}
|
||||
|
||||
checkbox[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-check-disabled.gif);
|
||||
}
|
||||
|
||||
checkbox:hover:active > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
checkbox[disabled="true"] > .internal-box > .checkmark-box > image,
|
||||
checkbox[disabled="true"]:active > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
-moz-border-radius: 0px;
|
||||
}
|
||||
|
||||
/* checkmark label/icon frame */
|
||||
checkbox[value] > .internal-box > html,
|
||||
checkbox.iconic > .internal-box > .icon
|
||||
{
|
||||
margin: 0px 0px 0px 4px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
checkbox.iconic > .internal-box > html
|
||||
{
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
checkbox[disabled="true"][value] > .internal-box > html
|
||||
{
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
checkbox:focus > .internal-box > html
|
||||
{
|
||||
border : 1px dotted black;
|
||||
padding : 0px;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 66 B |
|
Before Width: | Height: | Size: 67 B |
@@ -1,21 +0,0 @@
|
||||
box.icon {
|
||||
margin: 1em 15px 0px 10px;
|
||||
}
|
||||
|
||||
box#content {
|
||||
margin-top: 1em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
box#okCancelButtons {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
table#editFields {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
div[id="info.header"] {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -1,121 +0,0 @@
|
||||
/**
|
||||
* Small Dialog Header (without icon)
|
||||
**/
|
||||
.box-smallheader
|
||||
{
|
||||
behavior : url(chrome://global/content/dialogBindings.xml#smallheader);
|
||||
border : 1px inset #CCCCCC;
|
||||
margin : 0px 5px 6px 5px;
|
||||
}
|
||||
|
||||
.toolbar-primary
|
||||
{
|
||||
padding : 0px 0px 3px 0px;
|
||||
min-height : 0px;
|
||||
}
|
||||
|
||||
.box-smallheader-left
|
||||
{
|
||||
font-size : larger;
|
||||
font-weight : bold;
|
||||
color : #FFFFFF;
|
||||
padding-left : 6px;
|
||||
}
|
||||
|
||||
.box-smallheader-right
|
||||
{
|
||||
color : #FFFFFF;
|
||||
padding-right : 6px;
|
||||
}
|
||||
|
||||
.box-smallheader > .toolbar-primary
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
vertical-align : middle;
|
||||
padding-top : 3px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Large Dialog Header (with icon)
|
||||
**/
|
||||
.box-header
|
||||
{
|
||||
behavior : url(chrome://global/content/dialogBindings.xml#largeheader);
|
||||
}
|
||||
|
||||
.box-header-header
|
||||
{
|
||||
padding : 0px 0px 4px 5px;
|
||||
min-height : 34px;
|
||||
}
|
||||
|
||||
.box-header-text-box
|
||||
{
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
.box-header-text
|
||||
{
|
||||
color : white;
|
||||
font-size : large;
|
||||
font-weight : bold;
|
||||
text-decoration : underline;
|
||||
}
|
||||
|
||||
.box-header-icon-box
|
||||
{
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
.box-header-circle
|
||||
{
|
||||
background-image : url("chrome://global/skin/button28-bg.gif");
|
||||
background-repeat : no-repeat;
|
||||
background-position : 50% 4px;
|
||||
background-color : transparent;
|
||||
min-width : 28px;
|
||||
margin : 1px 7px 1px 1px;
|
||||
height : 28px;
|
||||
width : 28px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Dialog status line (blue) including progress area
|
||||
**/
|
||||
.box-status
|
||||
{
|
||||
behavior : url(chrome://global/content/dialogBindings.xml#status);
|
||||
}
|
||||
|
||||
.box-status-bg
|
||||
{
|
||||
padding : 1px 5px 1px 5px;
|
||||
min-height : 0px ! important;
|
||||
}
|
||||
|
||||
.box-status-text, .box-status-progress
|
||||
{
|
||||
color : #99cccc ! important;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Utility classes for use when combined headers/footers are used
|
||||
**/
|
||||
/* display area framed container */
|
||||
#contentarea
|
||||
{
|
||||
border-top : 2px groove #CCCCCC;
|
||||
border-bottom : 2px groove #CCCCCC;
|
||||
padding : 7px;
|
||||
}
|
||||
|
||||
/* top border on status area */
|
||||
#wizardButtons
|
||||
{
|
||||
border-bottom : 1px outset #CCCCCC;
|
||||
padding-top : 1px;
|
||||
padding-bottom : 1px;
|
||||
}
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 437 B |
@@ -1,126 +0,0 @@
|
||||
/* colors */
|
||||
|
||||
.color-dialog
|
||||
{
|
||||
background-color : #CCCCCC;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
.color-window
|
||||
{
|
||||
background-color : #FFFFFF;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
/* inset areas */
|
||||
.inset
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
margin : 0px 5px 5px 5px;
|
||||
}
|
||||
|
||||
/* formatting */
|
||||
.groove-top
|
||||
{
|
||||
border-top : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
.groove-right
|
||||
{
|
||||
border-right : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
.groove-left
|
||||
{
|
||||
border-left : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
.groove-bottom
|
||||
{
|
||||
border-bottom : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
.outset
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
}
|
||||
|
||||
/** separator rules **/
|
||||
/* standard separators */
|
||||
separator, separator[orient="horizontal"]
|
||||
{
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
separator[orient="vertical"]
|
||||
{
|
||||
width: 1.5em;
|
||||
}
|
||||
|
||||
/* thinner separators (50% size) */
|
||||
separator.thin, separator.thin[orient="horizontal"]
|
||||
{
|
||||
height: 0.5em;
|
||||
}
|
||||
|
||||
separator.thin[orient="vertical"]
|
||||
{
|
||||
width: 0.5em;
|
||||
}
|
||||
|
||||
/* groove separators (50% size) */
|
||||
separator.groove,
|
||||
separator.groove[orient="horizontal"]
|
||||
{
|
||||
border-top: 2px groove #CCCCCC;
|
||||
height: 0px;
|
||||
margin-top: 0.4em;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
|
||||
separator.groove[orient="vertical"]
|
||||
{
|
||||
border-left: 2px groove #CCCCCC;
|
||||
margin-left: 0.4em;
|
||||
margin-right: 0.4em;
|
||||
}
|
||||
|
||||
/* groove separators (0 padding, for dividing effects) */
|
||||
separator.groove-thin
|
||||
{
|
||||
border-top: 2px groove #CCCCCC;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
separator[orient="vertical"].groove-thin
|
||||
{
|
||||
border-left: 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
/** text formatting rules **/
|
||||
/* label (with margins) */
|
||||
text.label
|
||||
{
|
||||
margin : 1px 5px 2px 5px;
|
||||
}
|
||||
|
||||
text[disabled="true"]
|
||||
{
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
html
|
||||
{
|
||||
margin : 1px 5px 4px 5px;
|
||||
cursor : default;
|
||||
}
|
||||
|
||||
.header
|
||||
{
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.indent
|
||||
{
|
||||
margin-left : 20px;
|
||||
}
|
||||
@@ -1,298 +0,0 @@
|
||||
/** 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 the widget style sheets */
|
||||
|
||||
/* all localizable skin settings shall live here */
|
||||
@import url(chrome://global/locale/intl.css);
|
||||
|
||||
@import url(chrome://global/skin/box.css);
|
||||
@import url(chrome://global/skin/button.css);
|
||||
@import url(chrome://global/skin/checkbox.css);
|
||||
@import url(chrome://global/skin/radio.css);
|
||||
@import url(chrome://global/skin/tree.css);
|
||||
@import url(chrome://global/skin/splitter.css);
|
||||
@import url(chrome://global/skin/radio.css);
|
||||
@import url(chrome://global/skin/menubutton.css);
|
||||
@import url(chrome://global/skin/menulist.css);
|
||||
@import url(chrome://global/skin/menu.css);
|
||||
@import url(chrome://global/skin/formatting.css);
|
||||
@import url(chrome://global/skin/textfield.css);
|
||||
@import url(chrome://global/skin/tabcontrol.css);
|
||||
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
@namespace html url("http://www.w3.org/TR/REC-html40");
|
||||
|
||||
html|* {
|
||||
border: 1px solid green !important;
|
||||
}
|
||||
|
||||
html|form {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
titledbutton {
|
||||
border: 1px solid purple !important;
|
||||
}
|
||||
|
||||
/**********************************
|
||||
* Window
|
||||
**********************************/
|
||||
|
||||
/**
|
||||
* The is the outer most tag in a xul document all xul
|
||||
* content will be inside it.
|
||||
*
|
||||
* - font: 3mm tahoma,arial,helvetica,sans-serif; moved to intl.css
|
||||
*/
|
||||
window {
|
||||
background-color: white;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
window[wait-cursor] { cursor: wait !important; }
|
||||
|
||||
/**
|
||||
* This is a special class of window used for dialogs
|
||||
*/
|
||||
window.dialog
|
||||
{
|
||||
background-color : #CCCCCC;
|
||||
padding : 7px 5px 5px 5px;
|
||||
}
|
||||
|
||||
/**********************************
|
||||
* XUL widgets
|
||||
**********************************/
|
||||
|
||||
/******** Box *********/
|
||||
|
||||
:-moz-horizontal-box-debug {
|
||||
border: 2px solid blue;
|
||||
border-top-width: 10px;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
:-moz-vertical-box-debug {
|
||||
border: 2px solid red;
|
||||
border-left-width: 10px;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/**
|
||||
* Throbber
|
||||
*/
|
||||
/* FIX ME - move these gifs to global */
|
||||
titledbutton#Throbber {
|
||||
border: none;
|
||||
margin-top: 8px;
|
||||
margin-left: 9px;
|
||||
list-style-image: url("chrome://global/skin/animthrob_single.gif");
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
titledbutton#Throbber:hover:active {
|
||||
margin-top: 9px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
titledbutton#Throbber[busy="true"] {
|
||||
list-style-image:url("chrome://global/skin/animthrob.gif");
|
||||
}
|
||||
|
||||
/* icons titledbuttons */
|
||||
.message-icon {
|
||||
list-style-image: url("chrome://global/skin/message-icon.gif");
|
||||
}
|
||||
.alert-icon {
|
||||
list-style-image: url("chrome://global/skin/alert-icon.gif");
|
||||
}
|
||||
.error-icon {
|
||||
list-style-image: url("chrome://global/skin/error-icon.gif");
|
||||
}
|
||||
.question-icon {
|
||||
list-style-image: url("chrome://global/skin/question-icon.gif");
|
||||
}
|
||||
|
||||
/**
|
||||
* status-bar
|
||||
*/
|
||||
#status-bar
|
||||
{
|
||||
background-color : #CCCCCC;
|
||||
user-focus : ignore;
|
||||
overflow : hidden
|
||||
}
|
||||
|
||||
/******** Titled buttons **********/
|
||||
titledbutton.toolbar-flat {
|
||||
color: #99CCCC;
|
||||
font: inherit;
|
||||
border: none;
|
||||
padding: 1px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
titledbutton.toolbar-flat:hover {
|
||||
text-decoration: none;
|
||||
background-color: #336699;
|
||||
color: #CCFFFF;
|
||||
}
|
||||
|
||||
titledbutton.toolbar-flat:hover:active {
|
||||
text-decoration: none;
|
||||
color: #CCFFFF;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
titledbutton.push[toggled="1"] {
|
||||
border-top: 1px solid #666666;
|
||||
border-bottom: 1px solid white;
|
||||
border-left: 1px solid #666666;
|
||||
border-right: 1px solid white;
|
||||
padding: 3px 1px 1px 3px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
titledbutton.push[toggled="2"] {
|
||||
background-color: lightgray;
|
||||
border: 1px solid #999999;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
titledbutton.popup {
|
||||
list-style-image:url(chrome://global/skin/taskbar-popup-arrow.gif);
|
||||
}
|
||||
|
||||
/**********************************
|
||||
* custom XBL widgets
|
||||
**********************************/
|
||||
|
||||
/**
|
||||
* texttab folder lookalike e.g. for sidebar panel headers
|
||||
*/
|
||||
|
||||
box.texttab{
|
||||
behavior: url("chrome://global/content/globalBindings.xml#texttab");
|
||||
padding-top: 2px;
|
||||
min-height: 10px;
|
||||
min-width: 10px;
|
||||
}
|
||||
|
||||
|
||||
box.texttab[selected="true"] {
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
|
||||
box.texttab > .remain-space{
|
||||
border-bottom:1px solid black;
|
||||
}
|
||||
|
||||
box.texttab > .tab-leftedge {
|
||||
list-style-image: url("chrome://global/skin/tab-leftedge.gif");
|
||||
}
|
||||
|
||||
box.texttab > .tab-rightedge {
|
||||
list-style-image: url("chrome://global/skin/tab-rightedge.gif");
|
||||
}
|
||||
|
||||
box.texttab[selected="true"] > .tab-leftedge {
|
||||
list-style-image: url("chrome://global/skin/seltab-leftedge.gif");
|
||||
}
|
||||
|
||||
box.texttab[selected="true"] > .tab-rightedge {
|
||||
list-style-image: url("chrome://global/skin/seltab-rightedge.gif");
|
||||
}
|
||||
|
||||
box.texttab > .textholder {
|
||||
border-top: 1px solid black;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
box.texttab[selected="true"] > .textholder {
|
||||
background-color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**********************************
|
||||
* HTML components in the window tag
|
||||
**********************************/
|
||||
html|iframe {
|
||||
min-width: 10px;
|
||||
min-height: 10px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
/** XUL <progressmeter> **/
|
||||
|
||||
progressmeter[mode="undetermined"] > .progressmeter-internal-box
|
||||
{
|
||||
background-image : url(chrome://global/skin/progressmeter-busy.gif);
|
||||
}
|
||||
|
||||
progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar
|
||||
{
|
||||
display : none;
|
||||
}
|
||||
|
||||
progressmeter
|
||||
{
|
||||
margin : 0px 4px 0px 4px;
|
||||
border : 1px inset #CCCCCC;
|
||||
max-height : 1.5em;
|
||||
}
|
||||
|
||||
progressmeter > .progressmeter-internal-box
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
/* progress indicators */
|
||||
.progress-bar
|
||||
{
|
||||
background-color : #6699cc;
|
||||
border-right : 1px outset #6699cc;
|
||||
}
|
||||
|
||||
.progress-remainder
|
||||
{
|
||||
background-color : #999999;
|
||||
}
|
||||
|
||||
/** XUL <scrollbar> element **/
|
||||
scrollbar
|
||||
{
|
||||
user-focus : ignore;
|
||||
}
|
||||
|
||||
|
||||
/* XUL <colorpicker> pieces */
|
||||
.colorpickertile
|
||||
{
|
||||
width : 20px;
|
||||
height : 20px;
|
||||
margin : 1px;
|
||||
border : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
.colorpickertile:hover
|
||||
{
|
||||
border : 1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.colorpickertile[selected="true"]
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 820 B |
|
Before Width: | Height: | Size: 820 B |
|
Before Width: | Height: | Size: 821 B |
|
Before Width: | Height: | Size: 157 B |
|
Before Width: | Height: | Size: 157 B |
|
Before Width: | Height: | Size: 145 B |
|
Before Width: | Height: | Size: 144 B |
|
Before Width: | Height: | Size: 51 B |
|
Before Width: | Height: | Size: 51 B |
|
Before Width: | Height: | Size: 288 B |
|
Before Width: | Height: | Size: 93 B |
|
Before Width: | Height: | Size: 93 B |
|
Before Width: | Height: | Size: 49 B |
|
Before Width: | Height: | Size: 97 B |
|
Before Width: | Height: | Size: 97 B |
|
Before Width: | Height: | Size: 97 B |
@@ -1,185 +0,0 @@
|
||||
|
||||
menubar
|
||||
{
|
||||
background-color : white;
|
||||
}
|
||||
|
||||
menubar > toolbargrippy
|
||||
{
|
||||
display : none;
|
||||
}
|
||||
|
||||
menu, menuitem
|
||||
{
|
||||
color : #000000;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
menu[disabled="true"], menuitem[disabled="true"],
|
||||
menu[menuactive="true"][disabled="true"],
|
||||
menuitem[menuactive="true"][disabled="true"]
|
||||
{
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
/* XXX menupopups have to have a color explicitly specified. this is a bug */
|
||||
menupopup, popup
|
||||
{
|
||||
background-color : #CCCCCC;
|
||||
border : 1px solid #336699;
|
||||
}
|
||||
|
||||
menupopup > menu, popup > menu,
|
||||
menupopup > menuitem, popup > menuitem
|
||||
{
|
||||
max-width : 250px;
|
||||
min-width : 125px;
|
||||
margin-left : 0px;
|
||||
margin-right : 0px;
|
||||
margin-top : 0px;
|
||||
margin-bottom : 0px;
|
||||
}
|
||||
|
||||
menuseparator
|
||||
{
|
||||
border-bottom : 1px solid #336699;
|
||||
margin : 2px 0px 2px 0px;
|
||||
}
|
||||
|
||||
menubar > menu
|
||||
{
|
||||
border : 1px solid #FFFFFF;
|
||||
padding : 2px 3px 2px 3px;
|
||||
margin : 2px 0px 2px 0px;
|
||||
}
|
||||
|
||||
menupopup > menu, menupopup > menuitem,
|
||||
popup > menu, popup > menuitem
|
||||
{
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
menubar > menu[menuactive="true"]
|
||||
{
|
||||
border : 1px solid #CCCCCC;
|
||||
background-color : #CCCCCC;
|
||||
-moz-border-radius : 4px;
|
||||
}
|
||||
|
||||
menubar > menu[menuactive="true"][open="true"]
|
||||
{
|
||||
border : 1px solid #336699;
|
||||
border-bottom : 1px solid #CCCCCC;
|
||||
background-color : #CCCCCC;
|
||||
-moz-border-radius : 4px 4px 0px 0px;
|
||||
}
|
||||
|
||||
menupopup > menu[menuactive="true"],
|
||||
menupopup > menuitem[menuactive="true"],
|
||||
popup > menu[menuactive="true"],
|
||||
popup > menuitem[menuactive="true"]
|
||||
{
|
||||
background-color : #336699;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Atomic sub-parts of standard menus
|
||||
**/
|
||||
.menu-right
|
||||
{
|
||||
margin : 0px 0px 0px 6px;
|
||||
width : 8px;
|
||||
text-align : center;
|
||||
list-style-image : url("chrome://global/skin/menu-arrow.gif");
|
||||
}
|
||||
|
||||
.menu-iconic-left
|
||||
{
|
||||
color : inherit;
|
||||
margin : 0px 2px 0px 0px;
|
||||
width : 13px;
|
||||
text-align : center;
|
||||
list-style-image : inherit;
|
||||
}
|
||||
|
||||
.menubar-left
|
||||
{
|
||||
color : inherit;
|
||||
margin : 0px 2px 0px 0px;
|
||||
}
|
||||
|
||||
.menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel
|
||||
{
|
||||
color : inherit;
|
||||
margin : 0px 2px 0px 0px;
|
||||
}
|
||||
|
||||
.menu-text
|
||||
{
|
||||
padding-left : 15px;
|
||||
}
|
||||
|
||||
.menu-accel
|
||||
{
|
||||
margin-left : 4px;
|
||||
padding-right : 14px;
|
||||
}
|
||||
|
||||
.menu-iconic-accel
|
||||
{
|
||||
margin-left : 4px;
|
||||
}
|
||||
|
||||
.menubar-text
|
||||
{
|
||||
color : inherit;
|
||||
margin-right : 2px;
|
||||
}
|
||||
|
||||
menuitem[checked="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/menu-check.gif");
|
||||
}
|
||||
|
||||
menuitem[checked="true"][disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/menu-check-disabled.gif");
|
||||
}
|
||||
|
||||
menuitem[checked="true"][menuactive="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/menu-check-hover.gif");
|
||||
}
|
||||
|
||||
.menu-right[disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/menu-arrow-disabled.gif");
|
||||
}
|
||||
|
||||
.menu-right[menuactive="true"][disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/menu-arrow-disabled.gif");
|
||||
}
|
||||
|
||||
.menu-right[menuactive="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/menu-arrow-hover.gif");
|
||||
}
|
||||
|
||||
/** Tooltips (tooltip <popup> element)
|
||||
* class="tooltip"
|
||||
**/
|
||||
.tooltip
|
||||
{
|
||||
background-color : #FFFFCC;
|
||||
border : 1px outset #FFFFCC;
|
||||
color : #000000;
|
||||
font : smaller;
|
||||
padding : 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 93 B |
|
Before Width: | Height: | Size: 96 B |
|
Before Width: | Height: | Size: 93 B |
|
Before Width: | Height: | Size: 97 B |
|
Before Width: | Height: | Size: 97 B |
|
Before Width: | Height: | Size: 97 B |
@@ -1,118 +0,0 @@
|
||||
|
||||
/* outermost frame */
|
||||
menubutton
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
margin : 3px 5px 3px 5px;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
}
|
||||
|
||||
menubutton[disabled="true"]
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
menubutton > .menubutton-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 1px 2px 1px 2px;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
menubutton:active > .menubutton-internal-box,
|
||||
menubutton[open="true"] > .menubutton-internal-box
|
||||
{
|
||||
/*border : 1px inset #CCCCCC;*/
|
||||
padding : 2px 1px 0px 3px;
|
||||
}
|
||||
|
||||
.menubutton-single-icon
|
||||
{
|
||||
margin-right : 3px;
|
||||
}
|
||||
|
||||
/** "Dual Functionality" menubutton
|
||||
* Has a popup spawning button and a command invoking button, e.g. back/forward
|
||||
* class="menubutton-dual"
|
||||
**/
|
||||
|
||||
/* inner button */
|
||||
menubutton.menubutton-dual > .menubutton-dual-button,
|
||||
menubutton.menubutton-dual:hover > .menubutton-dual-button,
|
||||
menubutton.menubutton-dual:active > .menubutton-dual-button
|
||||
{
|
||||
border : none;
|
||||
margin : 0px;
|
||||
-moz-border-radius : 0px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[open="true"] > .menubutton-dual-button > .button-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 3px 1px 1px 3px;
|
||||
}
|
||||
|
||||
/* inner dropmarker */
|
||||
menubutton.menubutton-dual > .menubutton-dropmarker
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
padding : 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[disabled="true"] > .menubutton-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[open="true"] > .menubutton-dropmarker
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 1px 1px -1px 3px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual > menupopup
|
||||
{
|
||||
min-width : 0px;
|
||||
border-top : 0px;
|
||||
border-right : 1px solid #000000;
|
||||
border-left : 1px solid #000000;
|
||||
border-bottom : 1px solid #000000;
|
||||
}
|
||||
|
||||
menubutton > menupopup > .menupopup-internal-box
|
||||
{
|
||||
border-top : 0px;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
menubutton > menupopup > menuitem
|
||||
{
|
||||
padding : 0px 0px 0px 3px;
|
||||
}
|
||||
|
||||
/** Icon only menubutton.menubutton-duals
|
||||
* class="menubutton.menubutton-dual-icon"
|
||||
**/
|
||||
.menubutton.menubutton-dual-icon
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
background-color : #CCCCCC;
|
||||
}
|
||||
|
||||
.menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 1px;
|
||||
}
|
||||
|
||||
.menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
|
||||
.menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
@@ -1,176 +0,0 @@
|
||||
|
||||
/* NEW WIDGET LANDING: <menulist> popup */
|
||||
|
||||
/* outer frame */
|
||||
menulist
|
||||
{
|
||||
padding : 0px;
|
||||
border : 1px solid #000000;
|
||||
background-color : #CCCCCC;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
margin : 1px 5px 2px 5px;
|
||||
}
|
||||
|
||||
menulist[menuactive="true"],
|
||||
menulist:hover
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
menulist[open="true"]
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
menulist[disabled="true"]
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
/* icon display frame */
|
||||
menulist > .menu-icon
|
||||
{
|
||||
border-left : 1px outset #CCCCCC;
|
||||
border-top : 1px outset #CCCCCC;
|
||||
border-bottom : 1px outset #CCCCCC;
|
||||
padding : 2px 0px 2px 0px;
|
||||
}
|
||||
|
||||
menulist[open="true"] > .menu-icon
|
||||
{
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-bottom : 1px solid #CCCCCC;
|
||||
padding : 3px 0px 1px 0px;
|
||||
}
|
||||
|
||||
/* text display frame */
|
||||
menulist > .menu-text
|
||||
{
|
||||
padding : 2px 4px 2px 4px;
|
||||
border-top : 1px outset #CCCCCC;
|
||||
border-bottom : 1px outset #CCCCCC;
|
||||
margin-right : 0px;
|
||||
}
|
||||
|
||||
menulist[open="true"] > .menu-text
|
||||
{
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-bottom : 1px solid #CCCCCC;
|
||||
padding : 3px 4px 1px 4px;
|
||||
}
|
||||
|
||||
/* drop marker display frame */
|
||||
menulist > .menu-dropmarker
|
||||
{
|
||||
border-top : 1px outset #CCCCCC;
|
||||
border-right : 1px outset #CCCCCC;
|
||||
border-bottom : 1px outset #CCCCCC;
|
||||
border-left : none;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
menulist[disabled="true"] > .menu-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
menulist[open="true"] > .menu-dropmarker
|
||||
{
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-bottom : 1px solid #CCCCCC;
|
||||
border-left : 1px solid #CCCCCC;
|
||||
padding : 3px 2px 1px 2px;
|
||||
}
|
||||
|
||||
/** rules for EDITABLE menulists (aka 'comboboxes').
|
||||
**/
|
||||
|
||||
/* outer frame */
|
||||
menulist[editable="true"]
|
||||
{
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
/* icon display frame */
|
||||
menulist[editable="true"] > .menu-icon
|
||||
{
|
||||
list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
|
||||
background-color : white;
|
||||
padding : 1px;
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-right : none;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
/* text display frame */
|
||||
menulist[editable="true"] > .menu-text
|
||||
{
|
||||
border-left : none;
|
||||
border-top : 1px inset #CCCCCC;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
margin : 0px 2px 0px 0px;
|
||||
}
|
||||
|
||||
/* drop marker display frame */
|
||||
menulist[editable="true"] > .menu-dropmarker
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
}
|
||||
|
||||
menulist[editable="true"][open="true"] > .menu-dropmarker
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
/* rules for popups and separators associated with menulists */
|
||||
menulist > menupopup
|
||||
{
|
||||
border-left : 1px solid #000000;
|
||||
border-right : 1px solid #000000;
|
||||
border-bottom : 1px solid #000000;
|
||||
border-top : 0px;
|
||||
min-width : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
menulist > menupopup > .internal-box
|
||||
{
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
border-top : 0px;
|
||||
}
|
||||
|
||||
menulist > menupopup > menuseparator
|
||||
{
|
||||
border-bottom : 2px groove #CCCCCC;
|
||||
}
|
||||
|
||||
|
||||
menulist > menupopup > menuitem
|
||||
{
|
||||
padding : 0px;
|
||||
min-width: 0px;
|
||||
max-width: auto;
|
||||
}
|
||||
|
||||
menulist > menupopup > menuitem > .menu-left
|
||||
{
|
||||
width : 13px;
|
||||
}
|
||||
|
||||
menulist > menupopup > menuitem[selected="true"] > .menu-left
|
||||
{
|
||||
list-style-image : url(chrome://global/skin/menu-check.gif);
|
||||
}
|
||||
|
||||
menulist > menupopup > menuitem[menuactive="true"][selected="true"] > .menu-left
|
||||
{
|
||||
list-style-image : url(chrome://global/skin/menu-check-hover.gif);
|
||||
}
|
||||
|
Before Width: | Height: | Size: 693 B |
|
Before Width: | Height: | Size: 54 B |
|
Before Width: | Height: | Size: 62 B |
|
Before Width: | Height: | Size: 54 B |
|
Before Width: | Height: | Size: 202 B |
|
Before Width: | Height: | Size: 211 B |
|
Before Width: | Height: | Size: 851 B |
|
Before Width: | Height: | Size: 66 B |
|
Before Width: | Height: | Size: 116 B |
|
Before Width: | Height: | Size: 66 B |
|
Before Width: | Height: | Size: 66 B |
|
Before Width: | Height: | Size: 935 B |
|
Before Width: | Height: | Size: 950 B |
|
Before Width: | Height: | Size: 81 B |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,79 +0,0 @@
|
||||
/* stylesheet for XUL <radio> element */
|
||||
|
||||
/* default radio for dialogs */
|
||||
/* outer frame */
|
||||
radio
|
||||
{
|
||||
margin: 3px 5px 3px 5px;
|
||||
}
|
||||
|
||||
|
||||
/* checkmark outer frame */
|
||||
radio > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #000000;
|
||||
-moz-border-radius: 50%;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
radio[disabled="true"] > .internal-box > .checkmark-box,
|
||||
radio[disabled="true"]:hover > .internal-box > .checkmark-box
|
||||
{
|
||||
border: 1px solid #999999;
|
||||
}
|
||||
|
||||
/* checkmark inner frame */
|
||||
radio > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
-moz-border-radius: 50%;
|
||||
}
|
||||
|
||||
radio[checked="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-radio.gif);
|
||||
}
|
||||
|
||||
radio[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image
|
||||
{
|
||||
list-style-image: url(chrome://global/skin/check-radio-disabled.gif);
|
||||
}
|
||||
|
||||
radio:hover:active > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
radio[disabled="true"] > .internal-box > .checkmark-box > image,
|
||||
radio[disabled="true"]:active > .internal-box > .checkmark-box > image
|
||||
{
|
||||
border: 1px outset #CCCCCC;
|
||||
}
|
||||
|
||||
/* text/icon frames */
|
||||
radio[value] > .internal-box > html,
|
||||
radio.iconic > .internal-box > .icon
|
||||
{
|
||||
margin: 0px 0px 0px 4px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
radio.iconic > .internal-box > html
|
||||
{
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
radio[disabled="true"][value] > .internal-box > html
|
||||
{
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
radio:focus > .internal-box > html
|
||||
{
|
||||
border : 1px dotted black;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 67 B |
|
Before Width: | Height: | Size: 67 B |
|
Before Width: | Height: | Size: 65 B |
|
Before Width: | Height: | Size: 56 B |
|
Before Width: | Height: | Size: 56 B |
|
Before Width: | Height: | Size: 105 B |
|
Before Width: | Height: | Size: 57 B |
|
Before Width: | Height: | Size: 57 B |
|
Before Width: | Height: | Size: 105 B |
|
Before Width: | Height: | Size: 57 B |
|
Before Width: | Height: | Size: 57 B |
|
Before Width: | Height: | Size: 111 B |
|
Before Width: | Height: | Size: 108 B |
|
Before Width: | Height: | Size: 108 B |
|
Before Width: | Height: | Size: 67 B |
|
Before Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 65 B |
|
Before Width: | Height: | Size: 56 B |
|
Before Width: | Height: | Size: 56 B |
@@ -1,131 +0,0 @@
|
||||
@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;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
scrollbarbutton {
|
||||
display: inline;
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
scrollbar[value="hidden"] {
|
||||
visibility: hidden;
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/********* XP Scrollbar *********/
|
||||
|
||||
thumb {
|
||||
behavior: url(resource:/chrome/xulBindings.xml#thumb);
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
background-color: #CCCCCC;
|
||||
border: 1px outset #CCCCCC;
|
||||
list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif")
|
||||
}
|
||||
|
||||
thumb[disabled="true"] {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
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;
|
||||
user-select: none;
|
||||
vertical-align: bottom;
|
||||
cursor: default;
|
||||
|
||||
border: 1px outset white;
|
||||
background-color: #CCCCCC;
|
||||
color:black;
|
||||
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
scrollbarbutton:active {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
border-style: inset;
|
||||
|
||||
padding-left: 2px;
|
||||
padding-right: 0px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
scrollbarbutton[type="decrement"] {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
list-style-image: url("chrome://global/skin/scroll-left.gif")
|
||||
}
|
||||
|
||||
scrollbarbutton[type="decrement"][disabled="true"] {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
list-style-image: url("chrome://global/skin/scroll-left-disabled.gif")
|
||||
}
|
||||
|
||||
scrollbarbutton[type="increment"] {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
list-style-image: url("chrome://global/skin/scroll-right.gif")
|
||||
}
|
||||
|
||||
|
||||
scrollbarbutton[type="increment"][disabled="true"] {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
list-style-image: url("chrome://global/skin/scroll-right-disabled.gif")
|
||||
}
|
||||
|
||||
|
||||
scrollbar[align="vertical"] scrollbarbutton[type="decrement"] {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
list-style-image: url("chrome://global/skin/scroll-up.gif")
|
||||
}
|
||||
|
||||
scrollbar[align="vertical"] scrollbarbutton[type="decrement"][disabled="true"] {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
list-style-image: url("chrome://global/skin/scroll-up-disabled.gif")
|
||||
}
|
||||
|
||||
scrollbar[align="vertical"] scrollbarbutton[type="increment"] {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
list-style-image: url("chrome://global/skin/scroll-down.gif")
|
||||
}
|
||||
|
||||
scrollbar[align="vertical"] scrollbarbutton[type="increment"][disabled="true"] {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
list-style-image: url("chrome://global/skin/scroll-down-disabled.gif")
|
||||
}
|
||||
|
||||
slider[align="vertical"] thumb:active {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
slider {
|
||||
user-focus: ignore;
|
||||
user-select: none;
|
||||
background-color: #999999;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 915 B |
|
Before Width: | Height: | Size: 99 B |
|
Before Width: | Height: | Size: 103 B |
|
Before Width: | Height: | Size: 64 B |
|
Before Width: | Height: | Size: 63 B |
@@ -1,55 +0,0 @@
|
||||
/******* Splitters *******/
|
||||
|
||||
splitter
|
||||
{
|
||||
cursor : e-resize;
|
||||
background-color : #CCCCCC;
|
||||
}
|
||||
|
||||
splitter[state="dragging"]
|
||||
{
|
||||
background-color : #999999;
|
||||
}
|
||||
|
||||
grippy, grippy[collapse="before"]
|
||||
{
|
||||
margin : 0px;
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 0px;
|
||||
list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
grippy:hover
|
||||
{
|
||||
background-color : #CCCCFF;
|
||||
}
|
||||
|
||||
grippy:hover:active
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
/* vertical splitters */
|
||||
window > splitter, box > splitter
|
||||
{
|
||||
width : 8px;
|
||||
border-left : 1px outset #CCCCCC;
|
||||
border-right : 1px outset #CCCCCC;
|
||||
}
|
||||
|
||||
/* horizontal splitters */
|
||||
/* XXX we should comment out the 'align' support to force people to migrate
|
||||
to 'orient' */
|
||||
rows > splitter,
|
||||
window[orient="vertical"] > splitter,
|
||||
box[orient="vertical"] > splitter,
|
||||
window[align="vertical"] > splitter,
|
||||
box[align="vertical"] > splitter
|
||||
{
|
||||
cursor : n-resize;
|
||||
border-top : 1px outset #CCCCCC;
|
||||
border-right : 1px outset #CCCCCC;
|
||||
}
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 79 B |
|
Before Width: | Height: | Size: 105 B |
|
Before Width: | Height: | Size: 100 B |
@@ -1,89 +0,0 @@
|
||||
/********** 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;
|
||||
}
|
||||
|
||||
/* when a tab is selected this is how it should look */
|
||||
tab[selected="true"] {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
tab:hover {
|
||||
color: #003366;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* bottom tabs */
|
||||
tabcontrol[align="vertical"] tabpanel + tabbox[align="horizontal"] tab {
|
||||
border-top: none;
|
||||
border-bottom: 1px solid #666666;
|
||||
border-left: 1px solid white;
|
||||
border-right: 1px solid #666666;
|
||||
-moz-border-radius: 0px 0px 8px 8px;
|
||||
padding: 1px 5px 3px 5px;
|
||||
margin: 1px 2px 1px 2px;
|
||||
}
|
||||
|
||||
/* left tabs */
|
||||
tabcontrol[align="horizontal"] tabbox[align="vertical"] tab {
|
||||
border-right: none;
|
||||
-moz-border-radius: 8px 0px 0px 8px;
|
||||
padding-right: 1px;
|
||||
margin: 2px 1px 2px 1px;
|
||||
}
|
||||
|
||||
/* right tabs */
|
||||
tabcontrol[align="horizontal"] tabpanel + tabbox[align="vertical"] tab {
|
||||
border-top: 1px solid white;
|
||||
border-bottom: 1px solid #666666;
|
||||
border-left: none;
|
||||
border-right: 1px solid #666666;
|
||||
-moz-border-radius: 0px 8px 8px 0px;
|
||||
padding: 3px 5px 1px 5px;
|
||||
margin: 2px 1px 2px 1px;
|
||||
}
|
||||
|
||||
tabcontrol {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* border on bottom only, no padding (used in search) */
|
||||
tabpanel.light {
|
||||
border: none;
|
||||
border-bottom: 1px outset #CCCCCC;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
tabpanel {
|
||||
border-top: 1px solid white;
|
||||
border-bottom: 1px solid #666666;
|
||||
border-left: 1px solid white;
|
||||
border-right: 1px solid #666666;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 881 B |