fifth and last part of syncing LCARStrek with Firefox 45-48 windows theme changes

diff --git a/LCARStrek/browser/Privacy-16.png b/LCARStrek/browser/Privacy-16.png
deleted file mode 100644 (file)
index f4d8589..0000000
Binary files a/LCARStrek/browser/Privacy-16.png and /dev/null differ

diff --git a/LCARStrek/browser/aboutCertError.css b/LCARStrek/browser/aboutCertError.css
deleted file mode 100644 (file)
index d573798..0000000
--- a/LCARStrek/browser/aboutCertError.css
+++ /dev/null
@@ -1,91 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-@import url("chrome://global/skin/in-content/common.css");
-
-body {
-  display: flex;
-  box-sizing: border-box;
-  min-height: 100vh;
-  padding: 0 48px;
-  align-items: center;
-  justify-content: center;
-}
-
-#errorPageContainer {
-  position: relative;
-  min-width: 320px;
-  max-width: 512px;
-}
-
-#errorTitle {
-  background: url("chrome://browser/skin/cert-error.svg") left 0 no-repeat;
-  background-size: 3em;
-  margin-inline-start: -5em;
-  padding-inline-start: 5em;
-}
-
-#errorTitle:-moz-dir(rtl) {
-  background-position: right 0;
-}
-
-#errorTitleText {
-  border-bottom: 1px solid #A09090;
-  padding-bottom: 0.4em;
-}
-
-@media (max-width: 675px) {
-  #errorTitle {
-    padding-top: 0;
-    background-image: none;
-    margin-inline-start: 0;
-    padding-inline-start: 0;
-  }
-}
-
-#buttonContainer {
-  display: flex;
-  flex-flow: row wrap;
-}
-
-#buttonSpacer {
-  flex: 1;
-}
-
-#returnButton {
-  background-color: var(--in-content-primary-button-background);
-  border: none;
-  color: var(--in-content-selected-text);
-  min-width: 250px;
-  margin-inline-start: 0;
-}
-
-#returnButton:hover {
-  background-color: var(--in-content-primary-button-background-hover) !important;
-}
-
-#returnButton:hover:active {
-  background-color: var(--in-content-primary-button-background-active) !important;
-}
-
-#advancedButton {
-  min-width: 150px;
-}
-
-/* Advanced section is hidden via inline styles until the link is clicked */
-#advancedPanel {
-  background-color: #000000;
-  color: var(--in-content-text-color);
-  border: 1px #A09090 solid;
-  /* Don't use top padding because the default p style has top padding, and it
-   * makes the overall div look uneven */
-  padding: 0 12px 10px;
-  margin-top: 10px;
-/*  box-shadow: 0 0 4px #ddd;*/
-  font-size: 0.9em;
-}
-
-.hostname {
-  font-weight: bold;
-}

diff --git a/LCARStrek/browser/blockedSite.css b/LCARStrek/browser/blockedSite.css
new file mode 100644 (file)
index 0000000..3e37451
--- /dev/null
+++ b/LCARStrek/browser/blockedSite.css
@@ -0,0 +1,64 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://browser/skin/error-pages.css");
+
+body {
+  background-image: linear-gradient(-45deg, #FF0000,     #FF0000 33%,
+                                            #000000 33%, #000000 66%,
+                                            #FF0000 66%, #FF0000);
+  background-color: #000000;
+  color: #FF0000;
+}
+
+.title {
+  background-image: url("chrome://global/skin/icons/blocked.svg");
+}
+
+.title-text {
+  color: #FF0000;
+}
+
+.button-container button:not(.primary) {
+  background-color: #FF0000;
+  color: #000000;
+  margin-inline-end: 0;
+}
+
+.button-container button:not(.primary):hover {
+  background-color: #FFCF00;
+}
+
+.button-container button:not(.primary):active {
+  background-color: #FF9F00;
+}
+
+.button-container button {
+  margin-top: 1.2em;
+}
+
+/* Style warning button to look like a small text link in the
+   bottom right. This is preferable to just using a text link
+   since there is already a mechanism in browser.js for trapping
+   oncommand events from unprivileged chrome pages (BrowserOnCommand).*/
+#ignoreWarningButton {
+  -moz-appearance: none;
+  background: transparent;
+  border: none;
+  color: white;
+  text-decoration: underline;
+  margin: 4px 0 0 0;
+  padding: 0;
+  font-size: smaller;
+  min-width: 0;
+}
+
+#ignoreWarningButton:hover {
+  cursor: pointer;
+}
+
+#ignoreWarning {
+  margin-top: 1.2em;
+  text-align: end;
+}

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index b992e39876036ea9178182df04f6f1fa4d66d968..8581ab036261612051b7179701076ad4b54f146d 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -1736,11 +1736,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but
   color: #FFBFFF;
 }
 
-/* overlap the urlbar's border */
-#PopupAutoCompleteRichResult {
-  margin-top: -1px;
-}
-
 #urlbar:-moz-lwtheme,
 .searchbar-textbox:-moz-lwtheme {
   /* background-color: rgba(255,255,255,.8);
@@ -1999,11 +1994,24 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
   -moz-border-end: 1px solid var(--identity-box-chrome-color);
 }
 
+#identity-box:hover > :not(#identity-icon),
+#identity-box[open=true] > :not(#identity-icon) {
+/*  filter: grayscale(100%);*/
+}
+
 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
   color: var(--identity-box-verified-color);
   -moz-border-end: 1px solid var(--identity-box-verified-color);
 }
 
+#identity-icon-labels:-moz-locale-dir(ltr) {
+  padding-left: 2px;
+}
+
+#identity-icon-labels:-moz-locale-dir(rtl) {
+  padding-right: 2px;
+}
+
 #notification-popup-box:not([hidden]) + #identity-box {
   padding-inline-start: 10px;
   border-radius: 0;
@@ -2183,6 +2191,85 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
   max-width: 36px;
 }
 
+/*
+.autocomplete-richlistbox {
+  padding: 4px;
+}
+
+.autocomplete-richlistitem {
+  height: 30px;
+  min-height: 30px;
+  font: message-box;
+  border-radius: 2px;
+  border: 1px solid transparent;
+}
+
+.autocomplete-richlistitem[selected=true] {
+  background-color: hsl(210, 80%, 52%);
+}
+*/
+.ac-title {
+  font-size: 14px;
+/*  color: hsl(0, 0%, 0%);*/
+}
+
+.ac-tags {
+  font-size: 12px;
+}
+/*
+html|span.ac-tag {
+  background-color: hsl(216, 0%, 88%);
+  color: hsl(0, 0%, 0%);
+  border-radius: 2px;
+  border: 1px solid transparent;
+  padding: 0 1px;
+}
+*/
+
+.ac-separator,
+.ac-url,
+.ac-action {
+  font-size: 12px;
+}
+
+.ac-separator {
+/*  color: hsl(0, 0%, 50%);*/
+}
+
+.ac-url {
+  color: #9C9CFF;
+}
+
+.ac-action {
+  color: #9C9CFF;
+}
+
+.ac-title[selected=true],
+.ac-separator[selected],
+.ac-url[selected=true],
+.ac-action[selected=true] {
+  color: #000000;
+}
+
+.ac-tags-text[selected] > html|span.ac-tag {
+  background-color: #A09090;
+  color: #000000;
+}
+
+html|span.ac-emphasize-text-title,
+html|span.ac-emphasize-text-tag,
+html|span.ac-emphasize-text-url {
+  font-weight: 600;
+}
+
+.ac-type-icon[type=bookmark] {
+  list-style-image: url("chrome://browser/skin/urlbar-star.svg#star");
+}
+
+.ac-type-icon[type=bookmark][selected][current] {
+/*  list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted");*/
+}
+
 .ac-result-type-bookmark,
 .autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
   list-style-image: url("chrome://browser/skin/places/bookmark.png");
