X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fpreferences%2Fin-content%2Fpreferences.css;h=2b6abadf83199529cee87c6971823ab5393f572c;hp=c20013845486f7b1dc038b5bb3fefa039f6eebd8;hb=1b1f3d099d79ff3f7e081b2702a1076c6cd627c4;hpb=39819724e7ccf708c0bb3a149b5f02749ea81c60 diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index c2001384..2b6abadf 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -62,6 +62,16 @@ treecol { min-width: 26px; } +.learnMore { + margin-inline-start: 10px; + font-weight: normal; + white-space: nowrap; +} + +.accessory-button { + min-width: 145px; +} + /* Category List */ #categories { @@ -91,48 +101,21 @@ treecol { list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#general-active"); } -#category-search > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search"); -} - -#category-search:hover > .category-icon, -#category-search[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search-active"); -} - -#category-content > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content"); -} - -#category-content:hover > .category-icon, -#category-content[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content-active"); -} - #category-application > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications"); + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content"); } #category-application:hover > .category-icon, #category-application[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications-active"); + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content-active"); } #category-privacy > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy"); + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security"); } #category-privacy:hover > .category-icon, #category-privacy[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy-active"); -} - -#category-security > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security"); -} - -#category-security:hover > .category-icon, -#category-security[selected] > .category-icon { list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security-active"); } @@ -154,12 +137,24 @@ treecol { list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#advanced-active"); } +#category-search-results > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#searchResults"); +} + +#category-search-results > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#searchResults-active"); +} + @media (max-width: 800px) { .category-name { display: none; } + .help-button { + font-size: 0 !important; + } } + /* header */ .header { @@ -172,11 +167,6 @@ treecol { display: none; } -#header-advanced { - border-bottom: none; - padding-bottom: 0; -} - .indent { margin-top: 7px; margin-bottom: 7px; @@ -234,15 +224,9 @@ treecol { font-weight: bold; } -/* Content pane */ -#playDRMContentLink { - /* Line up with the buttons in the other grid bits: */ - margin-left: 4px !important; - margin-right: 4px !important; -} - -#notificationsPolicyLearnMore { - margin-inline-start: 1.5em !important; +#browserHomePage:-moz-locale-dir(rtl) input { + unicode-bidi: plaintext; + direction: rtl; } #defaultFontSizeLabel { @@ -252,10 +236,6 @@ treecol { /* Applications Pane Styles */ -#applicationsContent { - padding: 15px 0; -} - #filter { margin-inline-start: 0; } @@ -292,14 +272,6 @@ treecol { /* Privacy pane */ -#trackingProtectionPBMLearnMore, -#trackingProtectionLearnMore, -#browserContainersLearnMore { - margin-inline-start: 1.5em !important; - margin-top: 0; - font-weight: normal; -} - .doNotTrackLearnMore { margin-inline-start: calc(1em + 30px); margin-bottom: 1em; @@ -311,14 +283,26 @@ 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, #historyPane:not([selectedIndex="2"]) > #historyCustomPane, -#weavePrefsDeck:not([selectedIndex="1"]) > #hasAccount, -#weavePrefsDeck:not([selectedIndex="2"]) > #needsUpdate, -#weavePrefsDeck:not([selectedIndex="3"]) > #noFxaAccount, -#weavePrefsDeck:not([selectedIndex="4"]) > #hasFxaAccount, +#weavePrefsDeck:not([selectedIndex="1"]) > #hasFxaAccount, #fxaLoginStatus:not([selectedIndex="1"]) > #fxaLoginUnverified, #fxaLoginStatus:not([selectedIndex="2"]) > #fxaLoginRejected { visibility: collapse; @@ -331,9 +315,7 @@ description > html|a { } #noFxaAccount { - /* Overriding the margins from the base preferences.css theme file. - These overrides can be simplified by fixing bug 1027174 */ - margin: 0; + padding-top: 15px; } #weavePrefsDeck > vbox > label, @@ -355,17 +337,6 @@ description > html|a { /* margin-inline-end: 4px; / add the 4px end-margin of other elements */ } -#telemetryLearnMore, -#FHRLearnMore, -#crashReporterLearnMore { - /* provide some margin between the links and the label text */ - /* !important is needed to override the rules defined in common.css */ - margin-inline-start: 20px !important; - /* center the links */ - margin-top: 8px; - margin-bottom: 8px; -} - .indent { /* !important needed to override margin-inline-start:0 !important; rule define in common.css for labels - but not in LCARStrek*/ @@ -449,7 +420,6 @@ description > html|a { #dialogFrame { -moz-box-flex: 1; /* Default dialog dimensions */ - height: 20em; width: 66ch; } @@ -549,8 +519,15 @@ description > html|a { margin-bottom: 11px; } +#verifiedManage:visited { + color: var(--in-content-link-color); +} + .fxaSyncIllustration { margin-top: 35px; + width: 231px; + -moz-context-properties: fill; + fill: #9C9CFF; } #syncOptions caption { @@ -599,12 +576,7 @@ description > html|a { } .fxaAccountBoxButtons > button:first-child { - margin-right: 14px !important; -} - -.fxaSyncIllustration { - width: 231px; - list-style-image: url(chrome://browser/skin/fxa/sync-illustration.png) + margin-inline-end: 14px !important; } #fxaLoginStatus[hasName] #fxaEmailAddress1 { @@ -668,14 +640,92 @@ description > html|a { .iOSLink { background-image: url("chrome://browser/skin/fxa/ios@2x.png"); } - .fxaSyncIllustration { - list-style-image: url(chrome://browser/skin/fxa/sync-illustration@2x.png) - } .fxaFirefoxLogo { list-style-image: url(chrome://browser/skin/fxa/logo@2x.png); } } +#updateDeck > hbox > label { + margin-inline-end: 5px ! important; +} + +.update-throbber { + width: 16px; + min-height: 16px; + margin-inline-end: 3px; + list-style-image: url("chrome://global/skin/icons/loading.png"); +} + +@media (min-resolution: 1.1dppx) { + .update-throbber { + list-style-image: url("chrome://global/skin/icons/loading@2x.png"); + } +} + +.help-button { + position: fixed; + left: 3px; + /* 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: 5px; + padding-inline-start: 25px; + white-space: nowrap; + background-color: var(--in-content-category-background); + width: auto; + padding-inline-end: 10px; + border: 3px solid black; + border-radius: 0 300px 300px 0; +} + +.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; +} + +.help-button:hover { + background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-inverted"); + color: var(--in-content-category-text-selected); + 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; +} + /* === END shared/incontentprefs/preferences.inc.css === */ caption {