/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ /* ===== button.css ===================================================== == Styles used by the XUL (and XHTML in netError.xhtml) button element. ======================================================================= */ /* :::::::::: button :::::::::: */ button { border-radius: 3px; margin: 1px 2px; min-width: 6.3em; border: none; background-color: #000000; color: #FFCF00; text-shadow: none; } .button-box { border-radius: 3px; border: 1px solid transparent; padding-top: 1px; padding-bottom: 2px; -moz-padding-start: 3px; -moz-padding-end: 4px; } .button-icon { -moz-margin-end: 2px; } .button-text { border-radius: 3px; margin: 0px !important; text-align: center; } /* .......... focused state .......... */ button:-moz-focusring > .button-box { border: 1px dotted #008484; } /* .......... default state .......... */ button[default="true"] > .button-box { font-weight: bold; list-style-image: url("chrome://global/skin/icons/return.gif"); -moz-box-direction: reverse; } button[default="true"] > .button-box > .button-icon { -moz-margin-end: 0px; -moz-margin-start: 2px; } button[default="true"]:hover > .button-box, button[default="true"]:hover:active > .button-box { list-style-image: url("chrome://global/skin/icons/return-hover.gif"); } button[default="true"][disabled="true"] > .button-box { font-weight: bold; list-style-image: url("chrome://global/skin/icons/return-disabled.gif") !important; } /* .......... active/open/checked state .......... */ button:hover, button:hover:active { border: none; background-color: #FFCF00; color: #000000; } button[open="true"] { border: none; background-color: #FF9F00; color: #000000; } button[checked="true"]:not(:hover) { border: none; background-color: #008484; color: #000000; } button:hover:active > .button-box, button[open="true"] > .button-box, button[checked="true"] > .button-box { padding-top: 2px; padding-bottom: 1px; -moz-padding-start: 4px; -moz-padding-end: 3px; } /* .......... disabled state .......... */ button[disabled="true"], button[disabled="true"]:hover:active { border: none; background-color: #000000 !important; color: #8050B0 !important; } button[disabled="true"] > .button-box { padding-top: 1px !important; padding-bottom: 2px !important; -moz-padding-start: 3px !important; -moz-padding-end: 4px !important; } /* ::::: menu/menu-button buttons ::::: */ .button-menubutton-button, .button-menubutton-button:hover, .button-menubutton-button:hover:active, .button-menubutton-button[open="true"], .button-menubutton-button[disabled="true"] { margin: 0px; background-color: transparent; } button[type="menu-button"]:hover:active > .button-menubutton-button > .button-box, button[type="menu-button"][open="true"] > .button-menubutton-button > .button-box { padding-top: 2px; padding-bottom: 1px; -moz-padding-start: 4px; -moz-padding-end: 3px; } button[type="menu-button"]:hover > .button-menubutton-button, button[type="menu-button"]:hover:active > .button-menubutton-button, button[type="menu-button"][open="true"] > .button-menubutton-button { color: #000000; } .button-menu-dropmarker, .button-menubutton-dropmarker { margin: 2px; width: 11px; height: 11px; background-color: transparent; border: none; } button[type="menu-button"]:hover > .button-menubutton-dropmarker, button[type="menu-button"]:hover:active > .button-menubutton-dropmarker, button[type="menu-button"][open="true"] > .button-menubutton-dropmarker { list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); } /* ::::: plain buttons ::::: */ button.plain { border: 0px !important; margin: 0px !important; padding: 0px !important; } button[type="disclosure"] { border: 0px !important; margin: 0px !important; padding: 0px !important; list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); min-width: 0px !important; background-color: transparent; } button[type="disclosure"][open="true"] { list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); } /* ::::: xhtml buttons ::::: */ button::-moz-focus-inner { padding: 0px; border: 0px none; }