X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fmozapps%2Fextensions%2Fextensions.css;h=2f50b5b3fa44f6e3f78ced701a4a96ab7e42ca3b;hb=1ad21b1f6b999bccea1c6d768ebbd4bc900479d0;hp=7822365199fd9f7feafeb693b936cf9df643a230;hpb=7729765cff651b4f095a18d7b76fa5b112150216;p=themes.git

diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css
index 78223651..2f50b5b3 100644
--- a/LCARStrek/mozapps/extensions/extensions.css
+++ b/LCARStrek/mozapps/extensions/extensions.css
@@ -19,6 +19,8 @@
 
 .view-pane > .list > scrollbox {
   border-radius: 1em 0 0 0;
+/*  padding-right: 48px;
+  padding-left: 48px; */
 }
 
 #search-list > scrollbox {
@@ -69,7 +71,6 @@
   background-image: none;
 }
 
-
 /*** notification icons ***/
 
 .warning-icon,
@@ -103,7 +104,8 @@
 
 .alert-container {
   -moz-box-align: center;
-  -moz-margin-end: 48px;
+  margin-right: 48px;
+  margin-left: 48px;
 }
 
 .alert-spacer-before {
@@ -135,11 +137,18 @@
 }
 
 .loading {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
   padding-left: 20px;
   padding-right: 20px;
 }
 
+@media (min-resolution: 1.1dppx) {
+  .loading > image {
+    width: 16px;
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+  }
+}
+
 button.warning {
   list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
 }
@@ -174,7 +183,7 @@ button.warning {
   background-color: #E7ADE7;
   padding: 2px 8px;
   margin: 6px 0;
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   border-radius: 100%;
   color: #000000;
   font-weight: bold;
@@ -253,7 +262,7 @@ button.warning {
 
 #header-utils-btn {
   list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
-  -moz-margin-end: 16px;
+  margin-inline-end: 16px;
 }
 
 #header-utils-btn:hover,
@@ -272,8 +281,7 @@ button.warning {
 }
 
 .view-header {
-  margin: 0;
-  -moz-margin-end: 48px;
+  margin: 0 48px;
   background-color: #9C9CFF;
   color: #000000;
   border-radius: 8px;
@@ -301,7 +309,7 @@ button.warning {
 }
 
 #forward-btn {
-  -moz-border-start: none;
+  border-inline-start: none;
 }
 
 #back-btn:-moz-locale-dir(ltr),
@@ -365,7 +373,7 @@ button.warning {
 }
 
 .sorter .button-icon {
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
 }
 
 
@@ -383,7 +391,7 @@ button.warning {
 
 .discover-logo {
   list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
-  -moz-margin-end: 15px;
+  margin-inline-end: 15px;
 }
 
 .discover-title {
@@ -435,7 +443,7 @@ button.warning {
 .details {
   cursor: pointer;
   margin: 0;
-  -moz-margin-start: 10px;
+  margin-inline-start: 10px;
 }
 
 .icon-container {
@@ -453,7 +461,7 @@ button.warning {
 }
 
 .content-inner-container {
-  -moz-margin-end: 5px;
+  margin-inline-end: 5px;
 }
 
 .addon[active="false"] .icon {
@@ -494,7 +502,7 @@ button.warning {
 }
 
 .description-container {
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   -moz-box-align: center;
   font-size: 1.25rem;
 }
@@ -507,7 +515,7 @@ button.warning {
 .pending,
 .error,
 .info {
-  -moz-margin-start: 48px;
+  margin-inline-start: 48px;
   font-weight: bold;
   -moz-box-align: center;
 }
@@ -567,7 +575,7 @@ button.warning {
 
 .addon .relnotes-container {
   -moz-box-align: start;
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   height: 0;
   overflow: hidden;
   opacity: 0;
@@ -596,7 +604,7 @@ button.warning {
 }
 
 .addon .relnotes-toggle > .button-box > .button-icon {
-  -moz-padding-start: 4px;
+  padding-inline-start: 4px;
 }
 
 .addon[show-relnotes] .relnotes-toggle {
@@ -713,6 +721,8 @@ button.warning {
 
 #search-filter {
   padding: 5px 20px;
+/*  margin-right: 48px;
+  margin-left: 48px;*/
   -moz-box-align: center;
   background-color: #000000;
   font-size: 120%;
@@ -723,7 +733,7 @@ button.warning {
 #search-filter-label {
   font-weight: bold;
   color: #FFCF00;
-  -moz-margin-end: 10px;
+  margin-inline-end: 10px;
 }
 
 #search-allresults-link {
@@ -756,12 +766,12 @@ button.warning {
 #detail-notifications .warning,
 #detail-notifications .pending,
 #detail-notifications .error {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 #detail-icon-container {
   width: 64px;
-  -moz-margin-end: 10px;
+  margin-inline-end: 10px;
   margin-top: 6px;
 }
 
@@ -780,22 +790,29 @@ button.warning {
 }
 
 #detail-screenshot-box {
-  -moz-margin-end: 2em;
+  margin-inline-end: 2em;
+/*  background-color: white;*/
 }
 
 
 #detail-screenshot {
   max-width: 300px;
   max-height: 300px;
-/*  background-color: white;*/
 }
 
 #detail-screenshot[loading] {
-  background-image: url("chrome://communicator/skin/brand/throbber-anim.png");
+  background-image: url("chrome://global/skin/icons/loading.png");
   background-position: 50% 50%;
   background-repeat: no-repeat;
 }
 
+@media (min-resolution: 1.1dppx) {
+  #detail-screenshot[loading] {
+    background-image: url("chrome://global/skin/icons/loading@2x.png");
+    background-size: 16px;
+  }
+}
+
 #detail-screenshot[loading="error"] {
   background-image: url("chrome://global/skin/icons/alert-error.gif");
 }
@@ -805,7 +822,7 @@ button.warning {
 }
 
 #detail-desc, #detail-fulldesc {
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   white-space: pre-wrap;
   /* This is necessary to fix layout issues with multi-line descriptions, see
      bug 592712*/
@@ -841,7 +858,7 @@ button.warning {
 }
 
 #detail-contrib-btn .button-icon {
-  -moz-margin-end: 3px;
+  margin-inline-end: 3px;
 }
 
 #detail-grid {
@@ -890,7 +907,7 @@ setting {
   font-size: 90.9%;
   color: #808080;
   margin-top: -2px;
-  -moz-margin-start: 2em;
+  margin-inline-start: 2em;
   white-space: pre-wrap;
 }
 
@@ -905,7 +922,7 @@ setting[type="radio"] > radiogroup {
 /*** creator ***/
 
 .creator > label {
-  -moz-margin-end: 0;
+  margin-inline-end: 0;
 }
 
 .creator > .text-link {
@@ -917,7 +934,7 @@ setting[type="radio"] > radiogroup {
 /*** rating ***/
 
 .meta-rating {
-  -moz-margin-end: 0;
+  margin-inline-end: 0;
   padding-top: 2px;
 }
 
@@ -1001,7 +1018,7 @@ setting[type="radio"] > radiogroup {
 }
 
 .download-progress .cancel .button-icon {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 .download-progress .cancel {
@@ -1102,7 +1119,7 @@ button.button-link:not([disabled="true"]):active:hover {
 
 #disabled-unsigned-addons-info {
   margin-bottom: 2em;
-  -moz-margin-end: 48px;
+  margin-inline-end: 48px;
 }
 
 #disabled-unsigned-addons-heading {