first part of syncing LCARStrek with Firefox 52 browser windows theme changes
[themes.git] / LCARStrek / browser / preferences / in-content / preferences.css
index 14169fc57402e3150ebe15d538203c6cc8169c45..c20013845486f7b1dc038b5bb3fefa039f6eebd8 100644 (file)
@@ -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 */
 
@@ -141,6 +162,16 @@ treecol {
 
 /* header */
 
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.header[hidden=true] {
+  display: none;
+}
+
 #header-advanced {
   border-bottom: none;
   padding-bottom: 0;
@@ -192,7 +223,7 @@ treecol {
 
 #useFirefoxSync  {
   font-size: 90%;
-  -moz-margin-end: 8px !important;
+  margin-inline-end: 8px !important;
 }
 
 #getStarted {
@@ -210,9 +241,13 @@ treecol {
   margin-right: 4px !important;
 }
 
+#notificationsPolicyLearnMore {
+  margin-inline-start: 1.5em !important;
+}
+
 #defaultFontSizeLabel {
   /* !important needed to override common !important rule */
-  -moz-margin-start: 4px !important;
+  margin-inline-start: 4px !important;
 }
 
 /* Applications Pane Styles */
@@ -222,7 +257,7 @@ treecol {
 }
 
 #filter {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 #handlersView {
@@ -234,13 +269,13 @@ treecol {
 }
 
 .typeIcon {
-  -moz-margin-start: 10px !important;
-  -moz-margin-end: 9px !important;
+  margin-inline-start: 10px !important;
+  margin-inline-end: 9px !important;
 }
 
 .actionIcon {
-  -moz-margin-start: 11px !important;
-  -moz-margin-end: 8px !important;
+  margin-inline-start: 11px !important;
+  margin-inline-end: 8px !important;
 }
 
 .actionsMenu {
@@ -248,11 +283,32 @@ treecol {
 }
 
 .actionsMenu > menupopup > menuitem {
-  -moz-padding-start: 10px !important;
+  padding-inline-start: 10px !important;
 }
 
 .actionsMenu > menupopup > menuitem > .menu-iconic-left {
-  -moz-margin-end: 8px !important;
+  margin-inline-end: 8px !important;
+}
+
+/* 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;
+  font-weight: normal;
+}
+
+.doNotTrackLearnMore > label {
+  font-size: 1em !important;
+  margin-left: 0;
 }
 
 /* Collapse the non-active vboxes in decks to use only the height the
@@ -287,8 +343,8 @@ description > html|a {
 #weavePrefsDeck > #needsUpdate > hbox > #loginError,
 #weavePrefsDeck > #hasFxaAccount > vbox > label,
 #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label {
-  /* no margin-start for elements at the begin of a line */
-  -moz-margin-start: 0;
+  /* no margin-inline-start for elements at the begin of a line */
+  margin-inline-start: 0;
 }
 
 #advancedPrefs {
@@ -296,7 +352,7 @@ description > html|a {
 }
 
 #tabsElement {
-/*  -moz-margin-end: 4px; / add the 4px end-margin of other elements */
+/*  margin-inline-end: 4px; / add the 4px end-margin of other elements */
 }
 
 #telemetryLearnMore,
@@ -304,26 +360,28 @@ description > html|a {
 #crashReporterLearnMore {
   /* provide some margin between the links and the label text */
   /* !important is needed to override the rules defined in common.css */
-  -moz-margin-start: 20px !important;
+  margin-inline-start: 20px !important;
   /* center the links */
   margin-top: 8px;
   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 margin-inline-start:0 !important; rule
+     define in common.css for labels - but not in LCARStrek*/
+  margin-inline-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;
+  margin-inline-start: 0;
+}
+
+#fxaProfileImage {
+  -moz-user-focus: normal;
 }
 
 /**
@@ -356,8 +414,8 @@ description > html|a {
 }
 
 #dialogBox > .groupbox-title {
-  -moz-margin-start: 0;
-  -moz-margin-end: 0;
+  margin-inline-start: 0;
+  margin-inline-end: 0;
 /*  padding: 3.5px 0;
   background-color: #F1F1F1; */
 }
