---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|page,
xul|window {
font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
xul|page,
xul|window {
font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
xul|caption > xul|checkbox,
xul|caption > xul|label {
margin-top: 0;
xul|caption > xul|checkbox,
xul|caption > xul|label {
margin-top: 0;
color: var(--in-content-text-color);
border: 1px solid var(--in-content-box-border-color);
-moz-border-top-colors: none !important;
color: var(--in-content-text-color);
border: 1px solid var(--in-content-box-border-color);
-moz-border-top-colors: none !important;
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");
+}
border: 1px solid var(--in-content-box-border-color);
-moz-border-top-colors: none !important;
-moz-border-right-colors: none !important;
border: 1px solid var(--in-content-box-border-color);
-moz-border-top-colors: none !important;
-moz-border-right-colors: none !important;
+xul|textbox {
+ min-height: 30px;
+ padding-right: 10px;
+ padding-left: 10px;
+}
+
+/ Create a separate rule to unset these styles on .tree-input instead of
+ using :not(.tree-input) so the selector specifity doesn't change. /
+xul|textbox.tree-input {
+ min-height: unset;
+ padding-right: unset;
+ padding-left: unset;
+}
+
+html|input[type="text"],
+html|textarea {
+ font-family: inherit;
+ font-size: inherit;
+ padding: 5px 10px;
+}
+
+html|input[type="text"]:focus,
+html|textarea:focus,
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);
border-top: var(--in-content-category-border-focus);
border-bottom: var(--in-content-category-border-focus);
}
border-top: var(--in-content-category-border-focus);
border-bottom: var(--in-content-category-border-focus);
}
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;
}