home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temathun / Charamel.jar / global / toolbarbutton.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-09-12  |  4.8 KB  |  180 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  *
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Joe Hewitt (hewitt@netscape.com)
  22.  *   Alex W. (Charamel) <lucx@shaw.ca>
  23.  */
  24.  
  25. /* ===== toolbarbutton.css =====================================================
  26.   == Styles used by the XUL button element.
  27.   ======================================================================= */
  28.  
  29. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  30.  
  31.  
  32.  
  33.  
  34. /* ::::: toolbarbutton ::::: */
  35.  
  36. toolbarbutton {
  37.   -moz-box-align: center;
  38.   -moz-box-pack: center;
  39.   margin: 0;
  40.   padding: 2px 4px;
  41.   background-color: transparent;
  42.   color: -moz-DialogText;
  43. }
  44.  
  45.  
  46. .toolbarbutton-text {
  47.   margin: 0px !important;
  48.   text-align: center;
  49. }
  50.  
  51. /*if button has label, add padding to the text; fixes conflict with extra margins on buttons without labels*/
  52. toolbarbutton[label] .toolbarbutton-text{
  53. margin-left:4px!important;
  54. }
  55.  
  56. /*if toolbarbutton type is a menu, add extra margin to separate from adjacent buttons during hover*/
  57. toolbarbutton[type="menu"]{
  58. margin-right:1px!important;
  59. }
  60.  
  61. /*toolbar text padding*/
  62. .toolbarbutton-1 .toolbarbutton-text {
  63.   margin: 0px 5px !important;
  64. }
  65.  
  66. /* hover over toolbar */
  67. toolbarbutton:hover,
  68. toolbarbutton[buttonover="true"],
  69. toolbarbutton[open="true"]{
  70. background:#F6F1E6;
  71. /*background:url("chrome://global/skin/toolbarbutton/button-hilite.png") repeat-x bottom left #EEE4D6;*/
  72. }
  73.  
  74. /*hover over navbar icons*/
  75. toolbarbutton.toolbarbutton-1 .toolbarbutton-icon{
  76. /*padding:1px 4px;*/
  77. }
  78. toolbarbutton.toolbarbutton-1:hover .toolbarbutton-icon{
  79. /*background:#F6F0E6;
  80. -moz-border-radius:5px;*/
  81. }
  82.  
  83.  
  84. toolbarbutton:hover:active,
  85. toolbarbutton[open="true"] {
  86. /*background:#FBF8F3;*/
  87. }
  88.  
  89. toolbarbutton[disabled="true"],
  90. toolbarbutton[disabled="true"]:hover,
  91. toolbarbutton[disabled="true"]:hover:active,
  92. toolbarbutton[disabled="true"][open="true"] {
  93. background:none;
  94. border-color: none;
  95. color: #BDA68A;
  96. }
  97.  
  98. /* ..... checked state ..... */
  99.  
  100. toolbarbutton[checked="true"] {
  101. background:#FBF8F3;
  102. color: ButtonText !important;
  103. }
  104.  
  105. /* ..... checked disabled state ..... */
  106. toolbarbutton[checked="true"][disabled="true"] {
  107. color: #BDA68A!important;
  108. }
  109.  
  110.  
  111. /* ::::: toolbarbutton menu ::::: */
  112.  
  113. .toolbarbutton-menu-dropmarker {
  114.   list-style-image: url("chrome://global/skin/arrow/arrow-dn-small.png");
  115.   padding-left: 2px;
  116. -moz-image-region: auto;
  117. }
  118.  
  119.  
  120. .toolbarbutton-menu-dropmarker[disabled="true"] {
  121.   list-style-image: url("chrome://global/skin/arrow/arrow-dn-small-dis.png");
  122. }
  123.  
  124. /* ::::: toolbarbutton menu-button ::::: */
  125.  
  126. toolbarbutton[type="menu-button"] {
  127.   -moz-box-align: stretch;
  128.   -moz-box-orient: horizontal !important;
  129. }
  130.  
  131. /*
  132. toolbarbutton[type="menu-button"],
  133. toolbarbutton[type="menu-button"]:hover,
  134. toolbarbutton[type="menu-button"]:hover:active,
  135. toolbarbutton[type="menu-button"][open="true"],
  136. toolbarbutton[type="menu-button"][disabled="true"],
  137. toolbarbutton[type="menu-button"][disabled="true"]:hover,
  138. toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
  139. }*/
  140.  
  141. .toolbarbutton-menubutton-button {
  142. -moz-box-align: center;
  143. -moz-box-pack: center;
  144. -moz-box-orient: vertical;
  145. margin: 0px !important;
  146. padding: 0px !important;/* get rid of padding inside padding*/
  147. }
  148.  
  149. /* .......... dropmarker .......... */
  150.  
  151. .toolbarbutton-menubutton-dropmarker {
  152. -moz-box-align: end;
  153. list-style-image: url("chrome://global/skin/icons/dropmarker.png");
  154. -moz-image-region: rect(0px 10px 10px 0px);
  155. }
  156.  
  157. toolbar[iconsize="large"] .toolbarbutton-menubutton-dropmarker{
  158. padding-bottom:3px;
  159. }
  160.  
  161. toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker{
  162. padding-bottom:3px;
  163. }
  164.  
  165. toolbarbutton:hover .toolbarbutton-menubutton-dropmarker {
  166. }
  167.  
  168. .toolbarbutton-menubutton-dropmarker[disabled="true"] {
  169. -moz-image-region: rect(30px 10px 40px 0px);
  170. }
  171.  
  172. .toolbarbutton-menubutton-dropmarker:hover{
  173. -moz-image-region: rect(10px 10px 20px 0px);
  174. }
  175.  
  176. /*toolbarbutton[type="menu-button"][open="true"] .toolbarbutton-menubutton-dropmarker,
  177. toolbarbutton[type="menu-button"][buttondown="true"] .toolbarbutton-menubutton-dropmarker {
  178. -moz-image-region: rect(20px 10px 30px 0px);
  179. }*/
  180.