toolbarbutton.css (3326B)
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 /* ===== toolbarbutton.css ===================================================== 6 == Styles used by the XUL button element. 7 ======================================================================= */ 8 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 10 11 /* ::::: toolbarbutton ::::: */ 12 13 toolbarbutton { 14 -moz-appearance: toolbarbutton; 15 -moz-box-align: center; 16 -moz-box-pack: center; 17 margin: 0; 18 padding: 3px; 19 color: #bfbbb6; 20 } 21 22 toolbarbutton:-moz-lwtheme { 23 text-shadow: none; 24 color: inherit; 25 } 26 27 .toolbarbutton-icon[label]:not([label=""]), 28 .toolbarbutton-icon[type="menu"] { 29 margin-inline-end: 2px; 30 } 31 32 .toolbarbutton-text { 33 margin: 0 !important; /* !important for overriding global.css */ 34 text-align: center; 35 } 36 37 toolbarbutton.tabbable { 38 -moz-user-focus: normal !important; 39 } 40 41 toolbarbutton:hover:active, 42 toolbarbutton[open="true"] { 43 padding-top: 4px; 44 padding-bottom: 2px; 45 padding-inline-start: 4px; 46 padding-inline-end: 2px; 47 } 48 49 toolbarbutton[disabled="true"], 50 toolbarbutton[disabled="true"]:hover, 51 toolbarbutton[disabled="true"]:hover:active, 52 toolbarbutton[disabled="true"][open="true"] { 53 padding: 3px; 54 color: GrayText; 55 } 56 57 toolbarbutton[checked="true"]:not(:hover) { 58 color: #bfbbb6; 59 } 60 61 toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) { 62 color: inherit; 63 text-shadow: inherit; 64 } 65 66 /* ::::: toolbarbutton menu ::::: */ 67 68 .toolbarbutton-menu-dropmarker { 69 -moz-appearance: none !important; 70 border: none !important; 71 background-color: transparent !important; 72 padding: 0; 73 width: auto; 74 height: auto; 75 margin-top: 1px; 76 } 77 78 /* ::::: toolbarbutton menu-button ::::: */ 79 80 toolbarbutton[type="menu-button"] { 81 -moz-box-align: stretch; 82 -moz-appearance: dualbutton; 83 -moz-box-orient: horizontal !important; 84 } 85 86 toolbarbutton[type="menu-button"], 87 toolbarbutton[type="menu-button"]:hover, 88 toolbarbutton[type="menu-button"]:hover:active, 89 toolbarbutton[type="menu-button"][open="true"], 90 toolbarbutton[type="menu-button"][disabled="true"], 91 toolbarbutton[type="menu-button"][disabled="true"]:hover, 92 toolbarbutton[type="menu-button"][disabled="true"]:hover:active { 93 padding: 0 !important; 94 } 95 96 .toolbarbutton-menubutton-button { 97 -moz-box-align: center; 98 -moz-box-pack: center; 99 -moz-box-orient: vertical; 100 } 101 102 /* ::::: toolbarbutton badged ::::: */ 103 104 .toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { 105 margin-inline-end: 0; 106 } 107 108 .toolbarbutton-badge { 109 background-color: #181411; 110 font-size: 10px; 111 padding: 0 2px 1px; 112 color: #bfbbb6; 113 border-radius: 2px; 114 box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset, 115 0 -1px 0 hsla(0, 0%, 0%, .1) inset, 116 0 1px 0 hsla(206, 50%, 10%, .2); 117 margin: -6px 0 0 !important; 118 margin-inline-end: -8px !important; 119 min-width: 14px; 120 max-width: 28px; 121 line-height: 10px; 122 text-align: center; 123 -moz-stack-sizing: ignore; 124 } 125 126 /* .......... dropmarker .......... */ 127 128 .toolbarbutton-menubutton-dropmarker { 129 -moz-appearance: none; 130 padding: 3px 7px; 131 border: none; 132 background-color: transparent; 133 width: auto; 134 }