--in-content-primary-button-background-active: #FF9F00;
--in-content-table-border-dark-color: #9C9CFF;
--in-content-table-header-background: #A09090;
- ---in-content-help-button-background: #ffcb00;
- ---in-content-help-button-background-hover: #f4c200;
- ---in-content-help-button-background-active: #eaba00;
--in-content-disabled-text: #8050B0;
}
-html|body,
+
+@-moz-document url("about:privatebrowsing") {
+ #bar {
+ background-color: #6000CF !important;
+ color: #FFCF00 !important;
+ }
+
+ #tpEnabled {
+ background-color: #008484 !important;
+ color: #000000 !important;
+ }
+
+ #tpDisabled {
+ background-color: #FF0000 !important;
+ color: #000000 !important;
+ }
+
+ #trackingProtectionSection {
+ border-color: #A09090 !important;
+ }
+}
+
+html|html,
xul|page,
xul|window {
font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
font-size: 1.25rem;
}
-xul|groupbox xul|label,
+xul|groupbox xul|label:not(.menu-accel):not(.menu-text),
xul|groupbox xul|description {
/ !important needed to override toolkit !important rule /
-moz-margin-start: 0 !important;
color: var(--in-content-tab-color);
background-color: var(--in-content-page-background);
border-width: 0;
+ / !important overrides tabbox.css RTL and visuallyselected rules /
+ border-radius: 0 !important;
transition: background-color 50ms ease 0s;
}
xul|colorpicker[type="button"],
xul|menulist {
-moz-appearance: none;
- height: 30px;
+ min-height: 30px;
color: var(--in-content-text-color);
border: 1px solid var(--in-content-box-border-color);
-moz-border-top-colors: none !important;
xul|button[disabled="true"],
xul|colorpicker[type="button"][disabled="true"],
xul|menulist[disabled="true"] {
- cursor: not-allowed;
background-color: var(--in-content-box-background-disabled);
color: var(--in-content-selected-text);
}
*/
xul|*.help-button {
/*
- min-width: 30px;
- border-radius: 2px;
+ min-width: 16px;
+ margin-inline-end: 0;
border-width: 0;
- background-color: #ffcb00;
background-image: none;
box-shadow: none;
*/
}
/*
xul|*.help-button:not([disabled="true"]):hover {
- background-color: #f4c200;
background-image: none;
+ / Override default button background /
+ background-color: transparent;
+ list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover");
}
-
xul|*.help-button:not([disabled="true"]):hover:active {
- background-color: #eaba00;
background-image: none;
+ / Override default button background /
+ background-color: transparent;
+ list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-pressed");
}
xul|*.close-icon > xul|*.button-box,
}
*/
xul|*.help-button > xul|*.button-box > xul|*.button-icon {
- width: 18px;
- height: 18px;
+ width: 16px;
+ height: 16px;
}
xul|*.help-button > xul|*.button-box > xul|*.button-text {
}
/*
xul|*.spinbuttons-button {
+ min-height: initial;
-moz-margin-start: 10px !important;
-moz-margin-end: 2px !important;
}
*/
/* textboxes */
/*
-*|textbox {
+html|input[type="text"],
+html|textarea,
+xul|textbox {
-moz-appearance: none;
- height: 30px;
color: var(--in-content-text-color);
- line-height: 20px;
- padding-right: 10px;
- padding-left: 10px;
border: 1px solid var(--in-content-box-border-color);
-moz-border-top-colors: none !important;
-moz-border-right-colors: none !important;
background-color: var(--in-content-box-background);
}
-html|textbox:focus,
+xul|textbox {
+ min-height: 30px;
+ padding-right: 10px;
+ padding-left: 10px;
+}
+
+html|input[type="text"],
+html|textarea {
+ font-family: inherit;
+ font-size: inherit;
+ padding: 5px 10px;
+}
+
+html|input[type="text"]:focus,
+html|textarea:focus,
xul|textbox[focused] {
border-color: var(--in-content-border-focus);
}
-html|textbox:disabled,
+html|input[type="text"]:disabled,
+html|textarea:disabled,
xul|textbox[disabled="true"] {
opacity: 0.5;
}
/* Hide the actual checkbox */
html|input[type="checkbox"] {
opacity: 0;
+ width: 0;
+ pointer-events: none;
position: absolute;
}
/* Create a box to style as the checkbox */
-html|input[type="checkbox"] + html|label:before {
+html|input[type="checkbox"] + html|label::before {
display: inline-block;
content: "";
vertical-align: middle;
}
*/
/* xul|*.checkbox-check, */
-html|input[type="checkbox"] + html|label:before {
+html|input[type="checkbox"] + html|label::before {
-moz-appearance: none;
width: 23px;
height: 23px;
}
/* xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check, */
-html|input[type="checkbox"]:not(:disabled) + html|label:hover:before {
+html|input[type="checkbox"]:not(:disabled) + html|label:hover::before {
border-color: var(--in-content-border-focus);
}
html|input[type="checkbox"]:not(:disabled) + html|label:hover {
linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
}
*/
-html|input[type="checkbox"]:checked + html|label:before {
+html|input[type="checkbox"]:checked + html|label::before {
background-image: url("chrome://global/skin/in-content/check.svg#check");
}
/*xul|checkbox[checked][disabled="true"] > xul|*.checkbox-check,*/
-html|input[type="checkbox"]:checked:disabled + html|label:before {
+html|input[type="checkbox"]:checked:disabled + html|label::before {
background-image: url("chrome://global/skin/in-content/check.svg#check-disabled");
}
-html|input[type="checkbox"]:not(:disabled) + html|label:hover:before {
+html|input[type="checkbox"]:checked:not(:disabled) + html|label:hover::before {
background-image: url("chrome://global/skin/in-content/check.svg#check-hover");
}
-html|input[type="checkbox"]:disabled + html|label:before {
+html|input[type="checkbox"]:disabled + html|label::before {
border-color: var(--in-content-border-disabled);
}
html|input[type="checkbox"]:disabled + html|label {
*/
/* Category List */
-xul|*#categories {
+*|*#categories {
background-color: var(--in-content-categorylist-background);
padding-top: 4em;
margin: 0;
border: none;
}
-xul|*.category {
+*|*.category {
background-color: var(--in-content-category-background);
color: var(--in-content-category-text);
-moz-border-end-width: 0;
transition: background-color 150ms;
}
-xul|*.category:hover {
+*|*.category:hover {
background-color: var(--in-content-category-background-hover);
color: var(--in-content-category-text-selected);
}
-xul|*.category[selected] {
+*|*.category[selected],
+*|*.category.selected {
background-color: var(--in-content-category-background-active);
color: var(--in-content-category-text-selected);
}
-xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] {
+*|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] {
border-top: var(--in-content-category-border-focus);
border-bottom: var(--in-content-category-border-focus);
}
border-bottom: 1px solid var(--in-content-header-border-color);
margin-bottom: 15px;
padding-bottom: 15px; */
+ -moz-box-align: baseline;
}
*|*.header-name {
padding: 0;
}
+.autocomplete-tree > xul|treecols {
+ border-bottom: none !important;
+}
+
xul|treecol:not([hideheader="true"]),
xul|treecolpicker {
-moz-appearance: none;