gecko-dev/themes/classic/navigator/navigator.css
cst%yecc.com fcf69e879c Bug 45375 Long web page tooltips should wrap instead of being cropped (multiline tooltips)
Bug 67127 Newline in (web page) tooltips should not be converted to black bars
Bug 356900 Low-spam place to work on previous two bugs.
This fix is primarily short-term / for 1.8 branch, and should be revisited when reflow branch lands on trunk.
r+sr=neil
2006-10-19 23:22:43 +00:00

376 lines
9.2 KiB
CSS

/* ***** BEGIN LICENSE BLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla 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/MPL/
*
* 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.org code.
*
* The Initial Developer of the Original Code is
* Netscape Communications Corporation.
* Portions created by the Initial Developer are Copyright (C) 1998-1999
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
* Joe Hewitt (hewitt@netscape.com)
* Manuel Reimer (Manuel.Reimer@gmx.de)
*
* Alternatively, the contents of this file may be used under the terms of
* either of the GNU General Public License Version 2 or later (the "GPL"),
* or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
* in which case the provisions of the GPL or the LGPL are applicable instead
* of those above. If you wish to allow use of your version of this file only
* under the terms of either the GPL or the LGPL, and not to allow others to
0 * use your version of this file under the terms of the MPL, indicate your
* decision by deleting the provisions above and replace them with the notice
* and other provisions required by the GPL or the LGPL. If you do not delete
* the provisions above, a recipient may use your version of this file under
* the terms of any one of the MPL, the GPL or the LGPL.
*
* ***** END LICENSE BLOCK ***** */
@import url("chrome://navigator/content/navigator.css");
@import url("chrome://communicator/skin/");
@import url("chrome://communicator/skin/bookmarks/bookmarksToolbar.css");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: primary toolbar buttons ::::: */
.toolbarbutton-1 {
list-style-image: url("chrome://navigator/skin/icons/navigatoricons.png");
}
#back-button {
list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
-moz-image-region: rect(60px 29px 89px 0);
}
#back-button:hover {
-moz-image-region: rect(60px 59px 89px 30px);
}
#back-button:hover:active {
-moz-image-region: rect(60px 89px 89px 60px);
}
#back-button[disabled="true"] {
-moz-image-region: rect(60px 119px 89px 90px) !important;
}
#forward-button {
list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
-moz-image-region: rect(90px 29px 119px 0);
}
#forward-button:hover {
-moz-image-region: rect(90px 59px 119px 30px);
}
#forward-button:hover:active {
-moz-image-region: rect(90px 89px 119px 60px);
}
#forward-button[disabled="true"] {
-moz-image-region: rect(90px 119px 119px 90px) !important;
}
#reload-button {
-moz-image-region: rect(0 29px 29px 0);
}
#reload-button:hover {
-moz-image-region: rect(0 59px 29px 30px);
}
#reload-button:hover:active {
-moz-image-region: rect(0 89px 29px 60px);
}
#reload-button[disabled="true"] {
-moz-image-region: rect(0 119px 29px 90px) !important;
}
#stop-button {
list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
-moz-image-region: rect(30px 29px 59px 0);
}
#stop-button:hover {
-moz-image-region: rect(30px 59px 59px 30px);
}
#stop-button:hover:active {
-moz-image-region: rect(30px 89px 59px 60px);
}
#stop-button[disabled="true"] {
-moz-image-region: rect(30px 119px 59px 90px) !important;
}
#print-button {
list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
-moz-image-region: rect(0 29px 29px 0);
}
#print-button:hover {
-moz-image-region: rect(0 59px 29px 30px);
}
#print-button:hover:active {
-moz-image-region: rect(0 89px 29px 60px);
}
#print-button[disabled="true"] {
-moz-image-region: rect(0 119px 29px 90px) !important;
}
#fullscreen-exit-button {
list-style-image: none;
}
/* ::::: small primary toolbar buttons ::::: */
.toolbarbutton-1[toolbarmode="small"] {
min-width: 0;
}
.toolbarbutton-text[toolbarmode="small"] {
display: none;
}
#search-button[toolbarmode="small"] > .button-box > .button-text {
display: none;
}
.toolbarbutton-icon[toolbarmode="small"] {
display: inline;
}
#nav-bar[toolbarmode="small"] > .toolbar-primary-grippy {
display: none;
}
.toolbarbutton-text[buttonstyle="text"] {
padding: 4px 0;
}
/* ::::: fullscreen window controls ::::: */
#window-controls {
-moz-box-align: center;
padding: 0 2px 0 4px;
border-left: 2px solid;
-moz-border-left-colors: ThreeDHighlight ThreeDShadow;
}
#minimize-button {
list-style-image: url("chrome://navigator/skin/icons/minimize.gif");
}
#restore-button {
list-style-image: url("chrome://navigator/skin/icons/restore.gif");
}
#close-button {
list-style-image: url("chrome://navigator/skin/icons/close.gif");
}
/* ::::: nav-bar-inner ::::: */
#nav-bar-inner {
-moz-box-align: center;
min-width: 0px;
}
#urlbar {
border: 3px solid;
-moz-border-top-colors: transparent ThreeDShadow ThreeDDarkShadow;
-moz-border-right-colors: transparent ThreeDHighlight ThreeDDarkShadow;
-moz-border-bottom-colors: transparent ThreeDHighlight ThreeDDarkShadow;
-moz-border-left-colors: transparent ThreeDShadow ThreeDDarkShadow;
}
#urlbar[level="high"] > .autocomplete-textbox-container,
#urlbar[level="low"] > .autocomplete-textbox-container {
-moz-appearance: none;
background-color: InfoBackground;
color: InfoText;
}
/* ::::: page proxy icon ::::: */
#page-proxy-deck,
#page-proxy-favicon,
#page-proxy-button {
width: 16px;
height: 16px;
}
#page-proxy-deck {
cursor: -moz-grab;
margin: 2px 3px;
}
#page-proxy-button {
list-style-image: url("chrome://communicator/skin/bookmarks/location.gif");
}
#page-proxy-favicon {
list-style-image: none;
}
#page-proxy-button[pageproxystate="valid"]:hover {
list-style-image: url("chrome://communicator/skin/bookmarks/location-hov.gif");
}
#page-proxy-button[pageproxystate="valid"]:hover:active {
list-style-image: url("chrome://communicator/skin/bookmarks/location-act.gif");
}
#page-proxy-button[pageproxystate="invalid"] {
cursor: default;
list-style-image: url("chrome://communicator/skin/bookmarks/location-dis.gif");
}
/* ::::: autocomplete ::::: */
.autocomplete-history-dropmarker {
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-right-colors: ThreeDShadow;
-moz-border-bottom-colors: ThreeDShadow;
}
.autocomplete-treebody::-moz-tree-cell-text(value) {
padding-left: 15px;
}
.autocomplete-search-engine {
padding: 2px;
}
.autocomplete-search-engine-img {
margin-right: 4px;
}
/* ::::: go and searchbuttons ::::: */
#search-button,
#go-button {
margin: 0px 4px 0px 0px;
min-height: 25px;
font: message-box;
font-weight: bold;
}
#search-button {
font-weight: bold;
list-style-image: url("chrome://communicator/skin/icons/search.png");
-moz-image-region: rect(0 17px 17px 0);
}
#search-button:hover {
-moz-image-region: rect(0 35px 17px 18px);
}
#search-button:hover:active {
-moz-image-region: rect(0 53px 17px 36px);
}
/* ::::: sidebar splitter ::::: */
#sidebar-splitter {
border-left: none;
border-right: none;
min-width: 5px;
}
/* ::::: content area ::::: */
#content {
border-top: 1px solid ThreeDDarkShadow;
border-bottom: 1px solid ThreeDLightShadow;
border-left: 2px solid;
-moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
}
#status-bar {
border-top: none;
min-width: 1px;
}
#security-button {
list-style-image: url("chrome://communicator/skin/icons/lock-insecure.gif");
}
/* |high| and |low| styles could be different, to better reflect the secure level... */
#security-button[level="high"],
#security-button[level="low"] {
list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif");
}
#security-button[level="broken"] {
list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif");
}
#privacy-button {
list-style-image: url("chrome://communicator/skin/permissions/taskbar-cookie.gif");
}
#popupIcon {
list-style-image: url("chrome://navigator/skin/icons/popup-blocked.png");
}
#popupImage {
list-style-image: url("chrome://navigator/skin/icons/about-popups.gif");
margin: 6px 0px;
}
/* ::::: personal toolbar ::::: */
#bookmarks-button,
#bookmarks-button[open="true"] {
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-button.gif");
}
#home-button {
list-style-image: url("chrome://communicator/skin/bookmarks/home.gif");
}
#home-button:hover {
list-style-image: url("chrome://communicator/skin/bookmarks/home-hover.gif");
}
#home-button:hover:active {
list-style-image: url("chrome://communicator/skin/bookmarks/home-active.gif");
}
#PersonalToolbar > .toolbar-prefix {
border-left: 1px solid ThreeDHighlight;
border-top: 1px solid ThreeDHighlight;
border-bottom: 1px solid ThreeDShadow;
}
toolbarbutton.chevron {
list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
}
toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
display: none;
}
/* For multi-line tooltips, we need our own style */
.htmltooltip-label {
max-width: 40em;
margin: 0;
white-space: -moz-pre-wrap;
}