toolbarbutton.css (4207B)
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 border: 1px solid transparent; 19 padding: 3px; 20 background-color: transparent; 21 color: #bfbbb6; 22 } 23 24 .toolbarbutton-icon[label]:not([label=""]), 25 .toolbarbutton-icon[type="menu"] { 26 margin-inline-end: 5px; 27 } 28 29 .toolbarbutton-text { 30 margin: 0 !important; /* !important for overriding global.css */ 31 text-align: center; 32 } 33 34 toolbarbutton.tabbable { 35 -moz-user-focus: normal !important; 36 } 37 38 toolbarbutton:-moz-focusring { 39 /* -moz-appearance looks redundant here but is necessary. 40 Without it, the outline won't appear. */ 41 -moz-appearance: toolbarbutton; 42 outline: 1px dotted -moz-DialogText; 43 outline-offset: -2px; 44 } 45 46 toolbarbutton:hover:not([disabled="true"]) { 47 border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; 48 } 49 50 toolbarbutton:hover:active:not([disabled="true"]), 51 toolbarbutton[open="true"]:hover, 52 toolbarbutton[open="true"] { 53 border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; 54 padding-top: 4px; 55 padding-bottom: 2px; 56 padding-inline-start: 4px; 57 padding-inline-end: 2px; 58 } 59 60 toolbarbutton[disabled="true"] { 61 color: GrayText; 62 text-shadow: none; 63 } 64 65 toolbarbutton[checked="true"]:not([disabled="true"]) { 66 border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; 67 padding-top: 4px; 68 padding-bottom: 2px; 69 padding-inline-start: 4px; 70 padding-inline-end: 2px; 71 background-color: rgba(64,64,64,0.5); 72 color: #bfbbb6; 73 } 74 75 @media (-moz-windows-default-theme) { 76 toolbarbutton:-moz-lwtheme { 77 text-shadow: none; 78 } 79 80 toolbarbutton:-moz-lwtheme:not([disabled="true"]) { 81 color: inherit; 82 text-shadow: inherit; 83 } 84 } 85 86 @media not all and (-moz-windows-default-theme) { 87 toolbarbutton:-moz-lwtheme { 88 -moz-appearance: none; 89 } 90 91 toolbarbutton:-moz-lwtheme:not([disabled="true"]) { 92 color: inherit; 93 text-shadow: inherit; 94 } 95 } 96 97 /* ::::: toolbarbutton menu ::::: */ 98 99 .toolbarbutton-menu-dropmarker { 100 -moz-appearance: none !important; 101 border: none !important; 102 background-color: transparent !important; 103 padding: 0; 104 width: auto; 105 height: auto; 106 margin-top: 1px; 107 } 108 109 /* ::::: toolbarbutton menu-button ::::: */ 110 111 toolbarbutton[type="menu-button"] { 112 -moz-box-align: stretch; 113 -moz-box-orient: horizontal !important; 114 } 115 116 toolbarbutton[type="menu-button"], 117 toolbarbutton[type="menu-button"]:hover, 118 toolbarbutton[type="menu-button"]:hover:active, 119 toolbarbutton[type="menu-button"][open="true"], 120 toolbarbutton[type="menu-button"][disabled="true"], 121 toolbarbutton[type="menu-button"][disabled="true"]:hover, 122 toolbarbutton[type="menu-button"][disabled="true"]:hover:active { 123 border-style: none; 124 padding: 0 !important; 125 } 126 127 .toolbarbutton-menubutton-button { 128 -moz-box-align: center; 129 -moz-box-pack: center; 130 -moz-box-orient: vertical; 131 } 132 133 /* ::::: toolbarbutton badged ::::: */ 134 135 .toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { 136 margin-inline-end: 0; 137 } 138 139 .toolbarbutton-badge { 140 background-color: rgb(1,1,1); 141 font-size: 10px; 142 font-weight: bold; 143 padding: 0 2px 1px; 144 color: #bfbbb6; 145 border-radius: 2px; 146 box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset, 147 0 -1px 0 hsla(0, 0%, 0%, .1) inset, 148 0 1px 0 hsla(206, 50%, 10%, .2); 149 margin: -6px 0 0 !important; 150 margin-inline-end: -8px !important; 151 min-width: 14px; 152 max-width: 28px; 153 line-height: 10px; 154 text-align: center; 155 -moz-stack-sizing: ignore; 156 } 157 158 /* .......... dropmarker .......... */ 159 160 .toolbarbutton-menubutton-dropmarker { 161 -moz-appearance: none; 162 padding: 3px 7px; 163 border: none; 164 background-color: transparent; 165 width: auto; 166 }