gecko-dev/themes/modern/navigator/navigator.css

393 строки
9.7 KiB
CSS

/** Contains style definitions for the navigator application
**/
@import url(chrome://communicator/skin/);
@import url(chrome://communicator/skin/bookmarks/bookmarks.css);
@import url(chrome://communicator/skin/sidebar/sidebar.css);
#sidebar-parent
{
margin-right : 2px;
}
/*
* Rules for 'hiding' portions of the chrome for special
* kinds of browser windows.
*/
window[chromehidden~="menubar"] .chromeclass-menubar {
display: none;
}
window[chromehidden~="toolbar"] .chromeclass-toolbar {
display: none;
}
window[chromehidden~="location"] .chromeclass-location {
display: none;
}
window[chromehidden~="directories"] .chromeclass-directories {
display: none;
}
window[chromehidden~="status"] .chromeclass-status {
display: none;
}
window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
display: none;
}
/*
* Images for the main buttons
*/
#nav-bar-buttons > button,
#nav-bar-buttons > menubutton {
margin-bottom: 0px;
}
#back-button
{
margin-left : 0px;
list-style-image : url("chrome://navigator/skin/back.gif");
}
#back-button[disabled="true"],
#back-button[disabled="true"]:hover,
#back-button[disabled="true"]:hover:active,
#back-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button,
#back-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover,
#back-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover:active
{
list-style-image : url("chrome://navigator/skin/back-disabled.gif");
}
#back-button > .menubutton-dual-stack > .menubutton-dual-button:hover
{
list-style-image : url("chrome://navigator/skin/back-hover.gif");
}
#back-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active
{
list-style-image : url("chrome://navigator/skin/back-clicked.gif");
}
#forward-button
{
list-style-image : url("chrome://navigator/skin/forward.gif");
}
#forward-button[disabled="true"],
#forward-button[disabled="true"]:hover,
#forward-button[disabled="true"]:hover:active,
#forward-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button,
#forward-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover,
#forward-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover:active
{
list-style-image : url("chrome://navigator/skin/forward-disabled.gif");
}
#forward-button > .menubutton-dual-stack > .menubutton-dual-button:hover
{
list-style-image : url("chrome://navigator/skin/forward-hover.gif");
}
#forward-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active
{
list-style-image : url("chrome://navigator/skin/forward-clicked.gif");
}
#stop-button
{
list-style-image : url("chrome://navigator/skin/stop.gif");
}
#stop-button[disabled="true"],
#stop-button[disabled="true"]:hover,
#stop-button[disabled="true"]:hover:active
{
list-style-image : url("chrome://navigator/skin/stop-disabled.gif");
}
#stop-button:hover
{
list-style-image : url("chrome://navigator/skin/stop-hover.gif");
}
#stop-button:hover:active
{
list-style-image : url("chrome://navigator/skin/stop-clicked.gif");
}
#reload-button
{
list-style-image : url("chrome://navigator/skin/reload.gif");
}
#reload-button[disabled="true"],
#reload-button[disabled="true"]:hover,
#reload-button[disabled="true"]:hover:active
{
list-style-image : url("chrome://navigator/skin/reload-disabled.gif");
}
#reload-button:hover
{
list-style-image : url("chrome://navigator/skin/reload-hover.gif");
}
#reload-button:hover:active
{
list-style-image : url("chrome://navigator/skin/reload-clicked.gif");
}
#print-button
{
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-dual-foo");
list-style-image : url("chrome://global/skin/print.gif");
margin : 6px 6px 0px 6px;
}
#print-button[disabled="true"],
#print-button[disabled="true"]:hover,
#print-button[disabled="true"]:hover:active,
#print-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button,
#print-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover,
#print-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover:active
{
list-style-image : url("chrome://global/skin/print-disabled.gif");
}
#print-button > .menubutton-dual-stack > .menubutton-dual-button:hover
{
list-style-image : url("chrome://global/skin/print-hover.gif");
}
#print-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active
{
list-style-image : url("chrome://global/skin/print-clicked.gif");
}
#print-button > .menubutton-dual-stack > .menubutton-dual-dropmarker-box
{
margin-left : 19px;
margin-top : 22px;
}
/* Hides text below the above buttons */
.button-toolbar-1 > .button-internal-box > .button-text-container
{
display : none;
}
/* navbar-inner ::: the grooved area around the urlbar */
#nav-bar-inner
{
-moz-binding : url("chrome://global/skin/globalBindings.xml#nav-bar-inner");
margin : 6px 0px 0px 6px;
min-width : 0px;
}
.navbar-inner-groove-left {
width: 6px;
}
.navbar-inner-groove-left-top {
background: url("chrome://navigator/skin/nav-groove-left-top.gif") no-repeat;
height: 22px;
}
.navbar-inner-groove-left-mid {
background: url("chrome://navigator/skin/nav-groove-left-mid.gif") repeat-y;
}
.navbar-inner-groove-left-btm {
background: url("chrome://navigator/skin/nav-groove-left-btm.gif") no-repeat;
height: 6px;
}
.navbar-inner-border-outer
{
border-top : 1px solid #A0B3C7;
border-bottom : 1px solid #7C92AF;
}
.navbar-inner-border-middle
{
border-top : 1px solid #7D91AA;
border-bottom : 1px solid #4E6179;
}
.navbar-inner-border-inner
{
border-top : 1px solid #BBCDE3;
border-bottom : 1px solid #556D8B;
}
.navbar-inner-groove-right {
width: 6px;
}
.navbar-inner-groove-right-top {
background: url("chrome://navigator/skin/nav-groove-right-top.gif") no-repeat;
height: 22px;
}
.navbar-inner-groove-right-mid {
background: url("chrome://navigator/skin/nav-groove-right-mid.gif") repeat-y;
}
.navbar-inner-groove-right-btm {
background: url("chrome://navigator/skin/nav-groove-right-btm.gif") no-repeat;
height: 6px;
}
/* urlbar ::: the box that contains the url textfield */
#urlbar-group {
-moz-binding: url("chrome://global/skin/globalBindings.xml#urlbar-group");
margin: 3px 8px 4px 2px;
}
.urlbar-left {
width: 3px;
}
.urlbar-left-top {
background: url("chrome://navigator/skin/urlbar-left-top.gif") no-repeat;
height: 4px;
}
.urlbar-left-mid {
background: url("chrome://navigator/skin/urlbar-left-mid.gif") repeat-y;
}
.urlbar-left-btm {
background: url("chrome://navigator/skin/urlbar-left-btm.gif") no-repeat;
min-height: 3px;
}
.urlbar-border-outer {
border-top: 1px solid #65696D;
}
.urlbar-border-inner {
border-top: 1px solid #A3A3A3;
}
.urlbar-right {
width: 4px;
}
.urlbar-right-top {
background: url("chrome://navigator/skin/urlbar-right-top.gif") no-repeat;
height: 3px;
}
.urlbar-right-mid {
background: url("chrome://navigator/skin/urlbar-right-mid.gif") repeat-y;
}
.urlbar-right-btm {
background: url("chrome://navigator/skin/urlbar-right-btm.gif") no-repeat;
min-height: 3px;
}
#page-proxy-button
{
margin-left : 0px;
margin-right : 2px;
margin-top : 0px;
list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
cursor : grab;
}
/* #ubhist-keyword-popup does not exist in Mozilla, only in Netscape. It gets overlayed in with
* navExtraOverlay.xul. Ideally, this styling should only exist in Netscape, but since it is
* in Mozilla right now, it should not be removed before we ship. Take this out and put it in
* commercial after shipping. (8/24/00) - nbhatla
*/
#ubhist-keyword-popup
{
margin : 3px 4px 8px 3px;
width : 10px;
list-style-image : url("chrome://navigator/skin/ubhist-keyword-popup.gif");
background-color : transparent;
border : 0px;
}
#ubhist-keyword-popup > .menubutton-icon-internal-box
{
border : 0px;
}
#ubhist-keyword-popup:hover:active
{
margin : 3px 4px 8px 3px;
width : 10px;
list-style-image : url("chrome://navigator/skin/ubhist-keyword-popup-active.gif");
}
/*************************************/
#ubhist
{
margin : 1px 1px 3px 0px;
width : 10px;
list-style-image : url("chrome://global/skin/simple-arrow-down.gif");
border : none;
padding : 0px;
}
#ubhist-popup
{
max-width : none !important;
}
#action-popup
{
list-style-image : url("chrome://global/skin/simple-arrow-down.gif");
margin : 0px;
-moz-border-radius : 4px;
}
#content-frame
{
min-width : 0px;
min-height : 0px;
}
#statusbar-icon
{
width : 100px;
}
#search-button
{
margin-right : 4px;
font-size: larger;
}
#home-button
{
list-style-image : url("chrome://communicator/skin/bookmarks/home.gif");
}
.menuitem-iconic
{
padding : 2px;
}
#navigator-throbber
{
-moz-user-focus : ignore !important;
}