mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-07 20:17:37 +00:00
398 lines
9.7 KiB
CSS
398 lines
9.7 KiB
CSS
/** Contains style definitions for the navigator application
|
|
**/
|
|
|
|
@import url(chrome://communicator/skin/);
|
|
@import url(chrome://navigator/skin/personalToolbar.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 > menuitem
|
|
{
|
|
max-width : 550px !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;
|
|
}
|
|
|
|
#go-button {
|
|
min-width: 0px;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|