X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fin-content%2Fcommon.css;h=d5d5821a4deab57342156c646ac31bd6180cfe63;hp=17aecf568d89f9eb1913521d3b845ff8d359fca6;hb=1e9e1791d430ae539727c01da67e7dbbf3adfa18;hpb=d471380e99d65fcd126e0f04b94c1d3a8004cf3d diff --git a/LCARStrek/global/in-content/common.css b/LCARStrek/global/in-content/common.css index 17aecf56..d5d5821a 100644 --- a/LCARStrek/global/in-content/common.css +++ b/LCARStrek/global/in-content/common.css @@ -43,11 +43,30 @@ --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; } + +@-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 { @@ -109,7 +128,7 @@ xul|groupbox { 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; @@ -216,7 +235,6 @@ html|button:disabled, 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); } @@ -265,10 +283,9 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { */ 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; */ @@ -276,13 +293,16 @@ xul|*.help-button { } /* 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, @@ -294,8 +314,8 @@ xul|*.help-button > 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 { @@ -418,11 +438,7 @@ 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; @@ -487,12 +503,14 @@ html|a:hover:active, /* 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 */ -html|input[type="checkbox"] + html|label:before { +html|input[type="checkbox"] + html|label::before { display: inline-block; content: ""; vertical-align: middle; @@ -507,7 +525,7 @@ xul|checkbox { } */ /* xul|*.checkbox-check, */ -html|input[type="checkbox"] + html|label:before { +html|input[type="checkbox"] + html|label::before { -moz-appearance: none; width: 23px; height: 23px; @@ -520,7 +538,7 @@ html|input[type="checkbox"] + html|label:before { } /* 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 { @@ -533,18 +551,18 @@ xul|*.checkbox-check[checked] { 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 { @@ -619,7 +637,8 @@ xul|*.radio-label-box { 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); } @@ -650,6 +669,7 @@ xul|*.radio-label-box { border-bottom: 1px solid var(--in-content-header-border-color); margin-bottom: 15px; padding-bottom: 15px; */ + -moz-box-align: baseline; } *|*.header-name { @@ -772,6 +792,10 @@ xul|treecols { padding: 0; } +.autocomplete-tree > xul|treecols { + border-bottom: none !important; +} + xul|treecol:not([hideheader="true"]), xul|treecolpicker { -moz-appearance: none;