third part of syncing LCARStrek with Firefox 45-48 windows theme changes

[themes.git] / LCARStrek / browser / preferences / in-content / preferences.css

diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
index f070827be9268b0e00a03e7f5a46cae4b99db43b..432b6223c6ddbb5a5d946d45fe84ca6a7faa8dae 100644 (file)
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -282,11 +282,12 @@ treecol {
 
 /* Privacy pane */
 
-#doNotTrackInfo,
+.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
@@ -358,6 +359,10 @@ description > html|a {
   -moz-margin-start: 0;
 }
 
+#fxaProfileImage {
+  -moz-user-focus: normal;
+}
+
 /**
  * Dialog
  */
@@ -447,28 +452,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
  */
@@ -597,46 +580,6 @@ description > html|a {
   background-color: #FFCF00;
 }
 
-#sync-migration-buttons-deck {
-  visibility: collapse;
-}
-
-#learnMoreLink {
-  margin: 0;
-  color: #336699;
-  text-decoration: underline;
-}
-
-#syncStatusMessage[message-type="migration"] #sync-migration-buttons-deck {
-  visibility: visible;
-}
-
-#sync-migration-buttons-deck {
-  margin-top: 20px;
-}
-
-#sync-migration-buttons-deck button {
-  margin: 0 10px 0 0;
-  border: 0;
-  border-radius: 2px;
-}
-
-#sync-migrate-upgrade,
-#sync-migrate-resend {
-/*  background-color: #0095DD;
-  color: #FBFBFB; */
-}
-
-#sync-migrate-upgrade:hover,
-#sync-migrate-resend:hover {
-/*  background-color: #008ACB; */
-}
-
-#sync-migrate-upgrade:hover:active,
-#sync-migrate-resend:hover:active {
-/*  background-color: #006B9D; */
-}
-
 #syncStatusMessageWrapper {
   -moz-box-flex: 1;
   padding-right: 5px;
@@ -657,7 +600,6 @@ description > html|a {
   margin: 0 0 20px;
 }
 
-
 #syncStatusMessageDescription {
   font-size: 14px;
   line-height: 158%;
@@ -760,7 +702,8 @@ description > html|a {
 }
 
 .fxaMobilePromo {
-  margin-bottom: 31px;
+  margin-bottom: 20px;
+  margin-top: 25px;
 }
 
 #fxaLoginRejectedWarning {
@@ -773,9 +716,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 {
@@ -784,6 +740,12 @@ 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)
   }