first part of syncing LCARStrek with Firefox 49/50 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 468466f874b57d3504fee408a83c27b97918eaf0..b4ca39eba96600f507a4f2db64ec8ef8fd7ad325 100644 (file)
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -213,7 +213,7 @@ treecol {
 
 #useFirefoxSync  {
   font-size: 90%;
-  -moz-margin-end: 8px !important;
+  margin-inline-end: 8px !important;
 }
 
 #getStarted {
@@ -232,12 +232,12 @@ treecol {
 }
 
 #notificationsPolicyLearnMore {
-  -moz-margin-start: 1.5em !important;
+  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 */
@@ -247,7 +247,7 @@ treecol {
 }
 
 #filter {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 #handlersView {
@@ -259,13 +259,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 {
@@ -273,20 +273,21 @@ 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 */
 
-#doNotTrackInfo,
+.doNotTrackLearnMore,
 #trackingProtectionPBMLearnMore,
 #trackingProtectionLearnMore {
-  -moz-margin-start: 1.5em !important;
+  margin-inline-start: 1.5em !important;
   margin-top: 0;
+  font-weight: normal;
 }
 
 /* Collapse the non-active vboxes in decks to use only the height the
@@ -321,8 +322,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 {
@@ -330,7 +331,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,
@@ -338,16 +339,16 @@ 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;
 }
 
 .indent {
-  /* !important needed to override -moz-margin-start:0 !important; rule
+  /* !important needed to override margin-inline-start:0 !important; rule
      define in common.css for labels - but not in LCARStrek*/
-  -moz-margin-start: 33px /*!important*/;
+  margin-inline-start: 33px /*!important*/;
 }
  
 .text-link {
@@ -355,7 +356,11 @@ description > html|a {
 }
 
 #showUpdateHistory {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
+}
+
+#fxaProfileImage {
+  -moz-user-focus: normal;
 }
 
 /**
@@ -388,8 +393,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; */
 }
@@ -454,8 +459,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 {
@@ -684,6 +694,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 {
@@ -697,7 +711,8 @@ description > html|a {
 }
 
 .fxaMobilePromo {
-  margin-bottom: 31px;
+  margin-bottom: 20px;
+  margin-top: 25px;
 }
 
 #fxaLoginRejectedWarning {
@@ -710,9 +725,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 {
@@ -721,15 +749,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 === */
@@ -738,7 +769,7 @@ caption {
 }
 
 .indent-small {
-  -moz-margin-start: 10px;
+  margin-inline-start: 10px;
 }
 
 @media (min-resolution: 2dppx) {