/* ***** 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 "Classic" theme of mozilla.org code. * * The Initial Developer of the Original Code is * the Mozilla Organization. * Portions created by the Initial Developer are Copyright (C) 1998-2001 * the Initial Developer. All Rights Reserved. * * Contributor(s): * Robert Kaiser * * Alternatively, the contents of this file may be used under the terms of * either 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 * 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 ***** */ /* ===== button.css ===================================================== == Styles used by the XUL button element. ======================================================================= */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* :::::::::: button :::::::::: */ button { -moz-border-radius: 3px; margin: 1px 2px; min-width: 6.3em; border: none; background-color: #000000; color: #FFCF00; } .button-box { -moz-border-radius: 3px; border: 1px solid transparent; padding: 1px 4px 2px 3px; } .button-icon { margin-right: 2px; } .button-text { -moz-border-radius: 3px; margin: 0px !important; text-align: center; } /* .......... focused state .......... */ button:focus { } button:focus > .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 { margin-right: 0px; margin-left: 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"] { border : none; background-color: #008484; color: #000000; } button:hover:active > .button-box, button[open="true"] > .button-box, button[checked="true"] > .button-box { padding: 2px 3px 1px 4px; } /* .......... 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: 1px 4px 2px 3px !important; } /* ::::: menu/menu-button buttons ::::: */ button[type="menu-button"] { -moz-box-align: center; -moz-box-pack: center; margin: 0px; border: none; } .button-menu-dropmarker, .button-menubutton-dropmarker { -moz-border-radius: 3px; margin: 1px; min-width: 11px; min-height: 11px; } /* ::::: 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"); }