@@ -415,28 +473,6 @@ description > html|a {
   min-width: 30ch;
 }
 
-/**
- * Sync migration
- */
-#sync-migrate-upgrade-description {
-  /* description elts need a min-width to wrap correctly - bug 630864? */
-  min-width: 100px
-}
-
-#sync-migration {
-  border: 1px solid #9C9CFF;
-  background-color: #000000;
-  color: #A09090;
-  text-shadow: none;
-  margin: 5px 0 0 0;
-  animation: fadein 3000ms;
-}
-
-@keyframes fadein {
-  from { opacity: 0; }
-  to   { opacity: 1; }
-}
-
 /**
  * Sync
  */
@@ -444,8 +480,13 @@ description > html|a {
 #fxaProfileImage {
   max-width: 60px;
   border-radius: 50%;
-  list-style-image: url(chrome://browser/skin/fxa/default-avatar.png);
+  list-style-image: url(chrome://browser/skin/fxa/default-avatar.svg);
   margin-inline-end: 15px;
+  image-rendering: -moz-crisp-edges;
+}
+
+#fxaLoginStatus[hasName] #fxaProfileImage {
+  max-width: 80px;
 }
 
 #fxaProfileImage.actionable {
@@ -453,9 +494,11 @@ description > html|a {
 }
 
 #fxaProfileImage.actionable:hover {
+  box-shadow: 0px 0px 0px 1px #FFCF00;
 }
 
 #fxaProfileImage.actionable:hover:active {
+  box-shadow: 0px 0px 0px 1px #FF9F00;
 }
 
 #noFxaAccount {
@@ -483,61 +526,6 @@ description > html|a {
   -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;
-}
-
-#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;
-}
-
 #fxaSyncEngines > vbox:first-child {
   margin-right: 80px;
 }
@@ -548,7 +536,12 @@ description > html|a {
 }
 
 #tosPP-small-ToS {
-  margin-bottom: 14px;
+  margin-bottom: 1em;
+}
+
+#fxaLoginRejectedWarning {
+  list-style-image: url("chrome://browser/skin/warning.svg");
+  margin: 4px 8px 0px 0px;
 }
 
 #noFxaCaption {
@@ -564,8 +557,8 @@ description > html|a {
   margin-bottom: 11px;
 }
 
-#fxaDeviceName {
-  margin-bottom: 27.5px;
+#fxaSyncComputerName {
+  margin-left: 0px;
 }
 
 #noFxaDescription {
@@ -589,6 +582,8 @@ description > html|a {
 .fxaAccountBoxButtons {
   margin-bottom: 0 !important;
   margin-top: 11px;
+  display: flex;
+  align-items: center;
 }
 
 .fxaAccountBoxButtons > * {
@@ -612,6 +607,10 @@ description > html|a {
   list-style-image: url(chrome://browser/skin/fxa/sync-illustration.png)
 }
 
+#fxaLoginStatus[hasName] #fxaEmailAddress1 {
+  font-size: 1.1rem;
+}
+
 #fxaEmailAddress1,
 #fxaEmailAddress2,
 #fxaEmailAddress3 {
@@ -625,7 +624,8 @@ description > html|a {
 }
 
 .fxaMobilePromo {
-  margin-bottom: 31px;
+  margin-bottom: 20px;
+  margin-top: 25px;
 }
 
 #fxaLoginRejectedWarning {
@@ -638,9 +638,22 @@ description > html|a {
   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;
+  margin: 0 0 0 2px;
+  padding-left: 28px;
+  padding-top: 6px;
+  height: 28px;
+  background-repeat: no-repeat;
+  background-size: 24px 28px;
 }
 
 #tosPP-small {
@@ -649,15 +662,18 @@ description > html|a {
 }
 
 @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 === */
@@ -666,7 +682,7 @@ caption {
 }
 
 .indent-small {
-  -moz-margin-start: 10px;
+  margin-inline-start: 10px;
 }
 
 @media (min-resolution: 2dppx) {