first part of syncing LCARStrek with Firefox 49/50 windows theme changes

[themes.git] / LCARStrek / browser / syncedtabs / sidebar.css

diff --git a/LCARStrek/browser/syncedtabs/sidebar.css b/LCARStrek/browser/syncedtabs/sidebar.css
index 02ccb6ef514a3bf9d98d0d8bea4e3f3bf571a06a..0e41f1cf4e43bb7a813e785f88bd0c486d115b62 100644 (file)
--- a/LCARStrek/browser/syncedtabs/sidebar.css
+++ b/LCARStrek/browser/syncedtabs/sidebar.css
@@ -91,6 +91,24 @@ body {
   padding-inline-start: 20px;
 }
 
+.item.client.device-image-desktop.selected > .item-title-container > .item-icon-container {
+  background-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon-inverted");
+}
+
+.item.client.device-image-desktop:not(.selected) > .item-title-container > .item-icon-container,
+.item.client.device-image-desktop.selected > .item-title-container > .item-icon-container:-moz-window-inactive {
+  background-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon");
+}
+
+.item.client.device-image-mobile.selected > .item-title-container > .item-icon-container {
+  background-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon-inverted");
+}
+
+.item.client.device-image-mobile:not(.selected) > .item-title-container > .item-icon-container,
+.item.client.device-image-mobile.selected > .item-title-container > .item-icon-container:-moz-window-inactive {
+  background-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon");
+}
+
 .item.tab > .item-title-container > .item-icon-container {
   background-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 }
@@ -128,6 +146,7 @@ body {
   text-overflow: ellipsis;
   margin: 0px;
   line-height: 1.3;
+  cursor: default;
 }
 
 .item[hidden] {
@@ -227,7 +246,7 @@ html {
 }
 
 .item {
-  -moz-padding-end: 0;
+  padding-inline-end: 0;
 }
 
 .item-title {
@@ -235,7 +254,7 @@ html {
 }
 
 .item-title {
-  -moz-margin-end: 6px;
+  margin-inline-end: 6px;
 }
 
 .search-box {
@@ -243,7 +262,7 @@ html {
   cursor: text;
   margin: 2px 4px;
   padding: 2px 2px 3px;
-  -moz-padding-start: 4px;
+  padding-inline-start: 4px;
   color: #E7ADE7;
   border: 1px solid #9C9CFF;
 }
@@ -313,7 +332,7 @@ html {
   background-repeat: no-repeat;
   background-position: center;
   padding-top: 5px;
-  width: 9px; /* The image's width is 9 pixels */
+  max-width: 9px; /* The image's width is 9 pixels */
   height: 9px;
 }
 
@@ -333,18 +352,18 @@ html {
   background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover");
 }
 
-.item.client .item-twisty-container:-moz-dir(rtl) {
+.item.client .item-twisty-container:dir(rtl) {
   background-image: url("chrome://global/skin/tree/twisty.svg#open-rtl");
 }
 
-.item.client.closed .item-twisty-container:-moz-dir(rtl) {
+.item.client.closed .item-twisty-container:dir(rtl) {
   background-image: url("chrome://global/skin/tree/twisty.svg#clsd-rtl");
 }
 
-.item.client .item-twisty-container:hover:-moz-dir(rtl) {
+.item.client .item-twisty-container:hover:dir(rtl) {
   background-image: url("chrome://global/skin/tree/twisty.svg#open-hover-rtl");
 }
 
-.item.client.closed .item-twisty-container:hover:-moz-dir(rtl) {
+.item.client.closed .item-twisty-container:hover:dir(rtl) {
   background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover-rtl");
 }