/* 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 { margin: 2px 3px; min-width: 6.3em; border: 1px outset #CCD0DD; background-color: #CCD0DD; color: #000000; text-shadow: none; } .button-box { border: 1px solid transparent; padding-top: 0; padding-bottom: 1px; padding-inline-start: 2px; padding-inline-end: 3px; } .button-icon { margin-inline-end: 2px; } .button-text { margin: 0px !important; text-align: center; } /* .......... focused state .......... */ button:-moz-focusring > .button-box { border: 1px dotted #9999CC; } /* .......... 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 { margin-inline-end: 0px; margin-inline-start: 2px; } button[default="true"][disabled="true"] > .button-box { font-weight: bold; list-style-image: url("chrome://global/skin/icons/return-disabled.gif"); } /* .......... active/open/checked state .......... */ button:hover:active, button[open="true"], button[checked="true"] { border: 1px inset #CCD0DD; } button:hover:active > .button-box, button[open="true"] > .button-box, button[checked="true"] > .button-box { padding-top: 1px; padding-bottom: 0px; padding-inline-start: 3px; padding-inline-end: 2px; } /* .......... disabled state .......... */ button[disabled="true"], button[disabled="true"]:hover:active { border: 1px outset #CCD0DD; color: #999999; } button[disabled="true"] > .button-box { padding-top: 0 !important; padding-bottom: 1px !important; padding-inline-start: 2px !important; padding-inline-end: 3px !important; } /* ::::: menu/menu-button buttons ::::: */ .button-menubutton-button, .button-menubutton-button:hover:active, .button-menubutton-button[open="true"], .button-menubutton-button[disabled="true"] { margin: 0px; background-color: transparent; border: none; } button[type="menu-button"]:hover:active > .button-menubutton-button > .button-box, button[type="menu-button"][open="true"] > .button-menubutton-button > .button-box { padding-top: 1px; padding-bottom: 0px; padding-inline-start: 3px; padding-inline-end: 2px; } .button-menu-dropmarker, .button-menubutton-dropmarker { margin: 1px; width: 11px; height: 11px; background-color: transparent; border: none; } .button-menubutton-dropmarker[open="true"] { margin-top: 2px; margin-bottom: 0; margin-inline-start: 2px; margin-inline-end: 0; } /* ::::: 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.svg#clsd"); min-width: 0px !important; background-color: transparent; } button[type="disclosure"][open="true"] { list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } /* ::::: xhtml buttons ::::: */ button::-moz-focus-inner { padding: 0px; border: 0px none; }