@@ -2196,19 +2283,17 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
 /*  -moz-image-region: rect(0px 48px 16px 32px);*/
 }
 
-.ac-result-type-keyword,
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage),
-richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon {
+.ac-type-icon[type=keyword],
+.ac-site-icon[type=searchengine],
+.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
   list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon");
-  width: 16px;
-  height: 16px;
 }
 
-  .ac-result-type-keyword[selected="true"],
-  .autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected),
-  richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon {
-    list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted");
-  }
+.ac-type-icon[type=keyword][selected],
+.ac-site-icon[type=searchengine][selected],
+.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected) {
+  list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted");
+}
 
 .ac-result-type-tag,
 .autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
@@ -2217,50 +2302,14 @@ richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-si
   height: 16px;
 }
 
-.ac-comment,
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description,
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button {
-  font-size: 1.05em;
-}
-
-.ac-extra > .ac-comment,
-.ac-url-text,
-.ac-action-text {
-  font-size: 1em;
-}
-
-.ac-url-text,
-.ac-action-text {
-  color: #9C9CFF;
-}
-
-richlistitem[type~="action"][actiontype="tab"] > .ac-url-box > .ac-action-icon {
-  list-style-image: url("chrome://browser/skin/actionicon-tab.png");
-  -moz-image-region: rect(0, 16px, 16px, 0);
-  padding: 0 3px;
-  width: 22px;
-  height: 16px;
-}
-
-@media (min-resolution: 1.1dppx) {
-  richlistitem[type~="action"][actiontype="tab"] > .ac-url-box > .ac-action-icon {
-    list-style-image: url("chrome://browser/skin/actionicon-tab@2x.png");
-    -moz-image-region: rect(0, 32px, 32px, 0);
-  }
+.ac-type-icon[type=switchtab],
+.ac-type-icon[type=remotetab] {
+  list-style-image: url("chrome://browser/skin/urlbar-tab.svg#tab");
 }
 
-richlistitem[type~="action"][actiontype="tab"][selected="true"] > .ac-url-box > .ac-action-icon {
-  -moz-image-region: rect(16px, 16px, 32px, 0);
-}
-
-.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
-  color: #8050B0;
-}
-
-.ac-comment[selected="true"],
-.ac-url-text[selected="true"],
-.ac-action-text[selected="true"] {
-  color: inherit !important;
+.ac-type-icon[type=switchtab][selected],
+.ac-type-icon[type=remotetab][selected] {
+  list-style-image: url("chrome://browser/skin/urlbar-tab.svg#tab-inverted");
 }
 
 .autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
@@ -3186,7 +3235,13 @@ richlistitem[type~="action"][actiontype="tab"][selected="true"] > .ac-url-box >
 }
 
 .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
+}
+
+@media (min-resolution: 1.1dppx) {
+  .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+  }
 }
 
 .alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
@@ -3228,10 +3283,17 @@ toolbarbutton.chevron > .toolbarbutton-icon {
 }
 
 #sidebar-throbber[loading="true"] {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
   -moz-margin-end: 4px;
 }
 
+@media (min-resolution: 1.1dppx) {
+  #sidebar-throbber[loading="true"] {
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+    width: 16px;
+  }
+}
+
 /* Bookmarks toolbar */
 #PlacesToolbarDropIndicator {
   list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
@@ -4609,7 +4671,7 @@ html|*#gcli-output-frame {
 }
 
 #social-sidebar-button[loading="true"] {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
 }
 
 #social-sidebar-favico {
@@ -5278,6 +5340,14 @@ toolbarpaletteitem[place="toolbar"] {
   margin-bottom: 25px;
 }
 
+toolbarpaletteitem[place="palette"]:-moz-focusring,
+toolbarpaletteitem[place="panel"]:-moz-focusring,
+toolbarpaletteitem[place="toolbar"]:-moz-focusring {
+  outline: 1px dotted #A09090;
+  outline-offset: -5px;
+  -moz-outline-radius: 2.5px;
+}
+
 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
 #wrapper-edit-controls[place="palette"] > #edit-controls > separator,
 #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
@@ -5621,21 +5691,16 @@ toolbarpaletteitem[place="toolbar"] {
 
 #UITourTooltipBody {
   -moz-margin-end: 14px;
-}
-
-#UITourTooltipBody > vbox {
-  padding-top: 4px;
-}
-
-#UITourTooltipIconContainer {
-  -moz-margin-start: -16px;
+  -moz-margin-start: 14px;
+  margin-top: -16px;
+  margin-bottom: 8px;
 }
 
 #UITourTooltipIcon {
   width: 48px;
   height: 48px;
-  -moz-margin-start: 28px;
-  -moz-margin-end: 28px;
+  -moz-margin-start: 14px;
+  -moz-margin-end: 14px;
 }
 
 #UITourTooltipTitle,
@@ -5647,8 +5712,10 @@ toolbarpaletteitem[place="toolbar"] {
   font-size: 1.45rem;
   font-weight: bold;
   -moz-margin-start: 0;
-  -moz-margin-end: 0;
-  margin: 0 0 9px 0;
+  /* Avoid the title overlapping the close button */
+  -moz-margin-end: 14px;
+  margin-top: 0;
+  margin-bottom: 9px;
 }
 
 #UITourTooltipDescription {
@@ -5660,6 +5727,7 @@ toolbarpaletteitem[place="toolbar"] {
 }
 
 #UITourTooltipClose {
+  position: relative;
   -moz-appearance: none;
   border: none;
   background-color: transparent;
@@ -5676,7 +5744,7 @@ toolbarpaletteitem[place="toolbar"] {
   -moz-box-pack: end;
   background-color: rgba(0,0,0,.2);
   border-top: 1px solid rgba(0,0,0,.4);
-  margin: 24px -16px -16px;
+  margin: 10px -16px -16px;
   padding: 2em 15px;
 }
 

diff --git a/LCARStrek/browser/controlcenter/panel.css b/LCARStrek/browser/controlcenter/panel.css
index 36debc6653eb3edc8841d013d11a1ff62fa57b61..0162861c4402ff1be25a74c50de143b8c7502dc6 100644 (file)
--- a/LCARStrek/browser/controlcenter/panel.css
+++ b/LCARStrek/browser/controlcenter/panel.css
@@ -103,6 +103,7 @@
 #identity-popup-permissions-content,
 #tracking-protection-content {
   padding: 0.5em 0 1em;
+  /* .identity-popup-headline.host depends on this width */
   -moz-padding-start: calc(2em + 24px);
   -moz-padding-end: 1em;
 }
@@ -119,7 +120,7 @@
 .identity-popup-expander {
   margin: 0;
   min-width: auto;
-  width: 38px;
+  width: var(--identity-popup-expander-width);
   background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow");
   background-size: 16px, auto;
   background-position: center;
@@ -178,6 +179,13 @@
   font-size: 150%;
 }
 
