X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fpreferences%2Fin-content%2Fpreferences.css;h=432b6223c6ddbb5a5d946d45fe84ca6a7faa8dae;hp=9bdbfe74610109ddd4877825309479367ca0d4bc;hb=7327c957c10aeaccf57a457a9950ac380a326f29;hpb=b336389b03be6c31afa4a33a56b2650dfd950dcb diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index 9bdbfe74..432b6223 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -2,7 +2,7 @@ - License, v. 2.0. If a copy of the MPL was not distributed with this file, - You can obtain one at http://mozilla.org/MPL/2.0/. */ -/* === BEGIN shared/in-content/preferences.css === */ +/* === BEGIN shared/incontentprefs/preferences.inc.css === */ @namespace html "http://www.w3.org/1999/xhtml"; @@ -40,6 +40,27 @@ treecol { /* override the * rule */ -moz-user-select: none; } +/* +#engineList treechildren::-moz-tree-image(engineShown, checked), +#blocklistsTree treechildren::-moz-tree-image(selectionCol, checked) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check"); + width: 21px; + height: 21px; +} + +#engineList treechildren::-moz-tree-image(engineShown, checked, selected), +#blocklistsTree treechildren::-moz-tree-image(selectionCol, checked, selected) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check-inverted"); +} + +#engineList treechildren::-moz-tree-row, +#blocklistsTree treechildren::-moz-tree-row { + min-height: 36px; +} +*/ +#selectionCol { + min-width: 26px; +} /* Category List */ @@ -210,6 +231,10 @@ treecol { margin-right: 4px !important; } +#notificationsPolicyLearnMore { + -moz-margin-start: 1.5em !important; +} + #defaultFontSizeLabel { /* !important needed to override common !important rule */ -moz-margin-start: 4px !important; @@ -255,15 +280,24 @@ treecol { -moz-margin-end: 8px !important; } +/* Privacy pane */ + +.doNotTrackLearnMore, +#trackingProtectionPBMLearnMore, +#trackingProtectionLearnMore { + -moz-margin-start: 1.5em !important; + margin-top: 0; + font-weight: normal; +} + /* 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"]) > #fxaDeterminingStatus, -#weavePrefsDeck:not([selectedIndex="4"]) > #noFxaAccount, -#weavePrefsDeck:not([selectedIndex="5"]) > #hasFxaAccount, +#weavePrefsDeck:not([selectedIndex="3"]) > #noFxaAccount, +#weavePrefsDeck:not([selectedIndex="4"]) > #hasFxaAccount, #fxaLoginStatus:not([selectedIndex="1"]) > #fxaLoginUnverified, #fxaLoginStatus:not([selectedIndex="2"]) > #fxaLoginRejected { visibility: collapse; @@ -311,22 +345,24 @@ description > html|a { margin-bottom: 8px; } -#trackingProtectionImage { - width: 16px; - height: 16px; - list-style-image: url("chrome://browser/skin/bad-content-blocked-16.png"); +.indent { + /* !important needed to override -moz-margin-start:0 !important; rule + define in common.css for labels - but not in LCARStrek*/ + -moz-margin-start: 33px /*!important*/; } - -@media (min-resolution: 2dppx) { - #trackingProtectionImage { - list-style-image: url("chrome://browser/skin/bad-content-blocked-16@2x.png"); - } + +.text-link { + margin-bottom: 0; } #showUpdateHistory { -moz-margin-start: 0; } +#fxaProfileImage { + -moz-user-focus: normal; +} + /** * Dialog */ @@ -372,9 +408,10 @@ description > html|a { background-color: transparent !important; border: none; box-shadow: none; - height: 18px; padding: 0; - min-width: 18px; + height: auto; + min-height: 16px; + min-width: 0; } #dialogBox > .groupbox-title > caption { @@ -416,41 +453,311 @@ description > html|a { } /** - * Sync migration + * Sync */ -#sync-migrate-upgrade-description { - /* description elts need a min-width to wrap correctly - bug 630864? */ - min-width: 100px + +#fxaProfileImage { + max-width: 60px; + border-radius: 50%; + list-style-image: url(chrome://browser/skin/fxa/default-avatar.png); + margin-inline-end: 15px; } -#sync-migration { - border: 1px solid #9C9CFF; - background-color: #000000; - color: #A09090; - text-shadow: none; - margin: 5px 0 0 0; - animation: fadein 3000ms; +#fxaProfileImage.actionable { + cursor: pointer; } -@keyframes fadein { - from { opacity: 0; } - to { opacity: 1; } +#fxaProfileImage.actionable:hover { + box-shadow: 0px 0px 0px 1px #FFCF00; } -/** - * Sync - */ +#fxaProfileImage.actionable:hover:active { + box-shadow: 0px 0px 0px 1px #FF9F00; +} + +#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; +} + +#fxaContentWrapper { + -moz-box-flex: 1; +} -#fxaDeviceName { - margin: 14px 0px; +#noFxaGroup { + -moz-box-flex: 1; + margin: 0; } -#fxaSyncComputerName.plain { - background-color: transparent; +#fxaContentWrapper { + padding-right: 15px; +} + +#noFxaGroup > vbox, +#fxaGroup { + -moz-box-align: start; +} + +#syncStatusMessage { + visibility: collapse; + opacity: 0; + transition: opacity 1s linear; + padding: 14px 8px 14px 14px; + border-radius: 2px; +} + +#syncStatusMessage[message-type] { + visibility: visible; opacity: 1; } -/* === END shared/in-content/preferences.css === */ +#syncStatusMessage[message-type="verify-success"] { + background-color: #008484; +} + +#syncStatusMessage[message-type="verify-error"] { + background-color: #FF0000; +} + +#syncStatusMessage[message-type="migration"] { + background-color: #FF9F00; +} + +#syncStatusMessageWrapper { + -moz-box-flex: 1; + padding-right: 5px; +} + +#syncStatusMessageTitle, #syncStatusMessageDescription { + color: #9C9CFF; +} + +#syncStatusMessage[message-type="migration"] #syncStatusMessageTitle { + display: none; +} + +#syncStatusMessageTitle { + font-weight: bold !important; + font-size: 16px; + line-height: 157%; + margin: 0 0 20px; +} + +#syncStatusMessageDescription { + font-size: 14px; + line-height: 158%; + margin: 0 !important; +} + +#syncStatusMessageClose { + margin: 0px; +} + +#syncStatusMessage { + visibility: collapse; + opacity: 0; + transition: opacity 1s linear; + padding: 14px 8px 14px 14px; + border-radius: 2px; +} + +#syncStatusMessage[message-type] { + visibility: visible; + opacity: 1; +} + +#syncStatusMessage[message-type="verify-success"] { + background-color: #008484; +} + +#syncStatusMessage[message-type="verify-error"] { + background-color: #FF0000; +} + +#syncStatusMessage[message-type="migration"] { + background-color: #FFCF00; +} + +#syncStatusMessageWrapper { + -moz-box-flex: 1; + padding-right: 5px; +} + +#syncStatusMessageTitle, #syncStatusMessageDescription { + color: #A09090; +} + +#syncStatusMessage[message-type="migration"] #syncStatusMessageTitle { + display: none; +} + +#syncStatusMessageTitle { + font-weight: bold !important; + font-size: 16px; + line-height: 157%; + margin: 0 0 20px; +} + +#syncStatusMessageDescription { + font-size: 14px; + line-height: 158%; + margin: 0 !important; +} + +#syncStatusMessageClose { + margin: 0px; +} + +#fxaSyncEngines > vbox:first-child { + margin-right: 80px; +} + +#fxaSyncComputerName { + margin-inline-start: 0px; + -moz-box-flex: 1; +} + +#tosPP-small-ToS { + margin-bottom: 1em; +} + +#fxaLoginRejectedWarning { + list-style-image: url("chrome://browser/skin/warning.svg"); + margin: 4px 8px 0px 0px; +} + +#noFxaCaption { + font-weight: bold; + margin-bottom: 11px; +} + +.fxaSyncIllustration { + margin-top: 35px; +} + +#syncOptions caption { + margin-bottom: 11px; +} + +#fxaSyncComputerName { + margin-left: 0px; +} + +#noFxaDescription { + margin-bottom: 20px !important; +} + +.separator { + border-bottom: 1px solid var(--in-content-header-border-color); +} + +.fxaAccountBox { + border: 1px solid #A09090; + border-radius: 5px; + padding: 14px 20px 14px 14px; +} + +#signedOutAccountBoxTitle { + font-weight: bold; +} + +.fxaAccountBoxButtons { + margin-bottom: 0 !important; + margin-top: 11px; +} + +.fxaAccountBoxButtons > * { + -moz-box-flex: 1; +} + +.fxaAccountBoxButtons > button { + text-align: center; + padding-left: 11px; + padding-right: 11px; + margin: 0; + min-width: 0; +} + +.fxaAccountBoxButtons > button:first-child { + margin-right: 14px !important; +} + +.fxaSyncIllustration { + width: 231px; + list-style-image: url(chrome://browser/skin/fxa/sync-illustration.png) +} + +#fxaEmailAddress1, +#fxaEmailAddress2, +#fxaEmailAddress3 { + word-break: break-all; +} + +.fxaFirefoxLogo { + list-style-image: url(chrome://browser/skin/fxa/logo.png); + max-width: 64px; + margin-inline-end: 14px; +} + +.fxaMobilePromo { + margin-bottom: 20px; + margin-top: 25px; +} + +#fxaLoginRejectedWarning { + list-style-image: url(chrome://browser/skin/warning.svg); + filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15)); + margin: 4px 8px 0px 0px; +} + +#syncOptions { + margin-bottom: 27.5px; +} + +.androidLink { + background-image: url("chrome://browser/skin/fxa/android.png"); +} + +.iOSLink { + background-image: url("chrome://browser/skin/fxa/ios.png"); +} + +.androidLink, +.iOSLink { + margin: 0 0 0 2px; + padding-left: 28px; + padding-top: 6px; + height: 28px; + background-repeat: no-repeat; + background-size: 24px 28px; +} + +#tosPP-small { + margin-top: 20px; + margin-bottom: 20px; +} + +@media (min-resolution: 1.1dppx) { + .androidLink { + background-image: url("chrome://browser/skin/fxa/android@2x.png"); + } + .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); + } + #fxaProfileImage { + list-style-image: url(chrome://browser/skin/fxa/default-avatar@2x.png); + } +} + +/* === END shared/incontentprefs/preferences.inc.css === */ caption { }