LCARStrek/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   min-height: 36px;
  17   -moz-box-orient: vertical;
  18 }
  19
  20 .toolbarbutton-1[type="menu-button"] {
  21   -moz-box-orient: horizontal;
  22 }
  23
  24 .toolbarbutton-1,
  25 .toolbarbutton-1 > .toolbarbutton-menubutton-button,
  26 .toolbarbutton-1[disabled="true"]:hover:active,
  27 .toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
  28   padding: 1px 2px;
  29 }
  30
  31 .toolbarbutton-1:hover:active,
  32 .toolbarbutton-1[open="true"],
  33 .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
  34   padding-top: 2px;
  35   padding-bottom: 0px;
  36   -moz-padding-start: 3px;
  37   -moz-padding-end: 1px;
  38 }
  39
  40 .toolbarbutton-1[type="menu"] {
  41   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical");
  42 }
  43
  44 /* ::::: small primary toolbar buttons ::::: */
  45
  46 toolbar[mode="text"] .toolbarbutton-1,
  47 toolbar[mode="icons"] .toolbarbutton-1,
  48 toolbar[iconsize="small"] .toolbarbutton-1,
  49 toolbar[mode="text"] .toolbarbutton-menubutton-button,
  50 toolbar[mode="icons"] .toolbarbutton-menubutton-button,
  51 toolbar[iconsize="small"] .toolbarbutton-menubutton-button {
  52   min-width: 0px;
  53   min-height: 0px;
  54 }
  55
  56 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
  57   padding-top: 4px;
  58   padding-bottom: 8px;
  59   -moz-padding-start: 1px;
  60   -moz-padding-end: 1px;
  61 }
  62
  63 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
  64 toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker {
  65   padding-top: 0px;
  66   padding-bottom: 13px;
  67   -moz-padding-start: 1px;
  68   -moz-padding-end: 1px;
  69 }
  70
  71 toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
  72 toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
  73   padding-top: 5px;
  74   padding-bottom: 7px;
  75   -moz-padding-start: 0px;
  76   -moz-padding-end: 2px;
  77 }
  78
  79 toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
  80 toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
  81 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
  82 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
  83   padding-top: 1px;
  84   padding-bottom: 12px;
  85   -moz-padding-start: 0px;
  86   -moz-padding-end: 2px;
  87 }
  88
  89 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
  90   padding-top: 4px !important;
  91   padding-bottom: 8px !important;
  92   -moz-padding-start: 1px !important;
  93   -moz-padding-end: 1px !important;
  94 }
  95
  96 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
  97 toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
  98   padding-top: 0px !important;
  99   padding-bottom: 13px !important;
 100   -moz-padding-start: 1px !important;
 101   -moz-padding-end: 1px !important;
 102 }
 103
 104 toolbar[mode="icons"] .toolbarbutton-text,
 105 toolbar[mode="text"] .toolbarbutton-icon {
 106   display: none;
 107 }
 108
 109 toolbar[mode="text"] .toolbarbutton-text {
 110   padding: 4px 0;
 111 }
 112
 113 toolbar[mode="text"] .toolbarbutton-1,
 114 toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
 115   -moz-box-orient: horizontal;
 116 }
 117
 118 toolbar[labelalign="end"] .toolbarbutton-1,
 119 toolbar[labelalign="end"] .toolbarbutton-1 > .toolbarbutton-menubutton-button,
 120 toolbar[labelalign="end"] .toolbarbutton-1 > hbox > vbox {
 121   -moz-box-orient: horizontal;
 122 }
 123
 124 /* ::::: standard toolbar buttons ::::: */
 125
 126 .button-toolbar {
 127   -moz-user-focus: ignore;
 128   min-width: 0px;
 129   max-width: 10em;
 130   background-color: transparent;
 131 }
 132
 133 /* ::::: taskbuttons ::::: */
 134
 135 .taskbutton,
 136 .taskbutton:hover,
 137 .taskbutton:hover:active {
 138   padding: 1px 3px;
 139   border: none;
 140 }
 141
 142 .taskbutton:hover {
 143   background-color: #FFCF00;
 144 }
 145
 146 .taskbutton:hover:active {
 147   background-color: #FFCF00;
 148 }
 149
 150 /* override winstripe */
 151
 152 .toolbarbutton-icon[label]:not([label=""]),
 153 .toolbarbutton-icon[type="menu"] {
 154   -moz-margin-end: 2px;
 155 }