--in-content-page-background: #000000;
--in-content-text-color: #FF9F00;
--in-content-selected-text: #000000;
- ---in-content-header-border-color: #c8c8c8;
+ --in-content-header-border-color: #A09090;
--in-content-button-background: #C09070;
--in-content-box-background: #000000;
---in-content-box-background-odd: #f3f6fa;
font-size: 1.25rem;
}
-xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent),
+xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent):not(.learnMore),
xul|groupbox xul|description {
/ !important needed to override toolkit !important rule /
margin-inline-start: 0 !important;
background-color: var(--in-content-page-background);
}
*/
+html|select:not([size]):not([multiple]) {
+ background-image: url("chrome://global/skin/arrow/arrow-down.gif");
+ background-position: right 3px center;
+ background-repeat: no-repeat;
+ background-size: auto 18px;
+ font-size: inherit;
+ padding-inline-start: 5px;
+ padding-inline-end: 24px;
+ text-overflow: ellipsis;
+}
+
html|button:enabled:hover,
-html|select:enabled:hover,
+html|select:not([size]):not([multiple]):enabled:hover,
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,
-html|select:enabled:hover:active,
+html|select:not([size]):not([multiple]):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"]) {
height: 16px;
border: none;
background-color: transparent;
- list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
+ list-style-image: url("chrome://global/skin/in-content/dropdown.svg");
}
*/
}
xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon {
- list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-up-disabled.gif");
}
xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
}
xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
}
xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
*/
/* textboxes */
/*
+html|input[type="email"],
+html|input[type="tel"],
html|input[type="text"],
html|textarea,
xul|textbox {
padding-left: unset;
}
+xul|textbox[type="search"] > .textbox-input-box {
+ background: url(chrome://global/skin/icons/search-textbox.svg) no-repeat center left;
+ padding-inline-start: 16px;
+}
+
+xul|textbox[type="search"] > .textbox-input-box:-moz-locale-dir(rtl) {
+ background-position-x: right;
+}
+
+xul|textbox[type="search"] > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
+ visibility: hidden;
+}
+
+html|input[type="email"],
+html|input[type="tel"],
html|input[type="text"],
html|textarea {
font-family: inherit;
padding: 5px 10px;
}
+html|input[type="email"]:focus,
+html|input[type="tel"]:focus,
html|input[type="text"]:focus,
html|textarea:focus,
xul|textbox[focused] {
border-color: var(--in-content-border-focus);
}
+html|input[type="email"]:disabled,
+html|input[type="tel"]:disabled,
html|input[type="text"]:disabled,
html|textarea:disabled,
xul|textbox[disabled="true"] {
/*
xul|checkbox {
margin-inline-start: 0;
+ -moz-appearance: none;
}
*/
/* xul|*.checkbox-check, */
/*
xul|*.checkbox-check[checked] {
background-image: url("chrome://global/skin/in-content/check.png"),
- / * !important needed to override toolkit !important rule * /
- linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
+ linear-gradient(#fff, rgba(255,255,255,0.8));
}
*/
html|input[type="checkbox"]:checked + html|label::before {
/*
xul|radio {
margin-inline-start: 0;
+ -moz-appearance: none;
}
xul|*.radio-check {
*/
/* List boxes */
/*
+html|select[size][multiple],
xul|richlistbox,
xul|listbox {
-moz-appearance: none;
color: var(--in-content-text-color);
}
+html|select[size][multiple] > html|option,
xul|treechildren::-moz-tree-row,
xul|listbox xul|listitem {
padding: 0.3em;
background-image: none;
}
+html|select[size][multiple] > html|option:hover,
xul|treechildren::-moz-tree-row(hover),
xul|listbox xul|listitem:hover {
background-color: var(--in-content-item-hover);