EarlyBlue/skin/EarlyBlue/global/toolbarbutton.css

   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  */
  23
  24 /* ===== toolbarbutton.css =====================================================
  25   == Styles used by the XUL button element.
  26   ======================================================================= */
  27
  28 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29
  30 toolbarbutton {
  31   margin              : 0px;
  32   background-color    : transparent;
  33   color               : #000000;
  34 }
  35
  36 .toolbarbutton-box {
  37   -moz-box-align      : center;
  38   -moz-box-pack       : center;
  39   border              : 1px solid transparent;
  40   padding             : 2px;
  41 }
  42
  43 .toolbarbutton-icon {
  44   margin-right: 2px;
  45 }
  46
  47 .toolbarbutton-text {
  48   margin: 0px !important;
  49 }
  50
  51 toolbarbutton[value] > .toolbarbutton-box > .toolbarbutton-text {
  52   padding-left        : 4px;
  53 }
  54
  55 toolbarbutton:hover,
  56 toolbarbutton[buttonover="true"],
  57 toolbarbutton[open="true"] {
  58 }
  59
  60 toolbarbutton:hover > .toolbarbutton-box {
  61   border              : 1px outset #CCD0DD;
  62 }
  63
  64 toolbarbutton:hover:active {
  65 }
  66
  67 toolbarbutton:hover:active > .toolbarbutton-box,
  68 toolbarbutton[open="true"] > .toolbarbutton-box {
  69   padding             : 3px 1px 1px 3px;
  70   border              : 1px inset #CCD0DD;
  71 }
  72
  73 toolbarbutton[disabled="true"],
  74 toolbarbutton[disabled="true"]:hover,
  75 toolbarbutton[disabled="true"]:hover:active {
  76   color               : #999999;
  77 }
  78
  79 toolbarbutton[disabled="true"] > .toolbarbutton-box,
  80 toolbarbutton[disabled="true"]:hover > .toolbarbutton-box,
  81 toolbarbutton[disabled="true"]:hover:active > .toolbarbutton-box,
  82 toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-box,
  83 toolbarbutton[disabled="true"][buttondown="true"] > .toolbarbutton-box {
  84   border              : 1px solid transparent;
  85   padding             : 2px;
  86 }
  87
  88 /* ..... checked state ..... */
  89
  90 toolbarbutton[checked="true"] > .toolbarbutton-box {
  91   border              : 1px inset #CCD0DD;
  92   background-color    : #DDDDDD;
  93 }
  94
  95 toolbarbutton[checked="true"]:hover > .toolbarbutton-box {
  96   border              : 1px inset #CCD0DD;
  97   background-color    : #CCD0DD;
  98   background-image    : none;
  99 }
 100
 101 /* ::::: toolbarbutton menu ::::: */
 102
 103 .toolbarbutton-dropmarker {
 104   list-style-image      : url("chrome://global/skin/scroll-down.gif");
 105 }
 106
 107 .toolbarbutton-dropmarker[disabled="true"] {
 108   list-style-image      : url("chrome://global/skin/scroll-down-disabled.gif");
 109 }
 110
 111 /* ::::: toolbarbutton menu-button ::::: */
 112
 113 .toolbarbutton-menubutton-dropmarker-box {
 114   -moz-box-align: start;
 115   -moz-box-pack: center;
 116 }
 117
 118 toolbarbutton[type="menu-button"]:hover:active {
 119 }
 120
 121 .toolbarbutton-menubutton-button {
 122   border: none !important;
 123   color: inherit;
 124 }
 125
 126 .toolbarbutton-menubutton-dropmarker {
 127   list-style-image: url("chrome://global/skin/scroll-down.gif");
 128 }
 129
 130 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
 131   list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
 132 }
 133
 134 .toolbarbutton-menubutton-dropmarker-box {
 135   border                : 1px solid transparent;
 136   padding               : 1px 0px 1px 0px;
 137 }
 138
 139 toolbarbutton[disabled="true"]:hover > .toolbarbutton-menubutton-box
 140   > .toolbarbutton-menubutton-button  > .toolbarbutton-box
 141 {
 142   border                : 1px solid transparent;
 143 }
 144
 145 toolbarbutton:hover > .toolbarbutton-menubutton-box
 146   > .toolbarbutton-menubutton-button  > .toolbarbutton-box,
 147 toolbarbutton:hover > .toolbarbutton-menubutton-box
 148   > .toolbarbutton-menubutton-dropmarker-box,
 149 toolbarbutton[buttonover="true"] > .toolbarbutton-menubutton-box
 150   > .toolbarbutton-menubutton-dropmarker-box
 151 {
 152   border                : 1px outset #CCD0DD;
 153 }
 154
 155 toolbarbutton[buttondown="true"] > .toolbarbutton-menubutton-box
 156   > .toolbarbutton-menubutton-dropmarker-box,
 157 toolbarbutton[open="true"] > .toolbarbutton-menubutton-box
 158   > .toolbarbutton-menubutton-dropmarker-box,
 159 toolbarbutton[open="true"] > .toolbarbutton-menubutton-box
 160   > .toolbarbutton-menubutton-button > .toolbarbutton-box
 161 {
 162   border                : 1px inset #CCD0DD;
 163   padding               : 2px 0px 0px 0px;
 164 }
 165
 166 .toolbarbutton-menubutton-dropmarker-box[disabled="true"] {
 167   border: 1px solid transparent !important;
 168   padding: 0px !important;
 169 }
 170
 171