X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fpreferences%2Fin-content-new%2Fpreferences.css;fp=LCARStrek%2Fbrowser%2Fpreferences%2Fin-content-old%2Fpreferences.css;h=07f97e33739771a0726e14abc34529df3a03c238;hp=68a025be3c485357c8e15c4095112c0e1917140b;hb=9a225e4b44ec04c62ddff63f06c913d67e705711;hpb=07296beb54b9f42727fbce3473d76c6e3f7cf173 diff --git a/LCARStrek/browser/preferences/in-content-old/preferences.css b/LCARStrek/browser/preferences/in-content-new/preferences.css similarity index 87% rename from LCARStrek/browser/preferences/in-content-old/preferences.css rename to LCARStrek/browser/preferences/in-content-new/preferences.css index 68a025be..07f97e33 100644 --- a/LCARStrek/browser/preferences/in-content-old/preferences.css +++ b/LCARStrek/browser/preferences/in-content-new/preferences.css @@ -68,6 +68,10 @@ treecol { white-space: nowrap; } +.accessory-button { + min-width: 145px; +} + /* Category List */ #categories { @@ -89,75 +93,56 @@ treecol { } #category-general > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#general"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#general"); } #category-general:hover > .category-icon, #category-general[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#general-active"); -} - -#category-search > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#search"); -} - -#category-search:hover > .category-icon, -#category-search[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#search-active"); -} - -#category-content > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#content"); -} - -#category-content:hover > .category-icon, -#category-content[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#content-active"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#general-active"); } #category-application > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#applications"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#content"); } #category-application:hover > .category-icon, #category-application[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#applications-active"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#content-active"); } #category-privacy > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#privacy"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#security"); } #category-privacy:hover > .category-icon, #category-privacy[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#privacy-active"); -} - -#category-security > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#security"); -} - -#category-security:hover > .category-icon, -#category-security[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#security-active"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#security-active"); } #category-sync > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#sync"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#sync"); } #category-sync:hover > .category-icon, #category-sync[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#sync-active"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#sync-active"); } #category-advanced > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#advanced"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#advanced"); } #category-advanced:hover > .category-icon, #category-advanced[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#advanced-active"); + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#advanced-active"); +} + +#category-search-results > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#searchResults"); +} + +#category-search-results > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#searchResults-active"); } @media (max-width: 800px) { @@ -182,11 +167,6 @@ treecol { display: none; } -#header-advanced { - border-bottom: none; - padding-bottom: 0; -} - .indent { margin-top: 7px; margin-bottom: 7px; @@ -249,7 +229,6 @@ treecol { direction: rtl; } -/* Content pane */ #defaultFontSizeLabel { /* !important needed to override common !important rule */ margin-inline-start: 4px !important; @@ -257,10 +236,6 @@ treecol { /* Applications Pane Styles */ -#applicationsContent { - padding: 15px 0; -} - #filter { margin-inline-start: 0; } @@ -308,6 +283,21 @@ treecol { margin-left: 0; } +/* This learn-more link is inserted at the end of a + xul:description element so it should behave like normal text. */ +#trackingProtectionLearnMore { + white-space: normal; + margin-inline-start: 0; +} + +#trackingProtectionAdvancedSettings { + margin-inline-start: 15px; +} + +#crashReporterGroup { + margin-top: 0; +} + /* Collapse the non-active vboxes in decks to use only the height the active vbox needs */ #historyPane:not([selectedIndex="1"]) > #historyDontRememberPane, @@ -369,12 +359,15 @@ description > html|a { * Dialog */ -#dialogOverlay { - background-color: rgba(0,0,0,0.75); +.dialogOverlay { visibility: hidden; } -#dialogBox { +.dialogOverlay[topmost="true"] { + background-color: rgba(0,0,0,0.75); +} + +.dialogBox { background-color: #000000; background-clip: content-box; color: #FF9F00; @@ -387,21 +380,21 @@ description > html|a { padding-left: 6px; } -#dialogBox[resizable="true"] { +.dialogBox[resizable="true"] { resize: both; overflow: hidden; min-height: 20em; min-width: 66ch; } -#dialogBox > .groupbox-title { +.dialogBox > .groupbox-title { margin-inline-start: 0; margin-inline-end: 0; /* padding: 3.5px 0; background-color: #F1F1F1; */ } -#dialogTitle { +.dialogTitle { text-align: center; -moz-user-select: none; } @@ -416,18 +409,18 @@ description > html|a { min-width: 0; } -#dialogBox > .groupbox-title > caption { +.dialogBox > .groupbox-title > caption { margin: 0; border-radius: 1000px; background-color: #A09090; } -#dialogBox > .groupbox-body { +.dialogBox > .groupbox-body { -moz-appearance: none; padding: 0; } -#dialogFrame { +.dialogFrame { -moz-box-flex: 1; /* Default dialog dimensions */ width: 66ch; @@ -709,6 +702,53 @@ description > html|a { background-color: var(--in-content-category-background-hover); border-color: var(--in-content-category-background-hover); } +.help-button { + position: fixed; + left: 0; + + /* Needs to have enough gap from the bottom to not + get behind the status panel (bug 1357841). */ + bottom: 2rem; + font-size: 13px; + line-height: 13px; + height: 14px; + background-position: 15px; + padding-inline-start: 35px; + white-space: nowrap; +} + +.help-button:-moz-locale-dir(rtl) { + left: auto; + right: 0; + background-position: right 15px top 0; +} + +.help-button:link, +.help-button:visited { + color: var(--in-content-category-text); + text-decoration: none; +} + +.search-tooltip { + position: absolute; + pointer-events: none; + padding: 0 10px; + bottom: 100%; + background-color: #000000; +} + +.search-tooltip::before { + position: absolute; + content: ""; + border: 6px solid transparent; + border-top-color: #FFCF00; + top: 100%; + offset-inline-start: calc(50% - 6px); +} + +.search-tooltip-parent { + position: relative; +} /* === END shared/incontentprefs/preferences.inc.css === */