+.identity-popup-headline.host {
+  word-wrap: break-word;
+  /* 1em + 2em + 24px is #identity-popup-security-content padding
+   * 30em is .panel-mainview:not([panelid="PanelUI-popup"]) width */
+  max-width: calc(30rem - 3rem - 24px - var(--identity-popup-expander-width))
+}
+
 .identity-popup-warning-gray {
   -moz-padding-start: 24px;
   background: url(chrome://browser/skin/controlcenter/warning-gray.svg) no-repeat 0 50%;

diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css
index 047f512290ce4406fa7f3f7d44dafac9d9adebf0..1b302359fa3c0cdad414206af039705980b9dc5f 100644 (file)
--- a/LCARStrek/browser/customizableui/panelUIOverlay.css
+++ b/LCARStrek/browser/customizableui/panelUIOverlay.css
@@ -90,22 +90,36 @@
   border: none;
 }
 
+#PanelUI-menu-button[badge-status="download-success"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+  display: none;
+}
+
 #PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
   background: #008484 url(chrome://browser/skin/update-badge.svg) no-repeat center;
   height: 13px;
 }
 
+#PanelUI-menu-button[badge-status="download-severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge,
 #PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
   background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
   height: 13px;
 }
 
+#PanelUI-menu-button[badge-status="download-warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge,
 #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
-  background: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
   height: 13px;
   box-shadow: none;
 }
 
+#PanelUI-menu-button[badge-status="download-warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+  background: #FFBF00 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
+}
+
+#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+  background: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
+}
+
+#PanelUI-menu-button[badge-status="download-warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive,
 #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {
 }
 
@@ -239,6 +253,14 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan
   max-width: 800px;
 }
 
+.cui-widget-panel[viewId^=PanelUI-webext-] > .panel-arrowcontainer > .panel-arrowcontent {
+  padding: 0;
+}
+
+.cui-widget-panelview[id^=PanelUI-webext-] {
+  border-radius: 3.5px;
+}
+
 panelview:not([mainview]) .toolbarbutton-text,
 .cui-widget-panel toolbarbutton > .toolbarbutton-text {
   text-align: start;
@@ -646,9 +668,16 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
   list-style-image: url("chrome://browser/skin/syncFx-horizontalbar.png");
 }
 
-PanelUI-remotetabs-instruction-label,
+#PanelUI-remotetabs {
+  --panel-ui-sync-illustration-height: 157.5px;
+}
 
+.PanelUI-remotetabs-instruction-title,
+.PanelUI-remotetabs-instruction-label,
 #PanelUI-remotetabs-mobile-promo {
+  /* If you change the margin here, the min-height of the synced tabs panel
+    (e.g. #PanelUI-remotetabs[mainview] #PanelUI-remotetabs-setupsync, etc) may
+    need adjusting (see bug 1248506) */
   margin: 15px;
   text-align: center;
   text-shadow: none;
@@ -656,9 +685,16 @@ PanelUI-remotetabs-instruction-label,
   color: #A09090;
 }
 
+.PanelUI-remotetabs-instruction-title {
+  font-size: 1.3em;
+}
+
 /* The boxes with "instructions" get extra top and bottom padding for space
    around the illustration and buttons */
 .PanelUI-remotetabs-instruction-box {
+  /* If you change the padding here, the min-height of the synced tabs panel
+    (e.g. #PanelUI-remotetabs[mainview] #PanelUI-remotetabs-setupsync, etc) may
+    need adjusting (see bug 1248506) */
   padding-bottom: 30px;
   padding-top: 15px;
 }
@@ -671,6 +707,9 @@ PanelUI-remotetabs-instruction-label,
      is used for buttons in the toolbox overrides. See bug 1238531 for details /
   color: white !important;
   border-radius: 2px;
+  / If you change the margin or padding below, the min-height of the synced tabs
+     panel (e.g. #PanelUI-remotetabs[mainview] #PanelUI-remotetabs-setupsync,
+     etc) may need adjusting (see bug 1248506) /
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 8px;
@@ -695,7 +734,7 @@ PanelUI-remotetabs-instruction-label,
 }
 
 .fxaSyncIllustration {
-  width: 180px;
+  height: var(--panel-ui-sync-illustration-height);
   list-style-image: url(chrome://browser/skin/fxa/sync-illustration.svg);
 }
 
@@ -716,7 +755,12 @@ PanelUI-remotetabs-instruction-label,
 #PanelUI-remotetabs[mainview] #PanelUI-remotetabs-reauthsync,
 #PanelUI-remotetabs[mainview] #PanelUI-remotetabs-nodevicespane,
 #PanelUI-remotetabs[mainview] #PanelUI-remotetabs-tabsdisabledpane {
-  min-height: 33em;
+  min-height: calc(var(--panel-ui-sync-illustration-height) +
+                   20px + /* margin of .PanelUI-remotetabs-prefs-button */
+                   16px + /* padding of .PanelUI-remotetabs-prefs-button */
+                   30px + /* margin of .PanelUI-remotetabs-instruction-label */
+                   30px + 15px + /* padding of .PanelUI-remotetabs-instruction-box */
+                   11em);
 }
 
 #PanelUI-remotetabs-tabslist > label[itemtype="client"] {
@@ -731,6 +775,10 @@ PanelUI-remotetabs-instruction-label,
   visibility: collapse;
 }
 
+#PanelUI-remotetabs-main[devices-status="single"] > #PanelUI-remotetabs-buttons {
+  display: none;
+}
+
 #PanelUI-fxa-icon[syncstatus="active"] {
   list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
 }
@@ -798,7 +846,7 @@ PanelUI-remotetabs-instruction-label,
 }
 
 #PanelUI-footer-fxa[fxaprofileimage="enabled"] > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
-  list-style-image: url(chrome://browser/skin/fxa/default-profile-image.svg);
+  list-style-image: url(chrome://browser/skin/fxa/default-avatar.svg);
 }
 
 #PanelUI-customize:hover,
@@ -986,7 +1034,8 @@ panelview .toolbarbutton-1,
 }
 
 panelview .toolbarbutton-1,
