зеркало из https://github.com/mozilla/pjs.git
336 строки
9.0 KiB
CSS
336 строки
9.0 KiB
CSS
|
|
/** Standard toolbar buttons
|
|
* class="button-toolbar"
|
|
**/
|
|
.button-toolbar
|
|
{
|
|
border : 0px solid transparent;
|
|
margin : 0px 0px 0px 0px;
|
|
-moz-border-radius : 0px;
|
|
color : #FFFFFF;
|
|
padding : 0px;
|
|
font : 3mm arial;
|
|
max-width : 10em;
|
|
}
|
|
|
|
.button-toolbar:hover
|
|
{
|
|
border : 0px solid #FFFFFF;
|
|
}
|
|
|
|
.button-toolbar:hover:active,
|
|
.button-toolbar[home-dragover="true"]
|
|
{
|
|
border : 0px solid #336699;
|
|
}
|
|
|
|
.button-toolbar > .button-internal-box,
|
|
.button-toolbar:hover > .button-internal-box,
|
|
.button-toolbar[disabled="true"] > .button-internal-box,
|
|
.button-toolbar[disabled="true"]:hover > .button-internal-box,
|
|
.button-toolbar[disabled="true"]:hover:active > .button-internal-box
|
|
{
|
|
padding : 1px 3px 1px 3px;
|
|
border : none;
|
|
}
|
|
|
|
.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:hover:active[home-dragover="true"] > .button-internal-box
|
|
{
|
|
padding : 1px 3px 1px 3px;
|
|
border : none;
|
|
}
|
|
|
|
.button-toolbar[toggled="true"]
|
|
{
|
|
border : 0px solid 0x003366;
|
|
background-color : #AAAAAA;
|
|
-moz-border-radius : 4px;
|
|
}
|
|
|
|
.button-toolbar[disabled="true"],
|
|
.button-toolbar[disabled="true"]:hover,
|
|
.button-toolbar[disabled="true"]:hover:active
|
|
{
|
|
border : 0px solid transparent;
|
|
}
|
|
|
|
/** 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
|
|
{
|
|
color : #CCFFFF;
|
|
margin : 3px 3px 9px 3px;
|
|
font-size : smaller;
|
|
border : 0px;
|
|
padding : 0px;
|
|
-moz-border-radius : 0px;
|
|
}
|
|
|
|
.button-toolbar-1:hover
|
|
{
|
|
border : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
.button-toolbar-1:hover:active
|
|
{
|
|
border : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
.button-toolbar-1[disabled="true"],
|
|
.button-toolbar-1[disabled="true"]:hover,
|
|
.button-toolbar-1[disabled="true"]:hover:active
|
|
{
|
|
margin : 3px 3px 9px 3px;
|
|
border : none;
|
|
}
|
|
|
|
/* 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
|
|
{
|
|
border : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
.button-toolbar-1 > .button-internal-box,
|
|
.button-toolbar-1:hover > .button-internal-box,
|
|
.button-toolbar-1:hover:active > .button-internal-box
|
|
{
|
|
border : 0px;
|
|
vertical-align : middle;
|
|
padding : 0px;
|
|
}
|
|
|
|
.button-toolbar-1 > .button-internal-box > .button-text-container
|
|
{
|
|
display : none;
|
|
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 : 28px;
|
|
min-height : 28px;
|
|
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 : 4px 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 : 6px;
|
|
text-align : center;
|
|
}
|
|
|
|
|
|
/** "Green" buttons, e.g. "Search"
|
|
* class="button-toolbar-3"
|
|
**/
|
|
button.button-toolbar-3
|
|
{
|
|
behavior : url("chrome://global/skin/globalBindings.xml#three-slice-button");
|
|
font-weight : bold;
|
|
background-color : transparent;
|
|
border : 0px;
|
|
margin : 3px 7px 3px 0px;
|
|
color : #2F405D;
|
|
}
|
|
|
|
button.button-toolbar-3[disabled="true"], .button-toolbar-3[disabled="true"]:hover, .button-toolbar-3[disabled="true"]:hover:active
|
|
{
|
|
border : 0px;
|
|
}
|
|
|
|
.three-slice-button-image-left {
|
|
list-style-image : url(chrome://global/skin/button-3slice-normal-left.png);
|
|
width : 5px;
|
|
height : 20px;
|
|
}
|
|
|
|
.three-slice-button-image-middle {
|
|
background : url(chrome://global/skin/button-3slice-normal-middle.png) repeat-x;
|
|
}
|
|
|
|
.three-slice-button-text-box {
|
|
text-align : center;
|
|
vertical-align : middle;
|
|
padding : 0px 3px;
|
|
font-size : 10px;
|
|
}
|
|
|
|
.three-slice-button-image-right {
|
|
list-style-image : url(chrome://global/skin/button-3slice-normal-right.png);
|
|
width : 4px;
|
|
height : 20px;
|
|
}
|
|
|
|
.three-slice-button-top-spring {
|
|
height : 2px;
|
|
}
|
|
|
|
.three-slice-button-bottom-spring {
|
|
height : 3px;
|
|
}
|
|
|
|
button.button-toolbar-3:hover:active {
|
|
color : #B2CAC9;
|
|
}
|
|
|
|
button.button-toolbar-3:hover:active > .three-slice-button-image-left {
|
|
list-style-image : url(chrome://global/skin/button-3slice-active-left.png);
|
|
}
|
|
|
|
button.button-toolbar-3:hover:active > .three-slice-button-image-middle {
|
|
background : url(chrome://global/skin/button-3slice-active-middle.png) repeat-x;
|
|
}
|
|
|
|
button.button-toolbar-3:hover:active > .three-slice-button-image-right {
|
|
list-style-image : url(chrome://global/skin/button-3slice-active-right.png);
|
|
}
|
|
|
|
/** 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 : #D0E7E7;
|
|
background : inherit;
|
|
font : inherit;
|
|
border : none;
|
|
padding : 1px;
|
|
margin : 0px;
|
|
}
|
|
|
|
.button-toolbar-4:hover
|
|
{
|
|
text-decoration : none;
|
|
}
|
|
|
|
.button-toolbar-4:hover:active
|
|
{
|
|
text-decoration : none;
|
|
color : #CCFFFF;
|
|
}
|
|
|
|
menubutton.button-toolbar-4
|
|
{
|
|
behavior : url("chrome://global/content/menulistBindings.xml#menubutton-single-right");
|
|
}
|
|
|
|
.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon
|
|
{
|
|
list-style-image : url(chrome://global/skin/mb-single-arrow.png);
|
|
}
|
|
|
|
.button-toolbar-4 > .button-internal-box,
|
|
.button-toolbar-4 > .menubutton-internal-box
|
|
{
|
|
border : 0px !important;
|
|
padding : 0px !important;
|
|
}
|