EarlyBlue/communicator/button.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   6
   7 /* ==== button.css ==========================================================
   8    == Styles for special buttons in the Communicator suite.
   9    ========================================================================== */
  10
  11 /* ::::: large toolbar buttons ::::: */
  12
  13 .toolbarbutton-1,
  14 .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  15   min-width: 36px;
  16   -moz-box-orient: vertical;
  17 }
  18
  19 .toolbarbutton-1[type="menu-button"] {
  20   -moz-box-orient: horizontal;
  21 }
  22
  23 .toolbarbutton-1,
  24 .toolbarbutton-1 > .toolbarbutton-menubutton-button,
  25 .toolbarbutton-1[disabled="true"]:hover:active,
  26 .toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
  27   padding: 1px;
  28 }
  29
  30 .toolbarbutton-1:hover:active,
  31 .toolbarbutton-1[open="true"],
  32 .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
  33   padding-top: 2px;
  34   padding-bottom: 0px;
  35   -moz-padding-start: 2px;
  36   -moz-padding-end: 0px;
  37 }
  38
  39 .toolbarbutton-1[type="menu"] {
  40   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical");
  41 }
  42
  43 /* ::::: small primary toolbar buttons ::::: */
  44
  45 toolbar[mode="text"] .toolbarbutton-1,
  46 toolbar[mode="icons"] .toolbarbutton-1,
  47 toolbar[iconsize="small"] .toolbarbutton-1,
  48 toolbar[mode="text"] .toolbarbutton-menubutton-button,
  49 toolbar[mode="icons"] .toolbarbutton-menubutton-button,
  50 toolbar[iconsize="small"] .toolbarbutton-menubutton-button {
  51   min-width: 0px;
  52   min-height: 0px;
  53 }
  54
  55 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
  56   padding: 4px 1px 8px;
  57 }
  58
  59 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
  60 toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker {
  61   padding: 0px 1px 13px;
  62 }
  63
  64 toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
  65 toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
  66   padding-top: 5px;
  67   padding-bottom: 7px;
  68   -moz-padding-start: 2px;
  69   -moz-padding-end: 0px;
  70 }
  71
  72 toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
  73 toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
  74 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
  75 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
  76   padding-top: 1px;
  77   padding-bottom: 12px;
  78   -moz-padding-start: 2px;
  79   -moz-padding-end: 0px;
  80 }
  81
  82 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
  83   padding: 4px 1px 8px !important;
  84 }
  85
  86 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
  87 toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
  88   padding: 0px 1px 13px !important;
  89 }
  90
  91 toolbar[mode="icons"] .toolbarbutton-text,
  92 toolbar[mode="text"] .toolbarbutton-icon {
  93   display: none;
  94 }
  95
  96 toolbar[mode="text"] .toolbarbutton-text {
  97   padding: 4px 0;
  98 }
  99
 100 toolbar[mode="text"] .toolbarbutton-1,
 101 toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
 102   -moz-box-orient: horizontal;
 103 }
 104
 105 toolbar[labelalign="end"] .toolbarbutton-1,
 106 toolbar[labelalign="end"] .toolbarbutton-1 > .toolbarbutton-menubutton-button,
 107 toolbar[labelalign="end"] .toolbarbutton-1 > hbox > vbox {
 108   -moz-box-orient: horizontal;
 109 }
 110
 111 /* ::::: standard toolbar buttons ::::: */
 112
 113 .button-toolbar {
 114   -moz-user-focus: ignore;
 115   min-width: 0px;
 116   max-width: 10em;
 117   background-color: transparent;
 118 }
 119
 120 /* ::::: taskbuttons ::::: */
 121
 122 .taskbutton,
 123 .taskbutton:hover,
 124 .taskbutton:hover:active {
 125   padding: 1px 3px;
 126   border: none;
 127 }
 128
 129 .taskbutton:hover {
 130   background-color: #9999CC;
 131 }
 132
 133 .taskbutton:hover:active {
 134   background-color: #CCCCFF;
 135 }
 136
 137 /* override windows */
 138
 139 .toolbarbutton-icon[label]:not([label=""]),
 140 .toolbarbutton-icon[type="menu"] {
 141   -moz-margin-end: 2px;
 142 }