.toolbarbutton-icon[label]:not([label=""]),
.toolbarbutton-icon[type="menu"] {
- -moz-margin-start: 1px;
- -moz-margin-end: 2px;
+/* -moz-margin-start: 1px;
+ -moz-margin-end: 2px;*/
}
.toolbarbutton-text {
- margin: 0px !important;
+ margin: 0px !important; /* !important for overriding global.css */
padding: 0px;
text-align: center;
}
padding: 1px 2px !important;
}
+/* ::::: toolbarbutton badged ::::: */
+
+.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
+ -moz-margin-end: 0;
+}
+
+.toolbarbutton-badge[badge=""] {
+ display: none;
+}
+
+.toolbarbutton-badge {
+ background-color: #000000;
+}
+
+.toolbarbutton-badge::after {
+ /* The |content| property is set in the content stylesheet. */
+ font-size: 10px;
+ font-weight: bold;
+ padding: 1px 2px 2px;
+ color: #FF9F00;
+ background-color: inherit;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 #9C9CFF inset,
+ 0 -1px 0 #9C9CFF inset,
+ 0 1px 0 #9C9CFF;
+ position: absolute;
+ top: -4px;
+ right: -2px;
+ min-width: 10px;
+ line-height: 10px;
+ text-align: center;
+}
+
+.toolbarbutton-badge:-moz-locale-dir(rtl)::after {
+ left: -2px;
+ right: auto;
+}
+
+.toolbarbutton-badge-container {
+ position: relative;
+}
+
/* .......... dropmarker .......... */
.toolbarbutton-menubutton-dropmarker {