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