---in-content-primary-button-background-active: #006b9d;
--in-content-table-border-dark-color: #9999CC;
--in-content-table-header-background: #666699;
---in-content-primary-button-background-active: #006b9d;
--in-content-table-border-dark-color: #9999CC;
--in-content-table-header-background: #666699;
xul|button:not([disabled="true"]):hover,
xul|colorpicker[type="button"]:not([disabled="true"]):hover,
xul|menulist:not([disabled="true"]):hover {
}
html|button:enabled:hover:active,
xul|button:not([disabled="true"]):hover,
xul|colorpicker[type="button"]:not([disabled="true"]):hover,
xul|menulist:not([disabled="true"]):hover {
}
html|button:enabled:hover:active,
xul|button:not([disabled="true"]):hover:active,
xul|colorpicker[type="button"]:not([disabled="true"]):hover:active,
xul|menulist[open="true"]:not([disabled="true"]) {
xul|button:not([disabled="true"]):hover:active,
xul|colorpicker[type="button"]:not([disabled="true"]):hover:active,
xul|menulist[open="true"]:not([disabled="true"]) {
xul|button[disabled="true"],
xul|colorpicker[type="button"][disabled="true"],
xul|menulist[disabled="true"] {
xul|button[disabled="true"],
xul|colorpicker[type="button"][disabled="true"],
xul|menulist[disabled="true"] {
+*/
+html|*.help-button {
+ width: 16px;
+ height: 16px;
+ border: 0;
+ padding: 0;
+ display: inline-block;
+ background-image: url("chrome://global/skin/in-content/help-glyph.svg#help");
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: contain;
+}
+
+html|*.help-button:hover {
+ background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover");
+}
background-color: #f1f1f1;
/ !important needed to override toolkit checked !important rule /
background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
background-color: #f1f1f1;
/ !important needed to override toolkit checked !important rule /
background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
background-color: #f1f1f1;
background-image: linear-gradient(#fff, rgba(255,255,255,0.80));
box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03);
background-color: #f1f1f1;
background-image: linear-gradient(#fff, rgba(255,255,255,0.80));
box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03);
- -moz-margin-start: -1px; / * negative margin for the transparent border * /
- -moz-margin-end: 10px;
- -moz-padding-start: 0;
+ margin-inline-start: -1px; / * negative margin for the transparent border * /
+ margin-inline-end: 10px;
+ padding-inline-start: 0;
- -moz-border-end-width: 0;
- -moz-padding-start: 15px;
- -moz-padding-end: 21px;
+ border-inline-end-width: 0;
+ padding-inline-start: 15px;
+ padding-inline-end: 21px;
background-color: var(--in-content-category-background-active);
color: var(--in-content-category-text-selected);
background-color: var(--in-content-category-background-active);
color: var(--in-content-category-text-selected);
- -moz-padding-start: 11px; /* compensate the 4px border */
- -moz-border-start: solid 4px var(--in-content-border-highlight);
+ padding-inline-start: 11px; /* compensate the 4px border */
+ border-inline-start: solid 4px var(--in-content-border-highlight);
xul|textbox + xul|button,
xul|filefield + xul|button {
xul|textbox + xul|button,
xul|filefield + xul|button {
background-color: var(--in-content-box-background);
border: 1px solid var(--in-content-box-border-color);
color: var(--in-content-text-color);
background-color: var(--in-content-box-background);
border: 1px solid var(--in-content-box-border-color);
color: var(--in-content-text-color);
border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1;
}
border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1;
}