projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
make both Nightly devtools and 48/49 devtools work well
[themes.git]
/
LCARStrek
/
global
/
in-content
/
common.css
diff --git
a/LCARStrek/global/in-content/common.css
b/LCARStrek/global/in-content/common.css
index 95e1c3f4760b6e79b4257fb5268fb262fa12bffa..d5d5821a4deab57342156c646ac31bd6180cfe63 100644
(file)
--- a/
LCARStrek/global/in-content/common.css
+++ b/
LCARStrek/global/in-content/common.css
@@
-43,9
+43,6
@@
--in-content-primary-button-background-active: #FF9F00;
--in-content-table-border-dark-color: #9C9CFF;
--in-content-table-header-background: #A09090;
--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;
}
--in-content-disabled-text: #8050B0;
}
@@
-131,7
+128,7
@@
xul|groupbox {
font-size: 1.25rem;
}
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;
xul|groupbox xul|description {
/ !important needed to override toolkit !important rule /
-moz-margin-start: 0 !important;
@@
-238,7
+235,6
@@
html|button:disabled,
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"] {
- cursor: not-allowed;
background-color: var(--in-content-box-background-disabled);
color: var(--in-content-selected-text);
}
background-color: var(--in-content-box-background-disabled);
color: var(--in-content-selected-text);
}
@@
-287,10
+283,9
@@
xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
*/
xul|*.help-button {
/*
*/
xul|*.help-button {
/*
- min-width:
30
px;
-
border-radius: 2px
;
+ min-width:
16
px;
+
margin-inline-end: 0
;
border-width: 0;
border-width: 0;
- background-color: #ffcb00;
background-image: none;
box-shadow: none;
*/
background-image: none;
box-shadow: none;
*/
@@
-298,13
+293,16
@@
xul|*.help-button {
}
/*
xul|*.help-button:not([disabled="true"]):hover {
}
/*
xul|*.help-button:not([disabled="true"]):hover {
- background-color: #f4c200;
background-image: none;
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 {
xul|*.help-button:not([disabled="true"]):hover:active {
- background-color: #eaba00;
background-image: none;
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|*.close-icon > xul|*.button-box,
@@
-316,8
+314,8
@@
xul|*.help-button > xul|*.button-box {
}
*/
xul|*.help-button > xul|*.button-box > xul|*.button-icon {
}
*/
xul|*.help-button > xul|*.button-box > xul|*.button-icon {
- width: 1
8
px;
- height: 1
8
px;
+ width: 1
6
px;
+ height: 1
6
px;
}
xul|*.help-button > xul|*.button-box > xul|*.button-text {
}
xul|*.help-button > xul|*.button-box > xul|*.button-text {
@@
-440,11
+438,7
@@
html|input[type="text"],
html|textarea,
xul|textbox {
-moz-appearance: none;
html|textarea,
xul|textbox {
-moz-appearance: none;
- height: 30px;
color: var(--in-content-text-color);
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;
border: 1px solid var(--in-content-box-border-color);
-moz-border-top-colors: none !important;
-moz-border-right-colors: none !important;
@@
-509,12
+503,14
@@
html|a:hover:active,
/* Checkboxes and radio buttons */
/* Hide the actual checkbox */
html|input[type="checkbox"] {
/* Checkboxes and radio buttons */
/* Hide the actual checkbox */
html|input[type="checkbox"] {
- visibility: hidden;
+ opacity: 0;
+ width: 0;
+ pointer-events: none;
position: absolute;
}
/* Create a box to style as the checkbox */
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;
display: inline-block;
content: "";
vertical-align: middle;
@@
-529,7
+525,7
@@
xul|checkbox {
}
*/
/* xul|*.checkbox-check, */
}
*/
/* xul|*.checkbox-check, */
-html|input[type="checkbox"] + html|label:before {
+html|input[type="checkbox"] + html|label:
:
before {
-moz-appearance: none;
width: 23px;
height: 23px;
-moz-appearance: none;
width: 23px;
height: 23px;
@@
-542,7
+538,7
@@
html|input[type="checkbox"] + html|label:before {
}
/* xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check, */
}
/* 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 {
border-color: var(--in-content-border-focus);
}
html|input[type="checkbox"]:not(:disabled) + html|label:hover {
@@
-555,18
+551,18
@@
xul|*.checkbox-check[checked] {
linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
}
*/
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,*/
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");
}
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");
}
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 {
border-color: var(--in-content-border-disabled);
}
html|input[type="checkbox"]:disabled + html|label {
@@
-641,7
+637,8
@@
xul|*.radio-label-box {
color: var(--in-content-category-text-selected);
}
color: var(--in-content-category-text-selected);
}
-*|*.category[selected] {
+*|*.category[selected],
+*|*.category.selected {
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);
}
@@
-672,6
+669,7
@@
xul|*.radio-label-box {
border-bottom: 1px solid var(--in-content-header-border-color);
margin-bottom: 15px;
padding-bottom: 15px; */
border-bottom: 1px solid var(--in-content-header-border-color);
margin-bottom: 15px;
padding-bottom: 15px; */
+ -moz-box-align: baseline;
}
*|*.header-name {
}
*|*.header-name {
@@
-794,6
+792,10
@@
xul|treecols {
padding: 0;
}
padding: 0;
}
+.autocomplete-tree > xul|treecols {
+ border-bottom: none !important;
+}
+
xul|treecol:not([hideheader="true"]),
xul|treecolpicker {
-moz-appearance: none;
xul|treecol:not([hideheader="true"]),
xul|treecolpicker {
-moz-appearance: none;