Revista do CD-ROM 114/CDRom114.iso/internet/temathun/Charamel.jar/global/button.css

Cascading Style Sheet File | 2004-09-11 | 5.3 KB | 203 lines

/*
 * 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-1999 Netscape Communications Corporation. All
 * Rights Reserved.
 *
 * Contributor(s):
 *   Joe Hewitt ([e-mail])
 *   Alex W. (Charamel) <[e-mail]>
 */

/* ===== button.css =====================================================
  == Styles used by the XUL button element.
  ======================================================================= */

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


/*:::::::: Rounded buttons
:::::::::: A Charamel original style
:::::::::: Developed by Alex W. <[e-mail]>
::::::::::*/

/*Startcap*/
button {
  -moz-appearance: none;
  margin: 0px 3px;
  min-width: 6.3em;
  border:0px;
  background: url("chrome://global/skin/button/startcap.png") no-repeat top left transparent;
  color: #785130;
  font-family:arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  height:26px;
  padding-left:14px;
  list-style-position:inside;
}

/* Right Endcap and body*/
.button-box {
  border:0px;
  padding:0px;
  background: url("chrome://global/skin/button/endcap.png") no-repeat top right transparent;
  padding-right:14px;
}

/*Button Body*/
.button-text {
text-align: center;
/*get rid of extra margin from labels; make compatible with default theme*/
margin:0px!important;
}


/* :::::::::: focused state ::::::::::  */

/*startcap:focus*/
button:focus {
background: url("chrome://global/skin/button/startcap-focus.png") no-repeat top left transparent;
}

/*right endcap:focus*/
button:focus > .button-box {
background: url("chrome://global/skin/button/endcap-focus.png") no-repeat top right transparent;
}


/*:::::::: Rounded buttons
:::::::::: A Charamel original style
:::::::::: Developed by Alex W. <[e-mail]>
::::::::::*/


/* :::::::::: default state ::::::::::  */

/* startcap:default */
button[default="true"] {
background: url("chrome://global/skin/button/startcap-focus.png") no-repeat top left transparent;
color:#348ABE;
}

/*right endcap:default*/
button[default="true"] > .button-box{
background: url("chrome://global/skin/button/endcap-focus.png") no-repeat top right transparent;
}


/* :::::::::: active state :::::::::: */

/*left endcap:active */
button:active{
background: url("chrome://global/skin/button/startcap-active.png") no-repeat top left transparent;
}

/*right endcap:active*/
button:active> .button-box{
background: url("chrome://global/skin/button/endcap-active.png") no-repeat top right transparent;
}


/* :::::::::: disabled state :::::::::: */

/*left endcap:disabled */
button[disabled="true"] {
color: #B2997F;
background: url("chrome://global/skin/button/startcap-disabled.png") no-repeat top left transparent;
}

/*right endcap*/
button[disabled="true"]  .button-box{
background: url("chrome://global/skin/button/endcap-disabled.png") no-repeat top right transparent;
}

/*:::::::: Rounded buttons
:::::::::: A Charamel original style
:::::::::: Developed by Alex W. <[e-mail]>
::::::::::*/





/* ::::: menu/menu-button buttons ::::: */

button[type="menu-button"] {
  -moz-box-align: center;
  -moz-box-pack: center;
  margin: 0;
  border: none;
}

.button-menu-dropmarker,
.button-menubutton-dropmarker {
  margin: 1px;
  background-image: url("chrome://global/skin/arrow/arrow-dn.gif");
  min-width:11px;
  min-height:11px;
}

.button-menu-dropmarker[disabled="true"],
.button-menubutton-dropmarker[disabled="true"] {
  background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
}

.button-menubutton-dropmarker[open="true"] {
  margin: 2px 0px 0px 2px;
}

/* ::::: 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;
  -moz-appearance: none;
  list-style-image: url("chrome://global/skin/button/twisty.png");
  min-width: 0px !important;
  background-color: transparent;
  background:none;
}

/*remove discolure right endcap*/
button[type="disclosure"] .button-box {
  background:none;
  padding:0px;
}

button[type="disclosure"][open="true"] {
  list-style-image: url("chrome://global/skin/button/twisty-open.png");
}

/*if button has has an icon and text, add padding to icon; fixes conflict with extra margins on buttons without labels*/
/*button[label] .button-icon{
margin-right:4px!important;
border:1px solid red;
}*/

/*extra space around button labels; if button has an icon, the label won't butt up against it by default*/
button .button-text{
margin-left:2px!important;
margin-right:2px!important;
}