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

324 строки
8.6 KiB
CSS

/*
* The contents of this file are subject to the Netscape Public
* License Version 1.1 (the "License"); you may not use this file
* except in compliance with the License. You may obtain a copy of
* the License at http://www.mozilla.org/NPL/
*
* Software distributed under the License is distributed on an "AS
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
* implied. See the License for the specific language governing
* rights and limitations under the License.
*
* The Original Code is Mozilla Communicator client code, released
* March 31, 1998.
*
* The Initial Developer of the Original Code is Netscape
* Communications Corporation. Portions created by Netscape are
* Copyright (C) 1998-2001 Netscape Communications Corporation. All
* Rights Reserved.
*
* Contributor(s):
* Joe Hewitt (hewitt@netscape.com)
*/
/* ===== navigator.css ==================================================
== Styles shared throughout the Navigator application.
======================================================================= */
@import url("chrome://communicator/skin/");
@import url("chrome://communicator/skin/sidebar/sidebar.css");
@import url("chrome://navigator/skin/personalToolbar.css");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: primary toolbar buttons ::::: */
#back-button {
margin-left: 0px;
list-style-image: url("chrome://navigator/skin/btn1/back.gif");
}
#back-button[disabled="true"],
#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/btn1/back-dis.gif");
}
#back-button > .menubutton-dual-stack > .menubutton-dual-button:hover {
list-style-image: url("chrome://navigator/skin/btn1/back-hov.gif");
}
#back-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active {
list-style-image: url("chrome://navigator/skin/btn1/back-act.gif");
}
#forward-button {
list-style-image: url("chrome://navigator/skin/btn1/forward.gif");
}
#forward-button[disabled="true"],
#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/btn1/forward-dis.gif");
}
#forward-button > .menubutton-dual-stack > .menubutton-dual-button:hover {
list-style-image: url("chrome://navigator/skin/btn1/forward-hov.gif");
}
#forward-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active {
list-style-image: url("chrome://navigator/skin/btn1/forward-act.gif");
}
#stop-button {
list-style-image: url("chrome://navigator/skin/btn1/stop.gif");
}
#stop-button[disabled="true"],
#stop-button[disabled="true"]:hover,
#stop-button[disabled="true"]:hover:active {
list-style-image: url("chrome://navigator/skin/btn1/stop-dis.gif");
}
#stop-button:hover {
list-style-image: url("chrome://navigator/skin/btn1/stop-hov.gif");
}
#stop-button:hover:active {
list-style-image: url("chrome://navigator/skin/btn1/stop-act.gif");
}
#reload-button {
list-style-image: url("chrome://navigator/skin/btn1/reload.gif");
}
#reload-button[disabled="true"],
#reload-button[disabled="true"]:hover,
#reload-button[disabled="true"]:hover:active {
list-style-image: url("chrome://navigator/skin/btn1/reload-dis.gif");
}
#reload-button:hover {
list-style-image: url("chrome://navigator/skin/btn1/reload-hov.gif");
}
#reload-button:hover:active {
list-style-image: url("chrome://navigator/skin/btn1/reload-act.gif");
}
#print-button {
-moz-binding: url("chrome://communicator/skin/widgetBindings.xml#menubutton-dual-1");
margin: 6px 6px 0px 6px;
list-style-image: url("chrome://communicator/skin/btn1/print.gif");
}
#print-button[disabled="true"],
#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://communicator/skin/btn1/print-dis.gif");
}
#print-button > .menubutton-dual-stack > .menubutton-dual-button:hover {
list-style-image: url("chrome://communicator/skin/btn1/print-hov.gif");
}
#print-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active {
list-style-image: url("chrome://communicator/skin/btn1/print-act.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://navigator/skin/navigatorBindings.xml#nav-bar-inner");
margin: 6px 0px 0px 6px;
min-width: 0px;
}
.navbar-inner-groove-left {
width: 6px;
}
.navbar-inner-groove-left-top {
height: 22px;
background: url("chrome://navigator/skin/toolbar/nav-groove-lft-top.gif") no-repeat;
}
.navbar-inner-groove-left-mid {
background: url("chrome://navigator/skin/toolbar/nav-groove-lft-mid.gif") repeat-y;
}
.navbar-inner-groove-left-btm {
height: 6px;
background: url("chrome://navigator/skin/toolbar/nav-groove-lft-btm.gif") no-repeat;
}
.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 {
height: 22px;
background: url("chrome://navigator/skin/toolbar/nav-groove-rit-top.gif") no-repeat;
}
.navbar-inner-groove-right-mid {
background: url("chrome://navigator/skin/toolbar/nav-groove-rit-mid.gif") repeat-y;
}
.navbar-inner-groove-right-btm {
height: 6px;
background: url("chrome://navigator/skin/toolbar/nav-groove-rit-btm.gif") no-repeat;
}
/* ::::: urlbar - the box that contains the url textbox ::::: */
#urlbar-group {
-moz-binding: url("chrome://navigator/skin/navigatorBindings.xml#urlbar-group");
margin: 3px 8px 4px 2px;
-moz-border-radius: 5px;
background-color: #ffffff;
}
.urlbar-left {
width: 3px;
}
.urlbar-left-top {
height: 4px;
background: url("chrome://navigator/skin/toolbar/urlbar-lft-top.gif") no-repeat;
}
.urlbar-left-mid {
background: url("chrome://navigator/skin/toolbar/urlbar-lft-mid.gif") repeat-y;
}
.urlbar-left-btm {
min-height: 3px;
background: url("chrome://navigator/skin/toolbar/urlbar-lft-btm.gif") no-repeat;
}
.urlbar-border-outer {
border-top: 1px solid #65696D;
}
.urlbar-border-inner {
border-top: 1px solid #A3A3A3;
}
.urlbar-right {
width: 4px;
}
.urlbar-right-top {
height: 3px;
background: url("chrome://navigator/skin/toolbar/urlbar-rit-top.gif") no-repeat;
}
.urlbar-right-mid {
background: url("chrome://navigator/skin/toolbar/urlbar-rit-mid.gif") repeat-y;
}
.urlbar-right-btm {
min-height: 3px;
background: url("chrome://navigator/skin/toolbar/urlbar-rit-btm.gif") no-repeat;
}
/* ::::: more toolbar buttons ::::: */
#page-proxy-button {
cursor: grab;
margin: 0px 2px 0px 0px;
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
}
#ubhist {
margin: 1px 1px 3px 0px;
border: none;
padding: 0px;
width: 10px;
list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
}
#ubhist-popup > menuitem {
max-width: 550px !important;
}
#go-button {
min-width: 0px;
}
#search-button {
margin-right: 4px;
min-width: 0px;
font-size: larger;
}
/* ::::: move this to content ::::: */
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;
}
/* ::::: move this to commercial tree ::::: */
#ubhist-keyword-popup {
margin: 3px 4px 8px 3px;
border: none;
width: 10px;
background-color: transparent;
list-style-image: url("chrome://navigator/skin/ubhist-keyword-popup.gif");
}
#ubhist-keyword-popup > .menubutton-icon-internal-box {
border: none;
}
#ubhist-keyword-popup:hover:active {
list-style-image: url("chrome://navigator/skin/ubhist-keyword-popup-active.gif");
}