gecko-dev/themes/modern/communicator/button.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)
 */

/* ==== button.css ==========================================================
   == Styles for special buttons in the Communicator suite.
   ========================================================================== */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ::::: standard toolbar buttons ::::: */

.button-toolbar {
  -moz-binding: url("chrome://global/content/xulBindings.xml#buttonleft");
  -moz-user-focus: ignore;
  margin: 1px;
  border: none;
  height: 0px;
  min-width: 0px;
  max-width: 10em;
  color: #FFFFFF;
  font: message-box;
}

.button-toolbar > .button-internal-box,
.button-toolbar[disabled="true"]:hover:active > .button-internal-box,
.button-toolbar[toggled="true"]:hover:active > .button-internal-box {
  padding: 1px 2px 1px 2px;
}

.button-toolbar[label] > .button-internal-box > .button-icon {
  margin-right: 2px;
}

.button-toolbar:hover {
  background-color: #6684A5;
}

.button-toolbar:hover:active,
.button-toolbar[open="true"], /* for menubuttons */
.button-toolbar[home-dragover="true"] {
  background-color: #455A70;
  color: #9DB8C1;
}

.button-toolbar:hover:active > .button-internal-box {
  padding: 2px 1px 0px 3px;
}

.button-toolbar:hover:active[home-dragover="true"]
  > .button-internal-box
{
  padding: 1px 2px 1px 2px;
}

.button-toolbar[disabled="true"],
.button-toolbar[disabled="true"]:hover,
.button-toolbar[disabled="true"]:hover:active {
  background-color: transparent;
  color: #D0E7E7;
}

/* ..... toggled state ..... */

.button-toolbar[toggled="true"],
.button-toolbar[toggled="true"]:hover,
.button-toolbar[toggled="true"]:hover:active {
  background-color: #455A70;
  color: #9DB8C1;
}

/* ::::: standard toolbar buttons on a tabpanel ::::: */

.button-toolbar.tabpanel,
.button-toolbar.tabpanel:hover,
.button-toolbar.tabpanel:hover:active {
  padding: 2px;
  background-color: transparent;
  color: #000000;
}

.button-toolbar.tabpanel,
.button-toolbar.tabpanel[disabled="true"],
.button-toolbar.tabpanel[disabled="true"]:hover,
.button-toolbar.tabpanel[disabled="true"]:hover:active {
  border: 1px solid transparent;
}

.button-toolbar.tabpanel:hover {
  border: 1px outset #C2D0D0;
}

.button-toolbar.tabpanel:hover:active {
  border-style: inset;
}

/* ::::: the largest type of toolbar buttons ::::: */

.button-toolbar-1 {
  -moz-binding: url("chrome://global/content/xulBindings.xml#buttontop");
  -moz-user-focus: ignore;
  margin: 3px 2px 0px 2px;
  border: none;
  min-width: 0px;
  font-size: smaller;
  text-align: center;
}

.button-toolbar-1,
.button-toolbar-1:hover:active,
.button-toolbar-1[disabled="true"],
.button-toolbar-1[disabled="true"]:hover,
.button-toolbar-1[disabled="true"]:hover:active {
  color: #D0E7E7;
}

/* :::::
   :: Styles for the standard 'large' toolbar button, these buttons are used for
   :: toolbar buttons that are the most commonly used elements on a toolbar, e.g.
   :: 'GetMsg' in Mailnews or 'Send' in Mail/Compose.
   ::::: */

.button-toolbar-2 {
  -moz-binding: url("chrome://communicator/skin/widgetBindings.xml#button-doubletext");
  -moz-user-focus: ignore;
  margin: 3px 3px 1px 3px;
  border: none;
  min-width: 52px;
  font-size: smaller;
  text-align: center;
}

.button-toolbar-2,
.button-toolbar-2:hover:active,
.button-toolbar-2[disabled="true"],
.button-toolbar-2[disabled="true"]:hover,
.button-toolbar-2[disabled="true"]:hover:active {
  color: #D0E7E7;
}

.button-text-shadow {
  margin: 1px 0px 0px 1px;
  color: #394B6E !important;
}

.button-text[disabled="true"] {
  display: none;
}

/* :::::
   :: Buttons that look like normal buttons but are meant to sit in a toolbar
   ::::: */

.button-toolbar-3 {
  -moz-binding: url("chrome://global/skin/globalBindings.xml#nine-slice-button");
  -moz-user-focus: ignore;
  margin: 2px;
  border: none;
  height: 22px;
  font-weight: bold;
}

/* ::::: button styles for taskbar, sidebar headers, etc. ::::: */

.button-toolbar-4 {
  -moz-binding: url("chrome://global/content/xulBindings.xml#buttonleft");
  -moz-user-focus: ignore;
  margin: 0px;
  border: none;
  padding: 1px;
  height: 1px;
  min-width: 0px;
  background: inherit;
  color: #D0E7E7;
  font: inherit;
}

.button-toolbar-4:hover:active {
  color: #CCFFFF;
}

.button-toolbar-4 > .button-internal-box {
  border: 0px;
  padding: 0px;
}

/* ::::: shared text wrapping frame ::::: */

.button-text-container {
  text-align: center;
  vertical-align: middle;
}

/* ::::: ok/cancel buttons in dialogs ::::: */

.exit-dialog {
  font: menu;
}