-.widget-overflow-list .toolbarbutton-1 {
+.widget-overflow-list .toolbarbutton-1:not(:first-child),
+.widget-overflow-list .toolbaritem-combined-buttons:not(:first-child) {
   margin-top: 6px;
 }
 

diff --git a/LCARStrek/browser/downloads/allDownloadsViewOverlay.css b/LCARStrek/browser/downloads/allDownloadsViewOverlay.css
index d87aa7e42ea2f12626694fa9486f42ddc9122251..d4d17a7dab12a25686d8bbbd6884a63b3d2174db 100644 (file)
--- a/LCARStrek/browser/downloads/allDownloadsViewOverlay.css
+++ b/LCARStrek/browser/downloads/allDownloadsViewOverlay.css
@@ -73,61 +73,53 @@ richlistitem.download:not([selected]):hover {
 
 /*** Button icons ***/
 
-.downloadButton.downloadConfirmBlock,
-.downloadButton.downloadCancel {
+.downloadButton.downloadIconCancel {
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 
-richlistitem.download:hover > .downloadButton.downloadConfirmBlock,
-richlistitem.download:hover > .downloadButton.downloadConfirmBlock:hover,
-richlistitem.download:hover > .downloadButton.downloadConfirmBlock:active,
-richlistitem.download:hover > .downloadButton.downloadCancel,
-richlistitem.download:hover > .downloadButton.downloadCancel:hover,
-richlistitem.download:hover > .downloadButton.downloadCancel:active {
+richlistitem.download:hover > .downloadButton.downloadIconCancel,
+richlistitem.download:hover > .downloadButton.downloadIconCancel:hover,
+richlistitem.download:hover > .downloadButton.downloadIconCancel:active {
    -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
-.downloadButton.downloadShow {
+.downloadButton.downloadIconShow {
   -moz-image-region: rect(16px, 16px, 32px, 0px);
 }
 
-richlistitem.download:hover > .downloadButton.downloadShow,
-richlistitem.download:hover > .downloadButton.downloadShow:hover,
-richlistitem.download:hover > .downloadButton.downloadShow:active {
+richlistitem.download:hover > .downloadButton.downloadIconShow,
+richlistitem.download:hover > .downloadButton.downloadIconShow:hover,
+richlistitem.download:hover > .downloadButton.downloadIconShow:active {
    -moz-image-region: rect(16px, 32px, 32px, 16px);
 }
 
-.downloadButton.downloadRetry {
+.downloadButton.downloadIconRetry {
   -moz-image-region: rect(32px, 16px, 48px, 0px);
 }
 
-richlistitem.download:hover > .downloadButton.downloadRetry,
-richlistitem.download:hover > .downloadButton.downloadRetry:hover,
-richlistitem.download:hover > .downloadButton.downloadRetry:active {
+richlistitem.download:hover > .downloadButton.downloadIconRetry,
+richlistitem.download:hover > .downloadButton.downloadIconRetry:hover,
+richlistitem.download:hover > .downloadButton.downloadIconRetry:active {
    -moz-image-region: rect(32px, 32px, 48px, 16px);
 }
 
-richlistitem.download[selected] > .downloadButton.downloadConfirmBlock,
-richlistitem.download[selected]:hover > .downloadButton.downloadConfirmBlock,
-richlistitem.download[selected]:hover > .downloadButton.downloadConfirmBlock:hover,
-richlistitem.download[selected]:hover > .downloadButton.downloadConfirmBlock:active,
-richlistitem.download[selected] > .downloadButton.downloadCancel,
-richlistitem.download[selected]:hover > .downloadButton.downloadCancel,
-richlistitem.download[selected]:hover > .downloadButton.downloadCancel:hover,
-richlistitem.download[selected]:hover > .downloadButton.downloadCancel:active {
+richlistitem.download[selected] > .downloadButton.downloadIconCancel,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
-richlistitem.download[selected] > .downloadButton.downloadShow,
-richlistitem.download[selected]:hover > .downloadButton.downloadShow,
-richlistitem.download[selected]:hover > .downloadButton.downloadShow:hover,
-richlistitem.download[selected]:hover > .downloadButton.downloadShow:active {
+richlistitem.download[selected] > .downloadButton.downloadIconShow,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconShow,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active {
   -moz-image-region: rect(16px, 32px, 32px, 16px);
 }
 
-richlistitem.download[selected] > .downloadButton.downloadRetry,
-richlistitem.download[selected]:hover > .downloadButton.downloadRetry,
-richlistitem.download[selected]:hover > .downloadButton.downloadRetry:hover,
-richlistitem.download[selected]:hover > .downloadButton.downloadRetry:active {
+richlistitem.download[selected] > .downloadButton.downloadIconRetry,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active {
   -moz-image-region: rect(32px, 32px, 48px, 16px);
 }

diff --git a/LCARStrek/browser/downloads/downloads.css b/LCARStrek/browser/downloads/downloads.css
index 31c02e6c6ee96766b406e567b1558949b070df9a..0dbd66b1cda2cf863ec23dec788bdf1397cc8684 100644 (file)
--- a/LCARStrek/browser/downloads/downloads.css
+++ b/LCARStrek/browser/downloads/downloads.css
@@ -183,6 +183,14 @@ richlistitem[type="download"]:first-child {
   border: 1px dotted #008484;
 }
 
+richlistitem[type="download"][verdict="PotentiallyUnwanted"] .blockedIcon {
+  list-style-image: url("chrome://global/skin/icons/warning.svg");
+}
+
+richlistitem[type="download"][verdict="Uncommon"] .blockedIcon {
+  list-style-image: url("chrome://global/skin/icons/information-32.png");
+}
+
 /*** Highlighted list items ***/
 
 #downloadsListBox:-moz-focusring > richlistitem[type="download"][selected] {
@@ -204,33 +212,29 @@ richlistitem[type="download"]:first-child {
 
 /*** Button icons ***/
 
-.downloadButton.downloadConfirmBlock,
-.downloadButton.downloadCancel {
+.downloadButton.downloadIconCancel {
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock,
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:hover,
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:active,
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel,
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover,
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active {
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadIconCancel,
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadIconCancel:hover,
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadIconCancel:active {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
-.downloadButton.downloadShow {
+.downloadButton.downloadIconShow {
   -moz-image-region: rect(16px, 16px, 32px, 0px);
 }
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow,
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:hover,
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:active {
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadIconShow,
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadIconShow:hover,
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadIconShow:active {
   -moz-image-region: rect(16px, 32px, 32px, 16px);
 }
 
-.downloadButton.downloadRetry {
+.downloadButton.downloadIconRetry {
   -moz-image-region: rect(32px, 16px, 48px, 0px);
 }
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry,
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover,
-richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active {
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadIconRetry,
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadIconRetry:hover,
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadIconRetry:active {
   -moz-image-region: rect(32px, 32px, 48px, 16px);
 }

diff --git a/LCARStrek/browser/downloads/indicator.css b/LCARStrek/browser/downloads/indicator.css
index a9274484924e7320c6c4ce0a50d45a4a54e2a2fa..12649c8165ea75d92eed57b1bb29f660d55c24aa 100644 (file)
--- a/LCARStrek/browser/downloads/indicator.css
+++ b/LCARStrek/browser/downloads/indicator.css
@@ -42,15 +42,39 @@
   color: #000000;
 }
 
-toolbar[brighttext] #downloads-button:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon {
+toolbar[brighttext] #downloads-button:not([attention="success"]) > #downloads-indicator-anchor > #downloads-indicator-icon {
 /*  background-image: var(--downloads-indicator-icon-inverted); */
 }
 
-#downloads-button[attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+#downloads-button[attention="warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge,
+#downloads-button[attention="severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+  display: -moz-box;
+  height: 13px;
+  width: 13px;
+  background-size: contain;
+  border: none;
+  box-shadow: none;
+/*  filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15));*/
+}
+
+#downloads-button[attention="severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+  background: #FF0000 url("chrome://browser/skin/update-badge-failed.svg") no-repeat center;
+}
+
+#downloads-button[attention="warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+  background: #FFCF00 url("chrome://browser/skin/update-badge-failed.svg") no-repeat center;
+}
+
+#downloads-button[attention="severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive,
+#downloads-button[attention="warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {
+  filter: none;
+}
+
+#downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon {
   background-image: var(--downloads-indicator-icon-attention);
 }
 
-#downloads-button[cui-areatype="menu-panel"][attention] {
+#downloads-button[cui-areatype="menu-panel"][attention="success"] {
   list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png");
   -moz-image-region: auto;
 }
@@ -63,13 +87,13 @@ toolbar[brighttext] #downloads-button:not([attention]) > #downloads-indicator-an
   background-size: 12px;
 }
 
-#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+#downloads-button:not([counter])[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
   background-image: var(--downloads-indicator-icon-attention);
 }
 
 #downloads-button:not([counter]):hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
 #downloads-button[open="true"]:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
-#downloads-button:not([counter])[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+#downloads-button:not([counter])[attention="success"]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
   background-image: var(--downloads-indicator-icon-hover);
   background-size: 12px;
 }

diff --git a/LCARStrek/browser/fxa/default-avatar.png b/LCARStrek/browser/fxa/default-avatar.png
deleted file mode 100644 (file)
index 68ee041..0000000
Binary files a/LCARStrek/browser/fxa/default-avatar.png and /dev/null differ

diff --git a/LCARStrek/browser/fxa/default-avatar.svg b/LCARStrek/browser/fxa/default-avatar.svg
new file mode 100644 (file)
index 0000000..209ff9b
--- /dev/null
+++ b/LCARStrek/browser/fxa/default-avatar.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="194 -104 1000 1000" width="80" height="80">
+  <path fill="#FFCF00" d="M694-104.3c276.1 0 500 223.9 500 500s-223.9 500-500 500-500-223.9-500-500c0-276.2 223.9-500 500-500z"/>
+  <path fill="#000000" fill-rule="evenodd" clip-rule="evenodd" d="M892.4 585.9c10 3.1 19.1 5.7 27.5 8.2 34.5 10 44.8 54.6 17.5 78.1-65.4 56.5-150.7 90.8-244 90.8-92.8 0-177.6-33.8-242.9-89.8-27.4-23.5-17.3-68.2 17.4-78.3 9.2-2.7 19.2-5.5 30.2-9 62.6-19.5 92.6-43.7 98.2-68.7 0-.1 0-.2.1-.2 3.6-16.1-2.8-32.9-15.5-43.5-26.4-22.1-37.1-59.8-44.1-87.5-.8-3.2-1.7-6.5-2.5-9.8-12.1-2.1-25.4-17.3-32.2-38.5-8.2-25.5-3.9-49.8 9.6-54.1 1.3-.4 2.6-.4 3.9-.5-3.1-18.2-6.9-45.4-7.3-69.3-.1-5.2-.2-10.9-.2-16.9 0-3 .1-6.1.1-9.3 0-1.6.1-3.2.2-4.8.1-1.6.2-3.2.3-4.9.9-13.1 2.9-26.8 7-40 7.4-23.7 21.6-45.4 47.4-57.3 5.8-2.7 11-6.4 15.1-11.3 22.4-26.4 49.1-39.6 74.2-45.4 6.9-1.6 13.6-2.6 20.1-3.2 3.2-.3 6.4-.5 9.5-.6 1.6-.1 3.1-.1 4.6-.1h4.5c11.7.3 22 1.8 29.6 3.7 50 12.3 89.2 38 116.4 69.5 13.5 15.8 23.9 33 30.7 50.7 3.4 8.9 5.9 17.9 7.4 26.9.8 4.5 1.3 9 1.6 13.5.3 4.5.3 8.9.1 13.4-1.5 27.1-4.4 45.9-7.3 60.1-2.3 11.1.1 22.2 5 32.4 4.9 10.3 5.3 26.7.2 43.9-6.1 20.3-18.3 35.3-29.8 38.7-2.2 8.1-3.8 13.5-3.9 13.5-3.8 29-10.7 59.8-35.3 82.9-10.5 9.8-15 24.5-13.1 38.7.5 3.5 1 6.6 1.6 9.2 5.6 25.1 35.5 49.3 98.1 68.8z"/>
+</svg>

diff --git a/LCARStrek/browser/fxa/default-avatar@2x.png b/LCARStrek/browser/fxa/default-avatar@2x.png
deleted file mode 100644 (file)
index aa9f592..0000000
Binary files a/LCARStrek/browser/fxa/default-avatar@2x.png and /dev/null differ

diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
index 432b6223c6ddbb5a5d946d45fe84ca6a7faa8dae..e8fc65894d489c8ca6d2489fd5d3a1c581dd773d 100644 (file)
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -459,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 {
@@ -689,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 {
@@ -752,9 +761,6 @@ description > html|a {
   .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 === */

diff --git a/LCARStrek/browser/privatebrowsing/aboutPrivateBrowsing.css b/LCARStrek/browser/privatebrowsing/aboutPrivateBrowsing.css
new file mode 100644 (file)
index 0000000..bd3ee91
--- /dev/null
+++ b/LCARStrek/browser/privatebrowsing/aboutPrivateBrowsing.css
@@ -0,0 +1,219 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/in-content/info-pages.css");
+
+:root {
+  --color-grey-lightest: #FFCF00;
+  --color-grey: #A09090;
+
+  --color-blue: #336699;
+  --color-blue-dark: #FFCF00;
+  --color-blue-darker: #6000CF;
+
+  --icon-margin: 64px;
+}
+
+html.private {
+  --in-content-page-color: #FF9F00;
+  --in-content-text-color: #FF9F00;
+  --in-content-page-background: #000000;
+}
+
+body {
+  padding: 40px;
+}
+
+a:link {
+  color: var(--color-blue);
+  text-decoration: none;
+}
+
+a:hover {
+  color: var(--color-blue-dark);
+  text-decoration: underline;
+}
+
+a:hover:active {
+  color: var(--color-blue-darker);
+}
+
+a:visited {
+  color: var(--color-blue-darker);
+}
+
+.about-content-container {
+  max-width: 780px;
+}
+
+.section-main {
+  margin-bottom: 48px;
+  -moz-margin-start: var(--icon-margin);
+  -moz-padding-start: 24px;
+}
+
+.section-main:last-child {
+  margin-bottom: 0;
+}
+
+p {
+  line-height: 1.5em;
+}
+
+.list-row {
+  overflow: auto;
+}
+
+.list-row > ul > li {
+  float: left;
+  width: 220px;
+  line-height: 1.5em;
+  -moz-margin-start: 1em;
+  margin-bottom: 0;
+}
+
+.list-row > ul > li:-moz-dir(rtl) {
+  float: right;
+}
+
+.title {
+  background-image: url("chrome://browser/skin/privatebrowsing/private-browsing.svg");
+  background-size: 64px;
+  background-position: left, center;
+  font-weight: lighter;
+  line-height: 1.5em;
+  min-height: 64px;
+  -moz-margin-start: 0;
+  -moz-padding-start: calc(var(--icon-margin) + 24px);
+}
+
+.title:-moz-dir(rtl) {
+  background-position: right, center;
+}
+
+.about-subheader {
+  display: flex;
+  align-items: center;
+  font-size: 1.5em;
+  font-weight: lighter;
+  min-height: 32px;
+  background-image: url("chrome://browser/skin/privatebrowsing/tracking-protection.svg");
+  background-repeat: no-repeat;
+  background-size: 32px;
+  -moz-margin-start: calc(var(--icon-margin) - 32px);
+  -moz-padding-start: 56px;
+}
+
+.about-subheader:-moz-dir(rtl) {
+  background-position: right;
+}
+
+.about-subheader.tp-off {
+  background-image: url("chrome://browser/skin/privatebrowsing/tracking-protection-off.svg");
+}
+
+.about-info {
+  font-size: .875em;
+}
+
+.tpTitle {
+  margin-inline-end: 12px;
+}
+
+.private strong {
+  color: var(--color-grey-lightest);
+  font-weight: normal;
+}
+
+a.button {
+  padding: 5px 40px;
+  background-color: #C09070;
+  color: #000000;
+  border: 0px solid #C09070;
+  border-radius: 3000px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+a.button:hover {
+  background-color: #FFCF00;
+}
+
+a.button:active {
+  background-color: #FF9F00;
+}
+
+.toggle + .toggle-btn {
+  box-sizing: border-box;
+  cursor: pointer;
+  min-width: 60px;
+  height: 24px;
+  border-radius: 24px;
+  background-color: var(--color-grey);
+  border: 0px var(--color-grey) solid;
+  padding: 2px;
+}
+
+.toggle + .toggle-btn::after,
+.toggle + .toggle-btn::before {
+  position: relative;
+  display: block;
+  content: "";
+  width: 19px;
+  height: 100%;
+}
+
+.toggle + .toggle-btn::after {
+  left: 0;
+/*  box-shadow: 0 0 1px 1px hsla(0, 0%, 0%, .1),
+              0 1px 0 hsla(0, 0%, 0%, .2);*/
+  border-radius: 50%;
+  background: #000000;
+  transition: left .2s ease;
+}
+
+.toggle + .toggle-btn::before {
+  float: left;
+  left: 9px;
+  visibility: hidden;
+  background-size: 16px;
+  background-repeat: no-repeat;
+  background-color: transparent;
+  background-image: url("chrome://browser/skin/privatebrowsing/check.svg");
+}
+
+.toggle + .toggle-btn:-moz-dir(rtl)::after {
+  left: auto;
+  right: 0;
+  transition-property: right;
+}
+
+.toggle + .toggle-btn:-moz-dir(rtl)::before {
+  float: right;
+  left: auto;
+  right: 9px;
+}
+
+.toggle:checked + .toggle-btn {
+  background: #008484;
+  border: 0px solid #008484;
+}
+
+.toggle:checked + .toggle-btn::after {
+  left: 35px;
+}
+
+.toggle:checked + .toggle-btn:-moz-dir(rtl)::after {
+  right: 35px;
+}
+
+.toggle:checked + .toggle-btn::before {
+  visibility: visible;
+}
+
+.toggle:-moz-focusring + .toggle-btn {
+  outline: 2px solid #A09090;
+  outline-offset: 1px;
+  -moz-outline-radius: 2px;
+}

diff --git a/LCARStrek/browser/privatebrowsing/attention.png b/LCARStrek/browser/privatebrowsing/attention.png
deleted file mode 100755 (executable)
index 3e8a840..0000000
Binary files a/LCARStrek/browser/privatebrowsing/attention.png and /dev/null differ

diff --git a/LCARStrek/browser/privatebrowsing/attention@2x.png b/LCARStrek/browser/privatebrowsing/attention@2x.png
deleted file mode 100755 (executable)
index d3ff738..0000000
Binary files a/LCARStrek/browser/privatebrowsing/attention@2x.png and /dev/null differ

diff --git a/LCARStrek/browser/privatebrowsing/check.png b/LCARStrek/browser/privatebrowsing/check.png
deleted file mode 100755 (executable)
index a06a3ce..0000000
Binary files a/LCARStrek/browser/privatebrowsing/check.png and /dev/null differ

diff --git a/LCARStrek/browser/privatebrowsing/check.svg b/LCARStrek/browser/privatebrowsing/check.svg
new file mode 100644 (file)
index 0000000..a2dafc5
--- /dev/null
+++ b/LCARStrek/browser/privatebrowsing/check.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="#008484" d="M30.057,9.752L15.9,23.909h0l-4.044,4.045-4.045-4.045h0l-6.068-6.067,4.045-4.045,6.068,6.067L26.012,5.707Z"/>
+</svg>

diff --git a/LCARStrek/browser/privatebrowsing/check@2x.png b/LCARStrek/browser/privatebrowsing/check@2x.png
deleted file mode 100755 (executable)
index f39bfa2..0000000
Binary files a/LCARStrek/browser/privatebrowsing/check@2x.png and /dev/null differ

diff --git a/LCARStrek/browser/privatebrowsing/favicon.svg b/LCARStrek/browser/privatebrowsing/favicon.svg
new file mode 100644 (file)
index 0000000..46d02e8
--- /dev/null
+++ b/LCARStrek/browser/privatebrowsing/favicon.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <circle cx="8" cy="8" r="8" fill="#9C9CFF" />
+  <circle cx="8" cy="8" r="7.5" stroke="#FFCF00" stroke-width="1" fill="none" />
+  <path d="M11.309,10.995C10.061,10.995,9.2,9.5,8,9.5s-2.135,1.5-3.309,1.5c-1.541,0-2.678-1.455-2.7-3.948C1.983,5.5,2.446,5.005,4.446,5.005S7.031,5.822,8,5.822s1.555-.817,3.555-0.817S14.017,5.5,14.006,7.047C13.987,9.54,12.85,10.995,11.309,10.995ZM5.426,6.911a1.739,1.739,0,0,0-1.716.953A2.049,2.049,0,0,0,5.3,8.544c0.788,0,1.716-.288,1.716-0.544A1.428,1.428,0,0,0,5.426,6.911Zm5.148,0A1.429,1.429,0,0,0,8.981,8c0,0.257.928,0.544,1.716,0.544a2.049,2.049,0,0,0,1.593-.681A1.739,1.739,0,0,0,10.574,6.911Z" stroke="#FFFC00" stroke-width="2" fill="none" />
+  <path d="M11.309,10.995C10.061,10.995,9.2,9.5,8,9.5s-2.135,1.5-3.309,1.5c-1.541,0-2.678-1.455-2.7-3.948C1.983,5.5,2.446,5.005,4.446,5.005S7.031,5.822,8,5.822s1.555-.817,3.555-0.817S14.017,5.5,14.006,7.047C13.987,9.54,12.85,10.995,11.309,10.995ZM5.426,6.911a1.739,1.739,0,0,0-1.716.953A2.049,2.049,0,0,0,5.3,8.544c0.788,0,1.716-.288,1.716-0.544A1.428,1.428,0,0,0,5.426,6.911Zm5.148,0A1.429,1.429,0,0,0,8.981,8c0,0.257.928,0.544,1.716,0.544a2.049,2.049,0,0,0,1.593-.681A1.739,1.739,0,0,0,10.574,6.911Z" fill="#000000" />
+</svg>

diff --git a/LCARStrek/browser/privatebrowsing/mask.svg b/LCARStrek/browser/privatebrowsing/mask.svg
deleted file mode 100755 (executable)
index dc9d4ea..0000000
--- a/LCARStrek/browser/privatebrowsing/mask.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-     width="47.203" height="26.109" viewBox="0 0 94.407 52.219">
-  <path fill="#FFCF00" d="M92.657,14.670 C92.270,21.197 93.816,28.994 85.124,40.236 C75.849,52.230 66.639,51.314 64.901,51.495 C54.468,52.578 53.093,43.491 46.999,43.491 C41.664,43.491 37.317,52.520 29.481,51.495 C27.749,51.268 18.533,52.230 9.259,40.236 C0.567,28.994 2.112,21.197 1.726,14.670 C1.340,8.142 -0.012,1.071 -0.012,1.071 C-0.012,1.071 4.176,5.241 9.585,5.604 C14.993,5.967 16.004,3.740 27.416,0.527 C39.755,-2.947 47.191,11.290 47.191,11.290 C47.191,11.290 55.571,-2.737 66.967,0.527 C78.363,3.791 78.836,5.967 84.245,5.604 C89.653,5.241 94.395,1.071 94.395,1.071 C94.395,1.071 93.043,8.142 92.657,14.670 ZM28.858,17.405 C22.113,15.942 19.283,18.441 16.393,19.507 C13.872,20.437 11.577,20.726 11.577,20.726 C11.577,20.726 11.963,24.533 18.724,27.797 C25.484,31.061 39.352,29.377 39.352,29.377 C39.352,29.377 40.824,20.000 28.858,17.405 ZM77.990,19.507 C75.100,18.441 72.270,15.942 65.525,17.405 C53.557,20.000 55.030,29.377 55.030,29.377 C55.030,29.377 68.899,31.061 75.659,27.797 C82.419,24.533 82.805,20.726 82.805,20.726 C82.805,20.726 80.511,20.437 77.990,19.507 Z"/>
-</svg>

diff --git a/LCARStrek/browser/privatebrowsing/private-browsing.svg b/LCARStrek/browser/privatebrowsing/private-browsing.svg
new file mode 100644 (file)
index 0000000..62c4fb8
--- /dev/null
+++ b/LCARStrek/browser/privatebrowsing/private-browsing.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+  <ellipse cx="32" cy="34" rx="29.5" ry="30" fill="#000" fill-opacity=".1" />
+  <circle cx="32" cy="32" r="30" fill="#9C9CFF" />
+  <circle cx="32" cy="32" r="29.5" stroke="#FFCF00" stroke-width="1" fill="none" />
+  <path d="M45.225,43c-4.989,0-8.44-5.5-13.224-5.5S23.468,43,18.776,43C12.62,43,8.074,37.656,8,28.5,7.954,22.815,9.805,21,17.8,21S28.128,24,32,24s6.214-3,14.2-3,9.842,1.815,9.8,7.5C55.926,37.656,51.381,43,45.225,43ZM21.714,28c-4.857.193-6.857,2.846-6.857,3.5s3.22,2.5,6.367,2.5,6.857-1.057,6.857-2C28.082,30.948,26.3,27.818,21.714,28Zm20.572,0c-4.583-.182-6.367,2.948-6.367,4,0,0.943,3.709,2,6.857,2s6.367-1.846,6.367-2.5S47.143,28.193,42.286,28Z" stroke="#FFCF00" stroke-width="2" fill="none" />
+  <path d="M45.225,43c-4.989,0-8.44-5.5-13.224-5.5S23.468,43,18.776,43C12.62,43,8.074,37.656,8,28.5,7.954,22.815,9.805,21,17.8,21S28.128,24,32,24s6.214-3,14.2-3,9.842,1.815,9.8,7.5C55.926,37.656,51.381,43,45.225,43ZM21.714,28c-4.857.193-6.857,2.846-6.857,3.5s3.22,2.5,6.367,2.5,6.857-1.057,6.857-2C28.082,30.948,26.3,27.818,21.714,28Zm20.572,0c-4.583-.182-6.367,2.948-6.367,4,0,0.943,3.709,2,6.857,2s6.367-1.846,6.367-2.5S47.143,28.193,42.286,28Z" fill="#000000" />
+</svg>

diff --git a/LCARStrek/browser/privatebrowsing/shield-page.png b/LCARStrek/browser/privatebrowsing/shield-page.png
deleted file mode 100755 (executable)
index 129989d..0000000
Binary files a/LCARStrek/browser/privatebrowsing/shield-page.png and /dev/null differ

diff --git a/LCARStrek/browser/privatebrowsing/shield-page@2x.png b/LCARStrek/browser/privatebrowsing/shield-page@2x.png
deleted file mode 100755 (executable)
index 9e55d06..0000000
Binary files a/LCARStrek/browser/privatebrowsing/shield-page@2x.png and /dev/null differ

diff --git a/LCARStrek/browser/privatebrowsing/tracking-protection-off.svg b/LCARStrek/browser/privatebrowsing/tracking-protection-off.svg
new file mode 100644 (file)
index 0000000..ce3d16a
--- /dev/null
+++ b/LCARStrek/browser/privatebrowsing/tracking-protection-off.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g fill="#A09090">
+    <path d="M28.8,0.3l-2.4,2.4L16.1,1.1L4.9,2.9c-1,0.2-1.8,1-1.8,2c0,2.5,0,6.9,0.3,8.7c0.4,4.3,1.2,6.9,2.7,9.4l-3.5,3.5l2,2
+      L30.8,2.3L28.8,0.3z M5.3,13.5c-0.2-1.9-0.2-6.2-0.2-8.6c0,0,0,0,0.1,0l10.9-1.8l8.6,1.4L16.1,13V5L7.2,6.6c-0.1,0-0.1,0-0.1,0
+      c0,2,0,5.6,0.2,7.1c0.3,3,0.8,4.9,1.6,6.5l-1.4,1.4C6.3,19.6,5.6,17.3,5.3,13.5z"/>
+    <path d="M16.1,20.3l-3.9,3.9c1.7,1.2,3.4,1.6,3.9,1.7V20.3z"/>
+    <path d="M26.9,13.4c-0.5,5.6-1.7,8-3.8,10.7c-2.4,3.1-6.1,3.9-7,4.1c-0.7-0.2-3.2-0.7-5.4-2.5L9.3,27c3.1,2.7,6.7,3,6.7,3
+      s5.2-0.5,8.6-4.9c2.5-3.2,3.6-5.9,4.2-11.6c0.1-1.3,0.2-4,0.2-6.3l-2,2C27,10.9,27,12.5,26.9,13.4z"/>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/privatebrowsing/tracking-protection.svg b/LCARStrek/browser/privatebrowsing/tracking-protection.svg
new file mode 100644 (file)
index 0000000..a289680
--- /dev/null
+++ b/LCARStrek/browser/privatebrowsing/tracking-protection.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill="#A09090" d="M27.2,2.8L16,1L4.8,2.8C3.8,3,3,3.8,3,4.8c0,2.5,0,6.9,0.3,8.7C3.8,19,5,21.8,7.5,25.1C10.8,29.5,16,30,16,30
+    s5.2-0.5,8.6-4.9c2.5-3.2,3.6-5.9,4.2-11.6C29,11.7,29,7.2,29,4.8C29,3.8,28.2,3,27.2,2.8z M26.8,13.3L26.8,13.3L26.8,13.3
+    c-0.5,5.6-1.7,8-3.8,10.7c-2.4,3.1-6.1,3.9-7,4.1c-0.9-0.2-4.6-1-7-4.1c-2.1-2.8-3.3-5.2-3.8-10.6l0,0l0,0C5,11.5,5,7.2,5,4.8
+    c0,0,0,0,0.1,0l0,0l0,0L16,3l10.8,1.8l0,0l0,0c0.1,0,0.1,0,0.1,0C27,7,27,11.5,26.8,13.3z M7.1,6.5L7.1,6.5L7.1,6.5
+    C7,6.5,7,6.5,7.1,6.5C7,8.5,7,12.1,7.2,13.6l0,0l0,0c0.4,4.5,1.4,6.5,3.1,8.9c2,2.6,5,3.3,5.7,3.4v-21L7.1,6.5z"/>
+</svg>

diff --git a/LCARStrek/browser/syncCommon.css b/LCARStrek/browser/syncCommon.css
index 9c1421d7a017dc588ebe439a0bc85a47e237c800..a65442f64d3a28919745a94047c9c4697e8d5e8f 100644 (file)
--- a/LCARStrek/browser/syncCommon.css
+++ b/LCARStrek/browser/syncCommon.css
@@ -10,7 +10,7 @@
 }
 
 .statusIcon[status="active"] {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
 }
 
 .statusIcon[status="error"] {

diff --git a/LCARStrek/browser/syncSetup.css b/LCARStrek/browser/syncSetup.css
index 35ea5c81875411e4712d4cdb9cf553a5e3e312e7..a263761b982cbf75518a14cb4593b034a0ca7b8b 100644 (file)
--- a/LCARStrek/browser/syncSetup.css
+++ b/LCARStrek/browser/syncSetup.css
@@ -104,9 +104,15 @@ wizardpage {
   width: 0.5em;
 }
 
+#pairDeviceThrobber,
+#login-throbber {
+  -moz-box-align: center;
+}
+
 #pairDeviceThrobber > image,
 #login-throbber > image {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  width: 16px;
+  list-style-image: url("chrome://global/skin/icons/loading.png");
 }
 
 #captchaFeedback {

diff --git a/LCARStrek/browser/urlbar-star.svg b/LCARStrek/browser/urlbar-star.svg
new file mode 100644 (file)
index 0000000..4631eb7
--- /dev/null
+++ b/LCARStrek/browser/urlbar-star.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0"?>\r
+<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
+   - License, v. 2.0. If a copy of the MPL was not distributed with this\r
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">\r
+  <style>\r
+    path:not(:target) {\r
+      display: none;\r
+    }\r
+    path {\r
+      fill: #FFCF00;\r
+    }\r
+    path[id$="-inverted"] {\r
+      fill: #000000;\r
+    }\r
+  </style>\r
+\r
+       <path id="star" d="M8.7,0.5l2,4.3l4.6,0.7c0.6,0.1,0.9,0.9,0.4,1.4l-3.3,3.4l0.8,4.8c0.1,0.7-0.6,1.2-1.1,0.9L8,13.7l-4.1,2.3 c-0.6,0.3-1.2-0.2-1.1-0.9l0.8-4.8L0.2,6.9C-0.2,6.4,0,5.6,0.7,5.5l4.6-0.7l2-4.3C7.6-0.1,8.4-0.1,8.7,0.5z"/>\r
+       <path id="star-inverted" d="M8.7,0.5l2,4.3l4.6,0.7c0.6,0.1,0.9,0.9,0.4,1.4l-3.3,3.4l0.8,4.8c0.1,0.7-0.6,1.2-1.1,0.9L8,13.7l-4.1,2.3 c-0.6,0.3-1.2-0.2-1.1-0.9l0.8-4.8L0.2,6.9C-0.2,6.4,0,5.6,0.7,5.5l4.6-0.7l2-4.3C7.6-0.1,8.4-0.1,8.7,0.5z"/>\r
+</svg>\r

diff --git a/LCARStrek/browser/urlbar-tab.svg b/LCARStrek/browser/urlbar-tab.svg
new file mode 100644 (file)
index 0000000..3a2ae17
--- /dev/null
+++ b/LCARStrek/browser/urlbar-tab.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <style>
+    path:not(:target) {
+      display: none;
+    }
+    path {
+      fill: #FFCF00;
+    }
+    path[id$="-inverted"] {
+      fill: #000000;
+    }
+  </style>
+
+  <path id="tab" d="M14,9.5V6c0-1.7-1.3-3-3-3H5C3.3,3,2,4.3,2,6v3.5C2,10.3,1.3,11,0.5,11h0C0.2,11,0,11.2,0,11.5v1 C0,12.8,0.2,13,0.5,13h15c0.3,0,0.5-0.2,0.5-0.5v-1c0-0.3-0.2-0.5-0.5-0.5h0C14.7,11,14,10.3,14,9.5z"/>
+  <path id="tab-inverted" d="M14,9.5V6c0-1.7-1.3-3-3-3H5C3.3,3,2,4.3,2,6v3.5C2,10.3,1.3,11,0.5,11h0C0.2,11,0,11.2,0,11.5v1 C0,12.8,0.2,13,0.5,13h15c0.3,0,0.5-0.2,0.5-0.5v-1c0-0.3-0.2-0.5-0.5-0.5h0C14.7,11,14,10.3,14,9.5z"/>
+
+</svg>

diff --git a/LCARStrek/global/findBar.css b/LCARStrek/global/findBar.css
index 2912cc85c78ea05252e398726383854cb2914486..0f376471fe18b232c6c60ca3804fac9223a5f48f 100644 (file)
--- a/LCARStrek/global/findBar.css
+++ b/LCARStrek/global/findBar.css
@@ -126,5 +126,12 @@ findbar[position="top"][hidden] {
 }
 
 .find-status-icon[status="pending"] {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
+}
+
+@media (min-resolution: 2dppx) {
+  .find-status-icon[status="pending"] {
+    width: 16px;
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+  }
 }

diff --git a/LCARStrek/global/icons/loading.png b/LCARStrek/global/icons/loading.png
new file mode 100644 (file)
index 0000000..1492928
Binary files /dev/null and b/LCARStrek/global/icons/loading.png differ

diff --git a/LCARStrek/global/icons/loading@2x.png b/LCARStrek/global/icons/loading@2x.png
new file mode 100644 (file)
index 0000000..3ac0355
Binary files /dev/null and b/LCARStrek/global/icons/loading@2x.png differ

diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css
index 7822365199fd9f7feafeb693b936cf9df643a230..fd9e751c7aec9f5f443bfc94b36806f0d65c2148 100644 (file)
--- a/LCARStrek/mozapps/extensions/extensions.css
+++ b/LCARStrek/mozapps/extensions/extensions.css
@@ -135,11 +135,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");
 }
@@ -781,21 +788,28 @@ button.warning {
 
 #detail-screenshot-box {
   -moz-margin-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");
 }

diff --git a/LCARStrek/mozapps/extensions/update.css b/LCARStrek/mozapps/extensions/update.css
index d6e268adf759b5df154e4add6c0b2a08bbf2b5ee..2c536e5a2a90ac84af804e32f04a162f89211afc 100644 (file)
--- a/LCARStrek/mozapps/extensions/update.css
+++ b/LCARStrek/mozapps/extensions/update.css
@@ -3,7 +3,7 @@
 }
 
 .throbber {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
   width: 16px;
   height: 16px;
   margin-top: 5px;
@@ -12,6 +12,12 @@
   -moz-margin-end: 2px;
 }
 
+@media (min-resolution: 1.1dppx) {
+  .throbber {
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+  }
+}
+
 .alertBox {
   background-color : #000000;
   color: #FF9F00;

diff --git a/LCARStrek/mozapps/plugins/pluginProblem.css b/LCARStrek/mozapps/plugins/pluginProblem.css
index 32baf8cdeb577219f0c58b4a5b22e79bce74434c..e07f1500b9de22f27302f6000f9563debfc9c94a 100644 (file)
--- a/LCARStrek/mozapps/plugins/pluginProblem.css
+++ b/LCARStrek/mozapps/plugins/pluginProblem.css
@@ -90,7 +90,7 @@ html|a {
 
 .throbber {
   padding-left: 16px; /* width of the background image */
-  background: url("chrome://global/skin/icons/loading.gif") no-repeat;
+  background: url("chrome://global/skin/icons/loading.png") no-repeat;
   margin-left: 5px;
 }
 

diff --git a/LCARStrek/mozapps/update/updates.css b/LCARStrek/mozapps/update/updates.css
index 83203be7065e80531d6c66b4f97850f24bfcb72f..daf9148270ff83ffe77d1f96808abae8fc602285 100644 (file)
--- a/LCARStrek/mozapps/update/updates.css
+++ b/LCARStrek/mozapps/update/updates.css
@@ -30,7 +30,14 @@ wizardpage {
 }
 
 .remoteLoadingThrobber[state="loading"] {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
+}
+
+@media (min-resolution: 1.1dppx) {
+  .remoteLoadingThrobber[state="loading"] {
+    width: 16px;
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+  }
 }
 
 .remoteLoadingThrobber[state="error"] {