toolbarbutton.css (3219B)
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 toolbarbutton { 8 -moz-box-align: center; 9 -moz-box-pack: center; 10 margin: 0 2px; 11 padding: 3px 2px; 12 color: #bfbbb6; 13 } 14 15 toolbarbutton[open="true"], 16 toolbarbutton:not([disabled="true"]):active:hover { 17 text-shadow: none; 18 } 19 20 .toolbarbutton-text { 21 margin: 0 !important; /* !important for overriding global.css */ 22 padding: 0px; 23 text-align: center; 24 vertical-align: middle; 25 } 26 27 toolbarbutton[disabled="true"], 28 toolbarbutton[disabled="true"]:hover, 29 toolbarbutton[disabled="true"]:hover:active, 30 toolbarbutton[disabled="true"][open="true"] { 31 color: GrayText !important; 32 } 33 34 /* ::::: toolbarbutton menu ::::: */ 35 36 .toolbarbutton-menu-dropmarker { 37 -moz-appearance: none !important; 38 border: none !important; 39 background-color: transparent !important; 40 list-style-image: url("chrome://global/skin/arrow/arrow-v.svg#dn"); 41 padding: 0; 42 padding-inline-start: 2px; 43 width: auto; 44 } 45 46 .toolbarbutton-menu-dropmarker[disabled="true"] { 47 list-style-image: url("chrome://global/skin/arrow/arrow-v.svg#dn-dis"); 48 padding: 0; 49 padding-inline-start: 2px; 50 } 51 52 /* ::::: toolbarbutton menu-button ::::: */ 53 54 toolbarbutton[type="menu-button"] { 55 -moz-box-align: stretch; 56 -moz-box-orient: horizontal !important; 57 } 58 59 toolbarbutton[type="menu-button"], 60 toolbarbutton[type="menu-button"]:hover, 61 toolbarbutton[type="menu-button"]:hover:active, 62 toolbarbutton[type="menu-button"][open="true"], 63 toolbarbutton[type="menu-button"][disabled="true"], 64 toolbarbutton[type="menu-button"][disabled="true"]:hover, 65 toolbarbutton[type="menu-button"][disabled="true"]:hover:active { 66 background-color: transparent; 67 } 68 69 .toolbarbutton-menubutton-button { 70 -moz-box-align: center; 71 -moz-box-pack: center; 72 -moz-box-orient: vertical; 73 text-shadow: inherit; 74 } 75 76 /* ::::: toolbarbutton badged ::::: */ 77 78 .toolbarbutton-badge { 79 background-color: rgb(1,1,1); 80 font-size: 9px; 81 padding: 1px 2px; 82 color: #bfbbb6; 83 border-radius: 2px; 84 box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset, 85 0 -1px 0 hsla(0, 0%, 0%, .1) inset, 86 0 1px 0 hsla(206, 50%, 10%, .2); 87 margin: -6px 0 0 !important; 88 margin-inline-end: -6px !important; 89 min-width: 14px; 90 max-width: 28px; 91 line-height: 10px; 92 text-align: center; 93 -moz-stack-sizing: ignore; 94 } 95 96 .toolbarbutton-badge:-moz-window-inactive { 97 background-color: rgb(2,2,2); 98 box-shadow: none; 99 color: rgb(192,192,192); 100 } 101 102 toolbar[mode="icons"] > *|* > .toolbarbutton-badge { 103 margin-inline-end: -10px !important; 104 } 105 106 /* .......... dropmarker .......... */ 107 108 .toolbarbutton-menubutton-dropmarker { 109 -moz-appearance: none; 110 border: none; 111 background-color: transparent !important; 112 list-style-image: url("chrome://global/skin/arrow/arrow-v.svg#dn"); 113 width: auto; 114 padding: 0 5px; 115 } 116 117 .toolbarbutton-menubutton-dropmarker[disabled="true"] { 118 list-style-image: url("chrome://global/skin/arrow/arrow-v.svg#dn-dis"); 119 } 120 121 toolbarbutton.tabbable { 122 -moz-user-focus: normal !important; 123 }