diff options
Diffstat (limited to 'arc-firefox-theme/chrome/global/toolbarbutton.css')
| -rw-r--r-- | arc-firefox-theme/chrome/global/toolbarbutton.css | 28 |
1 files changed, 20 insertions, 8 deletions
diff --git a/arc-firefox-theme/chrome/global/toolbarbutton.css b/arc-firefox-theme/chrome/global/toolbarbutton.css index a62e173..4a11f72 100644 --- a/arc-firefox-theme/chrome/global/toolbarbutton.css +++ b/arc-firefox-theme/chrome/global/toolbarbutton.css @@ -106,25 +106,37 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active { } /* ::::: toolbarbutton badged ::::: */ -.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { - -moz-margin-end: 0; -} .toolbarbutton-badge { background-color: #d90000; +} + +.toolbarbutton-badge::after { + /* The |content| property is set in the content stylesheet. */ font-size: 10px; - padding: 0 2px 1px; + font-weight: bold; + padding: 1px 2px 2px; color: #fff; + background-color: inherit; border-radius: 2px; box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset, 0 -1px 0 hsla(0, 0%, 0%, .1) inset, 0 1px 0 hsla(206, 50%, 10%, .2); - margin: -6px 0 0 !important; - -moz-margin-end: -8px !important; - min-width: 14px; + position: absolute; + top: -4px; + right: -2px; + min-width: 10px; line-height: 10px; text-align: center; - -moz-stack-sizing: ignore; +} + +.toolbarbutton-badge:-moz-locale-dir(rtl)::after { + left: -2px; + right: auto; +} + +.toolbarbutton-badge-container { + position: relative; } /* .......... dropmarker .......... */ |