зеркало из https://github.com/mozilla/gecko-dev.git
46613..
This commit is contained in:
ben%netscape.com
Родитель
f39c0559a3
Коммит
9320ef1ea9
|
|
@ -69,6 +69,7 @@
|
||||||
{
|
{
|
||||||
behavior : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
|
behavior : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
|
||||||
background-color : threedface;
|
background-color : threedface;
|
||||||
|
cursor : pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panelheader-grippy-box
|
.panelheader-grippy-box
|
||||||
|
|
|
||||||
|
|
@ -2,26 +2,84 @@
|
||||||
* these are only used in the navigation toolbar in the navigator package.
|
* these are only used in the navigation toolbar in the navigator package.
|
||||||
**/
|
**/
|
||||||
|
|
||||||
/* outer frame */
|
/* Large vertically orientated toolbar buttons,
|
||||||
|
e.g. back, print
|
||||||
|
*/
|
||||||
.button-toolbar-1, .button-toolbar-2
|
.button-toolbar-1, .button-toolbar-2
|
||||||
{
|
{
|
||||||
background-color : none;
|
background-color : none;
|
||||||
behavior : url("chrome://global/content/xulBindings.xml#buttontop");
|
behavior : url("chrome://global/skin/classicBindings.xml#toolbarbutton-top");
|
||||||
min-width : 0px;
|
min-width : 47px;
|
||||||
margin : 0px;
|
margin : 0px;
|
||||||
border : 1px solid transparent;
|
border : 1px solid transparent;
|
||||||
user-focus : ignore;
|
user-focus : none;
|
||||||
|
padding : 2px 3px 2px 3px;
|
||||||
|
text-align : center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.button-toolbar-1:hover, .button-toolbar-2:hover
|
||||||
|
{
|
||||||
|
border-left : 1px solid threedhighlight;
|
||||||
|
border-top : 1px solid threedhighlight;
|
||||||
|
border-right : 1px solid threedshadow;
|
||||||
|
border-bottom : 1px solid threedshadow;
|
||||||
|
color : #0000FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-toolbar-1:hover:active, .button-toolbar-2:hover:active
|
||||||
|
{
|
||||||
|
border-left : 1px solid threedshadow;
|
||||||
|
border-top : 1px solid threedshadow;
|
||||||
|
border-bottom : 1px solid threedhighlight;
|
||||||
|
border-right : 1px solid threedhighlight;
|
||||||
|
padding : 3px 2px 1px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-toolbar-1[disabled="true"],
|
||||||
|
.button-toolbar-1[disabled="true"]:hover,
|
||||||
|
.button-toolbar-1[disabled="true"]:hover:active,
|
||||||
|
.button-toolbar-2[disabled="true"],
|
||||||
|
.button-toolbar-2[disabled="true"]:hover,
|
||||||
|
.button-toolbar-2[disabled="true"]:hover:active
|
||||||
|
{
|
||||||
|
border : 1px solid transparent;
|
||||||
|
color : graytext;
|
||||||
|
padding : 2px 3px 2px 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Smaller, horizontally orientated (icon left)
|
||||||
|
toolbar buttons, e.g. bold
|
||||||
|
*/
|
||||||
.button-toolbar
|
.button-toolbar
|
||||||
{
|
{
|
||||||
background-color : none;
|
background-color : none;
|
||||||
behavior : url("chrome://global/content/xulBindings.xml#buttonleft");
|
behavior : url("chrome://global/skin/classicBindings.xml#toolbarbutton-left");
|
||||||
min-width : 0px;
|
min-width : 0px;
|
||||||
margin : 1px; /* 0px 1px 0px 1px; */
|
margin : 1px; /* 0px 1px 0px 1px; */
|
||||||
border : none;
|
border : 1px solid transparent;
|
||||||
user-focus : ignore;
|
user-focus : ignore;
|
||||||
max-width : 14em;
|
max-width : 14em;
|
||||||
|
vertical-align : middle;
|
||||||
|
padding : 1px 4px 1px 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-toolbar:hover:active
|
||||||
|
{
|
||||||
|
padding : 2px 3px 0px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-toolbar[disabled="true"],
|
||||||
|
.button-toolbar[disabled="true"]:hover,
|
||||||
|
.button-toolbar[disabled="true"]:hover:active
|
||||||
|
{
|
||||||
|
color : graytext;
|
||||||
|
border : 1px solid transparent;
|
||||||
|
padding : 1px 4px 1px 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbarbutton-left-text
|
||||||
|
{
|
||||||
|
padding-left : 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* drag and drop feedback */
|
/* drag and drop feedback */
|
||||||
|
|
@ -47,27 +105,41 @@
|
||||||
.button-toolbar-4
|
.button-toolbar-4
|
||||||
{
|
{
|
||||||
background-color : none;
|
background-color : none;
|
||||||
behavior : url("chrome://global/content/xulBindings.xml#buttonleft");
|
behavior : url("chrome://global/skin/classicBindings.xml#toolbarbutton-left");
|
||||||
min-width : 0px;
|
min-width : 0px;
|
||||||
margin : 0px;
|
margin : 0px;
|
||||||
border : 1px solid transparent;
|
border : 1px solid transparent;
|
||||||
user-focus : ignore;
|
user-focus : ignore;
|
||||||
}
|
|
||||||
|
|
||||||
.button-toolbar-4 > .button-internal-box
|
|
||||||
{
|
|
||||||
padding : 0px;
|
padding : 0px;
|
||||||
border : 1px solid transparent;
|
|
||||||
vertical-align : middle;
|
vertical-align : middle;
|
||||||
text-align : center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-toolbar-1:hover, .button-toolbar-2:hover, .button-toolbar-4:hover
|
.button-toolbar-4:hover
|
||||||
{
|
{
|
||||||
border : 1px solid threeddarkshadow;
|
border-left : 1px solid threedhighlight;
|
||||||
|
border-top : 1px solid threedhighlight;
|
||||||
|
border-right : 1px solid threedshadow;
|
||||||
|
border-bottom : 1px solid threedshadow;
|
||||||
color : #0000FF;
|
color : #0000FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.button-toolbar-4[disabled="true"],
|
||||||
|
.button-toolbar-4[disabled="true"]:hover,
|
||||||
|
.button-toolbar-4[disabled="true"]:hover:active
|
||||||
|
{
|
||||||
|
border : 1px solid transparent;
|
||||||
|
color : graytext;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Personal Toolbar items */
|
||||||
|
.bookmarkitem.button-toolbar
|
||||||
|
{
|
||||||
|
border : none;
|
||||||
|
margin : 0px;
|
||||||
|
padding : 1px 0px 1px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
.bookmarkitem.button-toolbar:hover
|
.bookmarkitem.button-toolbar:hover
|
||||||
{
|
{
|
||||||
color : #0000FF;
|
color : #0000FF;
|
||||||
|
|
@ -75,118 +147,17 @@
|
||||||
cursor : pointer;
|
cursor : pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-toolbar:hover:active
|
.bookmarkitem.button-toolbar:hover:active
|
||||||
{
|
{
|
||||||
|
padding : 1px 0px 1px 0px;
|
||||||
color : #FF0000;
|
color : #FF0000;
|
||||||
text-decoration : underline;
|
text-decoration : underline;
|
||||||
border : none;
|
border : none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-toolbar-1 > .button-internal-box,
|
.bookmarkitem > .toolbarbutton-left-text
|
||||||
.button-toolbar-2 > .button-internal-box
|
|
||||||
{
|
{
|
||||||
padding : 2px 7px 2px 6px;
|
margin-left : 1px;
|
||||||
vertical-align : middle;
|
|
||||||
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:hover:active > .button-internal-box
|
|
||||||
{
|
|
||||||
padding : 0px 4px 0px 3px;
|
|
||||||
vertical-align : middle;
|
|
||||||
text-align : center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-toolbar-1[disabled="true"],
|
|
||||||
.button-toolbar-1[disabled="true"]:hover,
|
|
||||||
.button-toolbar-1[disabled="true"]:hover:active,
|
|
||||||
.button-toolbar-2[disabled="true"],
|
|
||||||
.button-toolbar-2[disabled="true"]:hover,
|
|
||||||
.button-toolbar-2[disabled="true"]:hover:active,
|
|
||||||
.button-toolbar-4[disabled="true"],
|
|
||||||
.button-toolbar-4[disabled="true"]:hover,
|
|
||||||
.button-toolbar-4[disabled="true"]:hover:active
|
|
||||||
{
|
|
||||||
border : 1px solid transparent;
|
|
||||||
color : graytext;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-toolbar[disabled="true"],
|
|
||||||
.button-toolbar[disabled="true"]:hover,
|
|
||||||
.button-toolbar[disabled="true"]:hover:active
|
|
||||||
{
|
|
||||||
color : graytext;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* internal frame */
|
|
||||||
.button-toolbar-1:hover > .button-internal-box,
|
|
||||||
.button-toolbar-2:hover > .button-internal-box,
|
|
||||||
.button-toolbar-4: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,
|
|
||||||
.button-toolbar-2:hover:active > .button-internal-box
|
|
||||||
{
|
|
||||||
padding : 3px 6px 1px 7px;
|
|
||||||
border-left : 1px solid threedshadow !important;
|
|
||||||
border-top : 1px solid threedshadow !important;
|
|
||||||
border-right : 1px solid threedhighlight !important;
|
|
||||||
border-bottom : 1px solid threedhighlight !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-toolbar-4:hover:active > .button-internal-box
|
|
||||||
{
|
|
||||||
padding : 0px;
|
|
||||||
border-left : 1px solid threedshadow !important;
|
|
||||||
border-top : 1px solid threedshadow !important;
|
|
||||||
border-right : 1px solid threedhighlight !important;
|
|
||||||
border-bottom : 1px solid threedhighlight !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-toolbar-1 > .button-internal-box > .button-text-container,
|
|
||||||
.button-toolbar > .button-internal-box > .button-text-container,
|
|
||||||
.button-toolbar-2 > .button-internal-box > .button-text-container,
|
|
||||||
.button-toolbar-4 > .button-internal-box > .button-text-container
|
|
||||||
{
|
|
||||||
text-align : center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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,
|
|
||||||
.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
|
|
||||||
{
|
|
||||||
padding : 2px 7px 2px 6px !important;
|
|
||||||
border : 1px solid transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-toolbar-4[disabled="true"] > .button-internal-box,
|
|
||||||
.button-toolbar-4[disabled="true"]:hover > .button-internal-box,
|
|
||||||
.button-toolbar-4[disabled="true"]:hover:active > .button-internal-box
|
|
||||||
{
|
|
||||||
padding : 0px !important;
|
|
||||||
border : 1px solid transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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 : 2px 8px 2px 7px !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** "Green" buttons, e.g. "Search"
|
/** "Green" buttons, e.g. "Search"
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,102 @@
|
||||||
|
|
||||||
|
.menubutton-dual.toolbar.top
|
||||||
|
{
|
||||||
|
behavior : url("chrome://global/content/menulistBindings.xml#menubutton-dual-top");
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dual.toolbar.top > .menubutton-internal-box > .menubutton-dual-button
|
||||||
|
{
|
||||||
|
behavior : url("chrome://global/skin/classicBindings.xml#toolbarbutton-top");
|
||||||
|
background-color : none;
|
||||||
|
min-width : 47px;
|
||||||
|
margin : 0px;
|
||||||
|
border : 1px solid transparent;
|
||||||
|
user-focus : none;
|
||||||
|
padding : 2px 3px 2px 3px;
|
||||||
|
text-align : center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button,
|
||||||
|
.menubutton-dual-button:hover
|
||||||
|
{
|
||||||
|
border-left : 1px solid threedhighlight;
|
||||||
|
border-top : 1px solid threedhighlight;
|
||||||
|
border-right : 1px solid threedshadow;
|
||||||
|
border-bottom : 1px solid threedshadow;
|
||||||
|
color : #0000FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dual-button:hover:active
|
||||||
|
{
|
||||||
|
border-left : 1px solid threedshadow;
|
||||||
|
border-top : 1px solid threedshadow;
|
||||||
|
border-bottom : 1px solid threedhighlight;
|
||||||
|
border-right : 1px solid threedhighlight;
|
||||||
|
padding : 3px 2px 1px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button[disabled="true"],
|
||||||
|
.menubutton-dual.toolbar:hover[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
|
||||||
|
.menubutton-dual.toolbar:hover:active[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
|
||||||
|
.menubutton-dual.toolbar[open="true"][disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
|
||||||
|
.menubutton-dual-button:hover[disabled="true"] + .menubutton-dual-dropmarker-box,
|
||||||
|
.menubutton-dual-button:hover:active[disabled="true"] + .menubutton-dual-dropmarker-box
|
||||||
|
{
|
||||||
|
border : 1px solid transparent;
|
||||||
|
color : graytext;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box
|
||||||
|
{
|
||||||
|
border-left : 1px solid threedhighlight;
|
||||||
|
border-top : 1px solid threedhighlight;
|
||||||
|
border-right : 1px solid threedshadow;
|
||||||
|
border-bottom : 1px solid threedshadow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
|
||||||
|
.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
|
||||||
|
{
|
||||||
|
border-left : 1px solid threedshadow;
|
||||||
|
border-top : 1px solid threedshadow;
|
||||||
|
border-bottom : 1px solid threedhighlight;
|
||||||
|
border-right : 1px solid threedhighlight;
|
||||||
|
padding : 1px 0px 0px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dual-button:hover + .menubutton-dual-dropmarker-box
|
||||||
|
{
|
||||||
|
border-left : 1px solid threedhighlight;
|
||||||
|
border-top : 1px solid threedhighlight;
|
||||||
|
border-right : 1px solid threedshadow;
|
||||||
|
border-bottom : 1px solid threedshadow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dual-button:hover:active + .menubutton-dual-dropmarker-box
|
||||||
|
{
|
||||||
|
border-left : 1px solid threedshadow;
|
||||||
|
border-top : 1px solid threedshadow;
|
||||||
|
border-bottom : 1px solid threedhighlight;
|
||||||
|
border-right : 1px solid threedhighlight;
|
||||||
|
padding : 1px 0px 0px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dual-dropmarker-box
|
||||||
|
{
|
||||||
|
border : 1px solid transparent;
|
||||||
|
padding : 0px 1px 0px 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dropmarker
|
||||||
|
{
|
||||||
|
list-style-image : url("chrome://global/skin/dropmarker-down-on.gif");
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubutton-dropmarker[disabled="true"]
|
||||||
|
{
|
||||||
|
list-style-image : url("chrome://global/skin/dropmarker-down-disabled.gif");
|
||||||
|
}
|
||||||
|
|
||||||
/** menubuttons on generic grey toolbars
|
/** menubuttons on generic grey toolbars
|
||||||
* class="button-toolbar"
|
* class="button-toolbar"
|
||||||
**/
|
**/
|
||||||
|
|
|
||||||
|
|
@ -139,6 +139,20 @@
|
||||||
</content>
|
</content>
|
||||||
</binding>
|
</binding>
|
||||||
|
|
||||||
|
<binding id="toolbarbutton-left" extends="chrome://global/content/xulBindings.xml#buttonleft">
|
||||||
|
<content autostretch="never">
|
||||||
|
<xul:image class="toolbarbutton-left-icon" inherits="src,disabled"/>
|
||||||
|
<xul:text class="toolbarbutton-left-text" inherits="value,crop"/>
|
||||||
|
</content>
|
||||||
|
</binding>
|
||||||
|
|
||||||
|
<binding id="toolbarbutton-top" extends="chrome://global/content/xulBindings.xml#buttontop">
|
||||||
|
<content autostretch="never" orient="vertical">
|
||||||
|
<xul:image class="toolbarbutton-top-icon" inherits="src,disabled"/>
|
||||||
|
<xul:text class="toolbarbutton-top-text" inherits="value,crop"/>
|
||||||
|
</content>
|
||||||
|
</binding>
|
||||||
|
|
||||||
<binding id="splitter-hack" extends="xul:splitter">
|
<binding id="splitter-hack" extends="xul:splitter">
|
||||||
<content>
|
<content>
|
||||||
<xul:box class="splitter-hack-box" flex="1" autostretch="never">
|
<xul:box class="splitter-hack-box" flex="1" autostretch="never">
|
||||||
|
|
|
||||||
|
|
@ -125,6 +125,7 @@
|
||||||
border-left : 1px solid threedshadow;
|
border-left : 1px solid threedshadow;
|
||||||
border-right : 1px solid threedhighlight;
|
border-right : 1px solid threedhighlight;
|
||||||
border-bottom : 1px solid threedhighlight;
|
border-bottom : 1px solid threedhighlight;
|
||||||
|
min-height : 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
statusbarpanel
|
statusbarpanel
|
||||||
|
|
|
||||||
|
|
@ -71,8 +71,8 @@ menuseparator
|
||||||
|
|
||||||
menubar > menu
|
menubar > menu
|
||||||
{
|
{
|
||||||
padding : 2px 3px 2px 3px;
|
padding : 2px 1px 2px 3px;
|
||||||
margin : 2px 0px 2px 0px;
|
margin : 0px;
|
||||||
border : 1px solid transparent;
|
border : 1px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
/*
|
||||||
.menubutton-dual,
|
.menubutton-dual,
|
||||||
.menubutton-dual[disabled="true"]:hover,
|
.menubutton-dual[disabled="true"]:hover,
|
||||||
.menubutton-dual[disabled="true"]:hover:active,
|
.menubutton-dual[disabled="true"]:hover:active,
|
||||||
|
|
@ -115,3 +116,4 @@
|
||||||
{
|
{
|
||||||
margin : 0px;
|
margin : 0px;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
Загрузка…
Ссылка в новой задаче