make devtools, Sync prefs, and neterror pages work right up to current nightly

diff --git a/LCARStrek/browser/aboutNetError.css b/LCARStrek/browser/aboutNetError.css
index eb06ff0b80e8208b9633c6a297e3bef9b8381ab2..6f94c6587a4d330cfbd0a31c8519ede5b127c58a 100644 (file)
--- a/LCARStrek/browser/aboutNetError.css
+++ b/LCARStrek/browser/aboutNetError.css
@@ -45,14 +45,15 @@ ul {
   padding-bottom: 0.4em;
 }
 
   padding-bottom: 0.4em;
 }
 

-#errorTitle[sslv3] {
-  background-image: url("aboutNetError_alert.svg");
-}
-

 #errorTitleText:-moz-dir(rtl) {
   background-position: right 0;
 }
 
 #errorTitleText:-moz-dir(rtl) {
   background-position: right 0;
 }
 

+#errorTitle[sslv3=true],
+#errorTitle[weakCrypto=true] {
+  background-image: url("cert-error.svg");
+}
+

 #errorTryAgain {
   margin-top: 1.2em;
   min-width: 150px
 #errorTryAgain {
   margin-top: 1.2em;
   min-width: 150px


@@ -63,7 +64,9 @@ ul {
 }
 
 @media (max-width: 675px) {
 }
 
 @media (max-width: 675px) {

-  #errorTitle {
+  #errorTitle,
+  #errorTitle[sslv3=true],
+  #errorTitle[weakCrypto=true] {

     padding-top: 0;
     background-image: none;
     -moz-padding-start: 0;
     padding-top: 0;
     background-image: none;
     -moz-padding-start: 0;


@@ -78,6 +81,47 @@ button:disabled {
   cursor: pointer;
 }
 
   cursor: pointer;
 }
 

+#learnMoreContainer {
+  display: none;
+}
+
+#buttonContainer {
+  display: none;
+  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 {
+  display: none;
+  min-width: 150px;
+}
+
+#certificateErrorReporting,
+#reportCertificateError,
+#reportSentMessage {
+  display: none;
+}
+
+div#weakCryptoAdvanced,

 div#certificateErrorReporting {
   display: none;
   float: right;
 div#certificateErrorReporting {
   display: none;
   float: right;


@@ -110,6 +154,7 @@ span.downArrow {
   transform: scaleY(0.7);
 }
 
   transform: scaleY(0.7);
 }
 

+div#weakCryptoAdvancedPanel,

 div#certificateErrorReportingPanel {
   /* Hidden until the link is clicked */
   display: none;
 div#certificateErrorReportingPanel {
   /* Hidden until the link is clicked */
   display: none;


@@ -132,6 +177,7 @@ div#certificateErrorReportingPanel:-moz-dir(rtl) {
   right: 0;
 }
 
   right: 0;
 }
 

+#overrideWeakCryptoPanel,

 #errorStatePanel {
   display: flex;
   flex-direction: row;
 #errorStatePanel {
   display: flex;
   flex-direction: row;


@@ -149,6 +195,12 @@ span#hostname {
   cursor: pointer;
 }
 
   cursor: pointer;
 }
 

+#errorCode {
+  color: var(--in-content-page-color);
+  cursor: text;
+  text-decoration: none;
+}
+

 #reportSendingMessage {
   /* adjust the line-height to match the link */
   line-height: 22px;
 #reportSendingMessage {
   /* adjust the line-height to match the link */
   line-height: 22px;

diff --git a/LCARStrek/browser/aboutNetError_alert.svg b/LCARStrek/browser/aboutNetError_alert.svg
deleted file mode 100644 (file)
index 49ed4e7..0000000
--- a/LCARStrek/browser/aboutNetError_alert.svg
+++ /dev/null
@@ -1,18 +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" viewBox="0 0 40 40">
-  <defs>
-    <linearGradient id="gradient1" gradientUnits="userSpaceOnUse" x1="20" y1="4" x2="20" y2="36">
-      <stop offset="0" style="stop-color:#FF0000"/>
-      <stop offset="1" style="stop-color:#FFCF00"/>
-    </linearGradient>
-    <linearGradient id="gradient2" gradientUnits="userSpaceOnUse" x1="20" y1="0" x2="20" y2="40">
-      <stop offset="0" style="stop-color:#FF0000"/>
-      <stop offset="1" style="stop-color:#FFCF00"/>
-    </linearGradient>
-  </defs>
-  <path fill="url(#gradient1)" d="M13.373,4L4,13.372v13.256L13.373,36h13.255L36,26.628V13.372L26.627,4H13.373z M22.176,8.704 l-0.48,14.304h-3.424L17.76,8.704H22.176z M20,31.296c-1.44,0-2.592-1.184-2.592-2.592c0-1.44,1.152-2.592,2.592-2.592 c1.472,0,2.592,1.152,2.592,2.592C22.592,30.112,21.472,31.296,20,31.296z"/>
-  <path fill="url(#gradient2)" d="M28.284,0H11.716L0,11.716v16.569L11.716,40h16.569L40,28.284V11.716L28.284,0z M38,27.456 L27.456,38H12.544L2,27.456V12.544L12.544,2h14.911L38,12.544V27.456z"/>
-</svg>

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 64c688a1268c1c6ee16d7a1f1a6976c9354a7d69..23c1d8579b5ebf029667fff8e96f0f56024f63da 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -517,6 +517,10 @@ menuitem.bookmark-item {
 #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
   list-style-image: url("chrome://browser/skin/ToolbarFx.png");
 }
 #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
   list-style-image: url("chrome://browser/skin/ToolbarFx.png");
 }

+toolbar[brighttext] #pocket-button,
+#pocket-button {
+  list-style-image: url("chrome://browser/skin/ToolbarFx.png") !important; /* override pocket.css */
+}

 
 #back-button {
   -moz-image-region: rect(0, 36px, 18px, 18px);
 
 #back-button {
   -moz-image-region: rect(0, 36px, 18px, 18px);

diff --git a/LCARStrek/browser/cert-error.svg b/LCARStrek/browser/cert-error.svg
new file mode 100644 (file)
index 0000000..5151442
--- /dev/null
+++ b/LCARStrek/browser/cert-error.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<svg version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="45"
+     height="45"
+     viewBox="0 0 45 45">
+
+  <style>
+    .icon-default {
+      fill: #A09090;
+    }
+  </style>
+
+  <defs>
+    <rect id="shape-lock-clasp-outer" x="8" y="2" width="28" height="40" rx="14" ry="14" />
+    <rect id="shape-lock-clasp-inner" x="14" y="8" width="16" height="28" rx="8" ry="8" />
+    <rect id="shape-lock-base" x="4" y="18" width="36" height="24" rx="3" ry="3" />
+
+    <mask id="mask-clasp-cutout">
+      <rect width="48" height="48" fill="#000" />
+      <use xlink:href="#shape-lock-clasp-outer" fill="#fff" />
+      <use xlink:href="#shape-lock-clasp-inner" fill="#000" />
+      <line x1="4" y1="38" x2="41" y2="3" stroke="#000" stroke-width="5.5" />
+      <line x1="4" y1="46" x2="41" y2="11" stroke="#000" stroke-width="5.5" />
+      <rect x="4" y="18" width="36" height="26" rx="6" ry="6" />
+    </mask>
+
+    <mask id="mask-base-cutout">
+      <rect width="45" height="45" fill="#000" />
+      <use xlink:href="#shape-lock-base" fill="#fff" />
+      <line x1="2.5" y1="41.5" x2="41" y2="5" stroke="#000" stroke-width="8.5" />
+    </mask>
+  </defs>
+
+  <use xlink:href="#shape-lock-clasp-outer" mask="url(#mask-clasp-cutout)" fill="#A09090" />
+  <use xlink:href="#shape-lock-base" mask="url(#mask-base-cutout)" fill="#A09090" />
+
+  <line x1="2.5" y1="41.5" x2="41" y2="5" stroke="#FF0000" stroke-width="5.5" />
+
+</svg>

diff --git a/LCARStrek/browser/devtools/images/add.svg b/LCARStrek/browser/devtools/images/add.svg
new file mode 100644 (file)
index 0000000..a9c169c
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/add.svg
@@ -0,0 +1,18 @@
+<!-- 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 width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <style>
+      use[id^="add"]:not(:target) {
+        display: none;
+      }
+    </style>
+    <g id="add-shape" fill="currentColor">
+      <rect x="3" y="7" width="10" height="2" />
+      <rect x="7" y="3" width="2" height="10" />
+    </g>
+  </defs>
+  <use xlink:href="#add-shape" id="add" color="#FFCF00"/>
+  <use xlink:href="#add-shape" id="add-checked" color="#000000"/>
+</svg>
\ No newline at end of file

diff --git a/LCARStrek/browser/devtools/images/close@2x.png b/LCARStrek/browser/devtools/images/close@2x.png
new file mode 100644 (file)
index 0000000..8942383
Binary files /dev/null and b/LCARStrek/browser/devtools/images/close@2x.png differ

diff --git a/LCARStrek/browser/devtools/images/command-eyedropper.png b/LCARStrek/browser/devtools/images/command-eyedropper.png
new file mode 100644 (file)
index 0000000..6b95ad1
Binary files /dev/null and b/LCARStrek/browser/devtools/images/command-eyedropper.png differ

diff --git a/LCARStrek/browser/devtools/images/command-eyedropper@2x.png b/LCARStrek/browser/devtools/images/command-eyedropper@2x.png
new file mode 100644 (file)
index 0000000..6cd4fdb
Binary files /dev/null and b/LCARStrek/browser/devtools/images/command-eyedropper@2x.png differ

diff --git a/LCARStrek/browser/devtools/images/command-measure.png b/LCARStrek/browser/devtools/images/command-measure.png
new file mode 100644 (file)
index 0000000..e9637fd
Binary files /dev/null and b/LCARStrek/browser/devtools/images/command-measure.png differ

diff --git a/LCARStrek/browser/devtools/images/command-measure@2x.png b/LCARStrek/browser/devtools/images/command-measure@2x.png
new file mode 100644 (file)
index 0000000..13d7844
Binary files /dev/null and b/LCARStrek/browser/devtools/images/command-measure@2x.png differ

diff --git a/LCARStrek/browser/devtools/images/editor-breakpoint.png b/LCARStrek/browser/devtools/images/editor-breakpoint.png
new file mode 100644 (file)
index 0000000..c94886e
Binary files /dev/null and b/LCARStrek/browser/devtools/images/editor-breakpoint.png differ

diff --git a/LCARStrek/browser/devtools/images/editor-breakpoint@2x.png b/LCARStrek/browser/devtools/images/editor-breakpoint@2x.png
new file mode 100644 (file)
index 0000000..38a6f91
Binary files /dev/null and b/LCARStrek/browser/devtools/images/editor-breakpoint@2x.png differ

diff --git a/LCARStrek/browser/devtools/images/editor-debug-location.png b/LCARStrek/browser/devtools/images/editor-debug-location.png
new file mode 100644 (file)
index 0000000..6b219a2
Binary files /dev/null and b/LCARStrek/browser/devtools/images/editor-debug-location.png differ

diff --git a/LCARStrek/browser/devtools/images/editor-debug-location@2x.png b/LCARStrek/browser/devtools/images/editor-debug-location@2x.png
new file mode 100644 (file)
index 0000000..55b116f
Binary files /dev/null and b/LCARStrek/browser/devtools/images/editor-debug-location@2x.png differ

diff --git a/LCARStrek/browser/devtools/images/editor-error.png b/LCARStrek/browser/devtools/images/editor-error.png
new file mode 100644 (file)
index 0000000..786fc7d
Binary files /dev/null and b/LCARStrek/browser/devtools/images/editor-error.png differ

diff --git a/LCARStrek/browser/devtools/images/filters.svg b/LCARStrek/browser/devtools/images/filters.svg
new file mode 100644 (file)
index 0000000..a06b342
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/filters.svg
@@ -0,0 +1,31 @@
+<!-- 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 height="0" xmlns="http://www.w3.org/2000/svg">
+<filter id="invert" x="0%" y="0%" width="100%" height="100%" >
+  <feComponentTransfer>
+    <feFuncR type="table" tableValues=".1 0"/>
+    <feFuncG type="table" tableValues=".1 0"/>
+    <feFuncB type="table" tableValues=".1 0"/>
+  </feComponentTransfer>
+</filter>
+<filter id="invert-white" x="0%" y="0%" width="100%" height="100%" >
+  <feComponentTransfer>
+    <feFuncR type="table" tableValues=".6 0"/>
+    <feFuncG type="table" tableValues=".6 0"/>
+    <feFuncB type="table" tableValues=".6 0"/>
+  </feComponentTransfer>
+ </filter>
+
+  <!-- Web Audio Gradients -->
+  <linearGradient id="bypass-light" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat">
+    <stop offset="0%" stop-color="#000000"/> <!-- theme-toolbar-background -->
+    <stop offset="50%" stop-color="#FFCF00"/>
+  </linearGradient>
+
+  <linearGradient id="bypass-dark" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat">
+    <stop offset="0%" stop-color="#000000"/> <!-- theme-toolbar-background -->
+    <stop offset="50%" stop-color="transparent"/>
+  </linearGradient>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/magnifying-glass-light.png b/LCARStrek/browser/devtools/images/magnifying-glass-light.png
new file mode 100644 (file)
index 0000000..8d50b9d
Binary files /dev/null and b/LCARStrek/browser/devtools/images/magnifying-glass-light.png differ

diff --git a/LCARStrek/browser/devtools/images/magnifying-glass.png b/LCARStrek/browser/devtools/images/magnifying-glass.png
new file mode 100644 (file)
index 0000000..8d50b9d
Binary files /dev/null and b/LCARStrek/browser/devtools/images/magnifying-glass.png differ

diff --git a/LCARStrek/browser/devtools/images/pseudo-class.svg b/LCARStrek/browser/devtools/images/pseudo-class.svg
new file mode 100644 (file)
index 0000000..5c41473
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/pseudo-class.svg
@@ -0,0 +1,29 @@
+<!-- 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 width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <style>
+      use[id^="pseudo-class"]:not(:target) {
+        display: none;
+      }
+    </style>
+    <rect id="class-block-maskBG" width="8" height="8" fill="#fff"/>
+    <rect id="class-block" width="8" height="8" rx="1" ry="1"/>
+    <mask id="mask-block-solid">
+      <use xlink:href="#class-block-maskBG"/>
+      <use xlink:href="#class-block" transform="translate(3 3)" fill="#000"/>
+    </mask>
+    <g id="pseudo-class-shape">
+      <rect x=".5" y=".5" width="7" height="7" rx="1" ry="1" mask="url(#mask-block-solid)" fill="none" stroke="currentColor" stroke-width="1"/>
+      <use xlink:href="#class-block" mask="url(#mask-block-solid)" fill="currentColor" fill-opacity=".4"/>
+      <use xlink:href="#class-block" mask="url(#mask-block-solid)" fill="currentColor" transform="translate(4 4)"/>
+      <g transform="translate(8 8)" fill="currentColor">
+        <path d="M2.5,0C2.2,0,2,0.2,2,0.5C2,0.8,2.2,1,2.5,1C2.8,1,3,0.8,3,0.5 C3,0.2,2.8,0,2.5,0z M4.5,0C4.2,0,4,0.2,4,0.5C4,0.8,4.2,1,4.5,1C4.8,1,5,0.8,5,0.5C5,0.2,4.8,0,4.5,0z M0.5,6C0.8,6,1,5.8,1,5.5 C1,5.2,0.8,5,0.5,5C0.2,5,0,5.2,0,5.5C0,5.8,0.2,6,0.5,6z M0.5,4C0.8,4,1,3.8,1,3.5C1,3.2,0.8,3,0.5,3C0.2,3,0,3.2,0,3.5 C0,3.8,0.2,4,0.5,4z M7.5,2C7.2,2,7,2.2,7,2.5C7,2.8,7.2,3,7.5,3C7.8,3,8,2.8,8,2.5C8,2.2,7.8,2,7.5,2z M7.5,4C7.2,4,7,4.2,7,4.5 C7,4.8,7.2,5,7.5,5C7.8,5,8,4.8,8,4.5C8,4.2,7.8,4,7.5,4z M5.5,7C5.2,7,5,7.2,5,7.5C5,7.8,5.2,8,5.5,8C5.8,8,6,7.8,6,7.5 C6,7.2,5.8,7,5.5,7z M3.5,7C3.2,7,3,7.2,3,7.5C3,7.8,3.2,8,3.5,8C3.8,8,4,7.8,4,7.5C4,7.2,3.8,7,3.5,7z M0.5,2C0.8,2,1,1.8,1,1.5v-1 C1,0.2,0.8,0,0.5,0C0.2,0,0,0.2,0,0.5v1C0,1.8,0.2,2,0.5,2z M8,0.5C8,0.2,7.8,0,7.5,0h-1C6.2,0,6,0.2,6,0.5C6,0.8,6.2,1,6.5,1h1 C7.8,1,8,0.8,8,0.5z M7.5,6C7.2,6,7,6.2,7,6.5v1C7,7.8,7.2,8,7.5,8C7.8,8,8,7.8,8,7.5v-1C8,6.2,7.8,6,7.5,6z M1.5,7h-1 C0.2,7,0,7.2,0,7.5C0,7.8,0.2,8,0.5,8h1C1.8,8,2,7.8,2,7.5C2,7.2,1.8,7,1.5,7z"/>
+        <use xlink:href="#class-block" fill-opacity=".2"/>
+      </g>
+    </g>
+  </defs>
+  <use xlink:href="#pseudo-class-shape" id="pseudo-class" color="#FFCF00"/>
+  <use xlink:href="#pseudo-class-shape" id="pseudo-class-checked" color="#000000"/>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-canvas.svg b/LCARStrek/browser/devtools/images/tool-canvas.svg
new file mode 100644 (file)
index 0000000..13c4783
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-canvas.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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#000000">
+    <path opacity="0.2" d="M3.8 3.9l8.4.1v8.3H3.8z"/>
+    <path opacity="0.5" d="M5.3 3.6H3.7c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V3.7c.1-.1 0-.1-.1-.1zM5.3 7.3H3.7c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V7.5c.1-.1 0-.2-.1-.2zM5.3 11.1H3.7c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6c.1 0 0-.1-.1-.1zM7.2 5.5H5.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V5.6c.1-.1 0-.1-.1-.1zM7.2 9.2H5.6c-.1 0-.1.1-.1.1V11c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V9.4c.1-.1 0-.2-.1-.2zM9.1 3.6H7.5c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V3.7c.1-.1 0-.1-.1-.1zM9.1 7.3H7.5c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V7.5c.1-.1 0-.2-.1-.2zM9.1 11.1H7.5c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6c.1 0 0-.1-.1-.1zM11 5.5H9.4c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1H11c.1 0 .1-.1.1-.1V5.6c0-.1 0-.1-.1-.1zM11 9.2H9.4c-.1 0-.1.1-.1.1V11c0 .1.1.1.1.1H11c.1 0 .1-.1.1-.1V9.4c0-.1 0-.2-.1-.2zM12.9 3.6h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1.1.1 0 .1-.1V3.7c0-.1 0-.1-.1-.1zM12.9 7.3h-1.6c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1.1.1.1.1 0V7.5c0-.1 0-.2-.1-.2zM12.9 11.1h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6s0-.1-.1-.1z"/>
+    <path d="M13.7 2H2.3c-.2 0-.3.1-.3.3v11.5c0 .1.1.2.3.2h11.5c.1 0 .3-.1.3-.3V2.3c-.1-.2-.2-.3-.4-.3zM12 12H4V4h8v8z"/>
+</svg>
\ No newline at end of file

diff --git a/LCARStrek/browser/devtools/images/tool-debugger-paused.svg b/LCARStrek/browser/devtools/images/tool-debugger-paused.svg
new file mode 100644 (file)
index 0000000..2ab4e44
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-debugger-paused.svg
@@ -0,0 +1,6 @@
+<!-- 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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path fill="#000000" fill-rule="evenodd" d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm2,11h-1-5c-.6,0-1-.4-1-1v-6c0-.6 .4-1 1-1h5 1l4,4-4,4z"/>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-debugger.svg b/LCARStrek/browser/devtools/images/tool-debugger.svg
new file mode 100644 (file)
index 0000000..5248a1d
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-debugger.svg
@@ -0,0 +1,10 @@
+<!-- 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 width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <g fill="#000000" fill-rule="evenodd">
+    <path d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm0,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5 2.8,0 5,2.2 5,5 0,2.8-2.2,5-5,5z"/>
+    <path d="m6,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
+    <path d="m10,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-inspector.svg b/LCARStrek/browser/devtools/images/tool-inspector.svg
new file mode 100644 (file)
index 0000000..8588d22
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-inspector.svg
@@ -0,0 +1,12 @@
+<!-- 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 width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
+  <path fill="#000000" fill-rule="evenodd" d="M2,4v9h11V4H2z M11,11H4V6h7V11z"/>
+  <g opacity=".8">
+    <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M0,8h2v1H0V8z"/>
+    <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M13,8h2v1h-2V8z"/>
+    <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M7,2h1v2H7V2z"/>
+    <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M7,13h1v2H7V13z"/>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-memory-active.svg b/LCARStrek/browser/devtools/images/tool-memory-active.svg
new file mode 100644 (file)
index 0000000..6a6b90c
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-memory-active.svg
@@ -0,0 +1,7 @@
+<!-- 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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#9C9CFF">
+  <path opacity="0.2" d="M5.8 3.9l4.9.1v8.3H5.8z"/>
+  <path d="M12.8 8L14 9.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.6.4V5.3l.8-.3L14 6.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.6.4V2.3c0-.2-.1-.3-.3-.3H4.3c-.2 0-.3.1-.3.3v1.5l-.8-.4c-.3-.1-.6-.1-.9.1L.8 5.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 5l1 .4v1.4l-.8-.4c-.3-.1-.6-.1-.9.1L.8 8.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 8l1 .4v1.4l-.8-.4c-.3-.1-.6-.1-.9.1L.7 11.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 11l1 .4v2.4c0 .1.1.2.3.2h7.5c.1 0 .3-.1.3-.3v-2.4l.8-.3 1.2 1.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.7.4V8.3l.8-.3zM10 12H6V4h4v8z"/>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-memory.svg b/LCARStrek/browser/devtools/images/tool-memory.svg
new file mode 100644 (file)
index 0000000..6f669e4
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-memory.svg
@@ -0,0 +1,7 @@
+<!-- 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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#000000">
+  <path opacity="0.2" d="M5.8 3.9l4.9.1v8.3H5.8z"/>
+  <path d="M12.8 8L14 9.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.6.4V5.3l.8-.3L14 6.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.6.4V2.3c0-.2-.1-.3-.3-.3H4.3c-.2 0-.3.1-.3.3v1.5l-.8-.4c-.3-.1-.6-.1-.9.1L.8 5.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 5l1 .4v1.4l-.8-.4c-.3-.1-.6-.1-.9.1L.8 8.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 8l1 .4v1.4l-.8-.4c-.3-.1-.6-.1-.9.1L.7 11.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 11l1 .4v2.4c0 .1.1.2.3.2h7.5c.1 0 .3-.1.3-.3v-2.4l.8-.3 1.2 1.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.7.4V8.3l.8-.3zM10 12H6V4h4v8z"/>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-network.svg b/LCARStrek/browser/devtools/images/tool-network.svg
new file mode 100644 (file)
index 0000000..2a036c6
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-network.svg
@@ -0,0 +1,39 @@
+<!-- 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 width="17" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16">
+  <g fill="#000000" fill-rule="evenodd">
+    <path opacity=".1" d="M2.1,0h12.8C16,0,17,1,17,2.1v10.6c0,1.2-1,2.1-2.1,2.1H2.1c-1.2,0-2.1-1-2.1-2.1V2.1C0,1,1,0,2.1,0z"/>
+    <path d="m2.1,2.1h9.6c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-9.6c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
+  </g>
+  <g opacity=".7">
+    <g opacity=".75">
+      <path fill="#000000" fill-rule="evenodd" d="m7.4,5.3h7.4c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-7.4c-.5-.1-1-.5-1-1.1 0-.6 .5-1.1 1-1.1z"/>
+    </g>
+    <g opacity=".85">
+      <path fill="#000000" d="m14.9,5.7c.4,0 .7,.3 .7,.7s-.4,.6-.7,.6h-7.5c-.3,0-.6-.3-.6-.6s.3-.7 .7-.7h7.4m0-.4h-7.5c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h7.4c.6,0 1.1-.5 1.1-1.1 0-.6-.4-1.1-1-1.1z"/>
+    </g>
+  </g>
+  <g opacity=".75">
+    <path fill="#000000" fill-rule="evenodd" d="m5.3,8.5h3.2c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-3.2c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
+  </g>
+  <g opacity=".85">
+    <path fill="#000000" d="m8.5,8.9c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-3.2c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h3.2m0-.4h-3.2c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h3.2c.6,0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z"/>
+  </g>
+  <g opacity=".7">
+    <g opacity=".75">
+      <path fill="#000000" fill-rule="evenodd" d="m4.3,11.7h2.1c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-2.1c-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+    </g>
+    <g opacity=".85">
+      <path fill="#000000" d="m6.4,12.1c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-2.1c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h2.1m0-.4h-2.1c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h2.1c.6,0 1.1-.5 1.1-1.1-.1-.6-.5-1.1-1.1-1.1z"/>
+    </g>
+  </g>
+  <g opacity=".05" fill="#000000" fill-rule="evenodd">
+    <path d="m7.4,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+    <path d="m4.2,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+    <path d="m1,14.6c0-.1 0-.1 0-.2v-13.9c0-.1 0-.1 0-.2-.6,.4-1,1-1,1.8v10.6c0,.8 .4,1.5 1,1.9z"/>
+    <path d="m16,.3c0,.1 0,.1 0,.2v13.8c0,.1 0,.1 0,.2 .6-.4 1-1 1-1.8v-10.6c0-.7-.4-1.4-1-1.8z"/>
+    <path d="m13.8,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+    <path d="m10.6,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-options-tbutton.svg b/LCARStrek/browser/devtools/images/tool-options-tbutton.svg
new file mode 100644 (file)
index 0000000..b54c3cc
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-options-tbutton.svg
@@ -0,0 +1,6 @@
+<!-- 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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path fill="#FFCF00" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-options.svg b/LCARStrek/browser/devtools/images/tool-options.svg
new file mode 100644 (file)
index 0000000..c2c1c37
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-options.svg
@@ -0,0 +1,6 @@
+<!-- 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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path fill="#000000" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-profiler-active.svg b/LCARStrek/browser/devtools/images/tool-profiler-active.svg
new file mode 100644 (file)
index 0000000..bf0c54a
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-profiler-active.svg
@@ -0,0 +1,17 @@
+<!-- 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">
+  <g fill="#9C9CFF" fill-rule="evenodd">
+    <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+    <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+    <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+    <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+    <g opacity=".3">
+      <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+      <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+      <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+      <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+    </g>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-profiler.svg b/LCARStrek/browser/devtools/images/tool-profiler.svg
new file mode 100644 (file)
index 0000000..d91760d
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-profiler.svg
@@ -0,0 +1,17 @@
+<!-- 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">
+  <g fill="#000000" fill-rule="evenodd">
+    <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+    <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+    <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+    <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+    <g opacity=".3">
+      <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+      <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+      <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+      <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+    </g>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-scratchpad.svg b/LCARStrek/browser/devtools/images/tool-scratchpad.svg
new file mode 100644 (file)
index 0000000..82ae8f8
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-scratchpad.svg
@@ -0,0 +1,9 @@
+<!-- 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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <g fill="#000000" fill-rule="evenodd">
+    <path opacity=".3" d="m1.1,6.3c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6zm12,1.7h-10.2c-.4,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h10.3c.3,0 .6-.3 .6-.6-.1-.3-.3-.6-.7-.6zm-5.7,3.4c.3,0 .6-.3 .6-.6 0-.3-.3-.6-.6-.6h-4.5c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h4.5zm2.3,1.2h-8c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h8c.3,0 .6-.3 .6-.6 0-.4-.3-.6-.6-.6z"/>
+    <path d="m14.3,2.3h-.6v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.1-.1-.2-.2-.2-.1-.3-.1-.4-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.7,.1-1.2-.4-1.2-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1-.1-.1-.1-.2-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.3-.1-.3-.2-.4-.2-.1-.1-.2-.1-.3-.1-.3,0-.5,.3-.5,.6v1.7h-1.2v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.2-.1-.2-.2-.3-.2-.1-.1-.2-.1-.3-.1-.3,0-.6,.3-.6,.6v1.7h-.5c-.3,0-.6,.2-.6,.6v12.6c0,.2 .3,.5 .6,.5h13.7c.3,0 .6-.3 .6-.6v-12.5c0-.4-.3-.6-.6-.6zm-12.6,3.4h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6s.3-.6 .6-.6zm8,8h-8c-.3,0-.6-.3-.6-.6 0-.3 .3-.6 .6-.6h8c.3,0 .6,.3 .6,.6 0,.4-.3,.6-.6,.6zm-7.4-2.8c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6 0,.3-.3,.6-.6,.6h-4.6c-.4-.1-.6-.3-.6-.6zm10.8-1.8h-10.2c-.3,0-.6-.3-.6-.6 0-.2 .2-.5 .6-.5h10.3c.3,0 .6,.3 .6,.6-.1,.3-.3,.5-.7,.5z"/>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-shadereditor.svg b/LCARStrek/browser/devtools/images/tool-shadereditor.svg
new file mode 100644 (file)
index 0000000..8861bb3
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-shadereditor.svg
@@ -0,0 +1,9 @@
+<!-- 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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#000000">
+    <path opacity="0.2" d="M2.6 2.8l10.7 10.7-10.7-.1z"/>
+    <path d="M11.4 10.5L5.9 5c-.3-.3-.8-.3-1 0-.3.3-.3.8 0 1l5.5 5.5c.1.1.3.2.5.2s.4-.1.5-.2c.2-.3.2-.7 0-1z"/>
+    <path opacity="0.5" d="M11.2 4.9H9.6c-.1 0-.1 0-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V5c.1-.1 0-.1-.1-.1zM11.3 8.7H9.7s-.1 0-.1.1l1.8 1.8.1-.1V8.8c0-.1-.1-.1-.2-.1zM9.4 6.7H7.8s-.1 0-.1.1l1.8 1.8.1-.1V6.9c0-.1-.1-.2-.2-.2zM7.5 4.8H5.9s-.1 0-.1.1l1.8 1.8.1-.1V5c-.1-.1-.1-.2-.2-.2z"/>
+    <path d="M14 11.9V3.6c.5-.2.9-.7.9-1.3 0-.8-.7-1.5-1.5-1.5-.7 0-1.3.5-1.4 1.2H3.9C3.8 1.3 3.2.8 2.5.8 1.7.8 1 1.5 1 2.3c0 .6.4 1.2 1 1.4v8.2c-.6.2-1 .7-1 1.4 0 .8.7 1.5 1.5 1.5.5 0 1-.3 1.3-.7h8.5c.3.4.7.7 1.3.7.8 0 1.5-.7 1.5-1.5-.2-.6-.6-1.2-1.1-1.4zM4 4h8v8H4V4z"/>
+</svg>
\ No newline at end of file

diff --git a/LCARStrek/browser/devtools/images/tool-storage.svg b/LCARStrek/browser/devtools/images/tool-storage.svg
new file mode 100644 (file)
index 0000000..aa0b8ad
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-storage.svg
@@ -0,0 +1,10 @@
+<!-- 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 width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
+  <g fill="#000000">
+    <path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
+    <path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
+    <path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-styleeditor.svg b/LCARStrek/browser/devtools/images/tool-styleeditor.svg
new file mode 100644 (file)
index 0000000..718c22f
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-styleeditor.svg
@@ -0,0 +1,9 @@
+<!-- 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="17" height="16" viewBox="0 0 17 16">
+  <g fill="#000000" fill-rule="evenodd">
+    <path d="m10,11.1 0,2.3-7.8,0 0-11.2 5.6-0 1.1,1.1 1.7-1.6-1.7-1.7-8.9,0 0,15.6 12.2,0 0-6.7z"/>
+    <path d="M6.7,7.8L14.5,0l2.2,2.2L8.9,10l-3.3,1.1L6.7,7.8z"/>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-webaudio.svg b/LCARStrek/browser/devtools/images/tool-webaudio.svg
new file mode 100644 (file)
index 0000000..e07dc84
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-webaudio.svg
@@ -0,0 +1,6 @@
+<!-- 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="16px" height="16px" viewBox="-6.167 -16.135 100 100">
+  <path fill="none" stroke="#000000" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M86.666,33.864  c-0.797,5.297-3.467,32.799-10.518,32.866c-7.086,0.066-9.973-27.596-10.9-32.866C64.322,28.597,61.436,0.933,54.35,1  c-7.105,0.068-9.644,27.561-10.517,32.864c-0.874,5.305-3.412,32.799-10.517,32.866c-7.087,0.066-9.974-27.596-10.899-32.866  C21.49,28.597,18.604,0.933,11.517,1C4.466,1.067,1.796,28.569,1,33.864"/>
+</svg>

diff --git a/LCARStrek/browser/devtools/images/tool-webconsole.svg b/LCARStrek/browser/devtools/images/tool-webconsole.svg
new file mode 100644 (file)
index 0000000..4b25e5e
--- /dev/null
+++ b/LCARStrek/browser/devtools/images/tool-webconsole.svg
@@ -0,0 +1,6 @@
+<!-- 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">
+  <path fill="#000000" fill-rule="evenodd" d="M2,2h5.4l6.5,6.5L7.4,15H2l6.5-6.5L2,2z"/>
+</svg>

diff --git a/LCARStrek/browser/fxa/android.png b/LCARStrek/browser/fxa/android.png
new file mode 100644 (file)
index 0000000..b0e437f
Binary files /dev/null and b/LCARStrek/browser/fxa/android.png differ

diff --git a/LCARStrek/browser/fxa/android@2x.png b/LCARStrek/browser/fxa/android@2x.png
new file mode 100644 (file)
index 0000000..cf00b90
Binary files /dev/null and b/LCARStrek/browser/fxa/android@2x.png differ

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

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

diff --git a/LCARStrek/browser/fxa/logo.png b/LCARStrek/browser/fxa/logo.png
new file mode 100644 (file)
index 0000000..3ab0159
Binary files /dev/null and b/LCARStrek/browser/fxa/logo.png differ

diff --git a/LCARStrek/browser/fxa/logo@2x.png b/LCARStrek/browser/fxa/logo@2x.png
new file mode 100644 (file)
index 0000000..858ed21
Binary files /dev/null and b/LCARStrek/browser/fxa/logo@2x.png differ

diff --git a/LCARStrek/browser/fxa/sync-illustration.png b/LCARStrek/browser/fxa/sync-illustration.png
new file mode 100644 (file)
index 0000000..693ee66
Binary files /dev/null and b/LCARStrek/browser/fxa/sync-illustration.png differ

diff --git a/LCARStrek/browser/fxa/sync-illustration.svg b/LCARStrek/browser/fxa/sync-illustration.svg
new file mode 100644 (file)
index 0000000..e067212
--- /dev/null
+++ b/LCARStrek/browser/fxa/sync-illustration.svg
@@ -0,0 +1,16 @@
+<?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" preserveAspectRatio="xMidYMid" width="320" height="280" viewBox="0 0 320 280">
+  <g fill="#A09090">
+    <path d="M46.352,148.919 L46.352,148.919 L44.938,150.333 L43.523,148.919 L43.523,148.919 L37.866,143.262 L39.281,141.848 L44.938,147.505 L50.594,141.848 L52.009,143.262 L46.352,148.919 ZM43.937,134.000 L45.938,134.000 L45.938,142.000 L43.937,142.000 L43.937,134.000 ZM43.937,122.000 L45.938,122.000 L45.938,130.000 L43.937,130.000 L43.937,122.000 Z"/>
+    <path d="M306.641,132.110 L300.984,126.453 L295.328,132.110 L293.913,130.696 L300.984,123.625 L308.055,130.696 L306.641,132.110 ZM302.000,223.969 L300.000,223.969 L300.000,215.969 L302.000,215.969 L302.000,223.969 ZM302.000,211.969 L300.000,211.969 L300.000,203.969 L302.000,203.969 L302.000,211.969 ZM302.000,199.969 L300.000,199.969 L300.000,191.969 L302.000,191.969 L302.000,199.969 ZM302.000,187.969 L300.000,187.969 L300.000,179.969 L302.000,179.969 L302.000,187.969 ZM302.000,175.969 L300.000,175.969 L300.000,167.969 L302.000,167.969 L302.000,175.969 ZM302.000,163.969 L300.000,163.969 L300.000,155.969 L302.000,155.969 L302.000,163.969 ZM300.000,131.969 L302.000,131.969 L302.000,139.969 L300.000,139.969 L300.000,131.969 ZM302.000,151.969 L300.000,151.969 L300.000,143.969 L302.000,143.969 L302.000,151.969 ZM300.000,227.969 L302.000,227.969 L302.000,232.000 L302.000,234.000 L300.000,234.000 L292.000,234.000 L292.000,232.000 L300.000,232.000 L300.000,227.969 Z"/>
+    <path d="M101.335,236.009 L99.921,234.594 L105.578,228.938 L99.921,223.281 L101.335,221.866 L108.406,228.938 L101.335,236.009 ZM100.000,229.938 L92.000,229.938 L92.000,227.937 L100.000,227.937 L100.000,229.938 ZM80.000,227.937 L88.000,227.937 L88.000,229.938 L80.000,229.938 L80.000,227.937 Z"/>
+    <path d="M182.000,54.000 L182.000,52.000 L190.000,52.000 L190.000,54.000 L182.000,54.000 ZM170.000,52.000 L178.000,52.000 L178.000,54.000 L170.000,54.000 L170.000,52.000 ZM168.488,60.071 L161.417,53.000 L168.488,45.929 L169.902,47.343 L164.245,53.000 L169.902,58.657 L168.488,60.071 Z"/>
+    <path d="M297.688,276.000 L102.312,276.000 C97.721,276.000 94.000,272.279 94.000,267.688 L94.000,260.000 L306.000,260.000 L306.000,267.688 C306.000,272.279 302.279,276.000 297.688,276.000 ZM117.906,150.312 C117.906,145.721 121.628,142.000 126.218,142.000 L273.688,142.000 C278.279,142.000 282.000,145.721 282.000,150.312 L282.000,256.000 L117.906,256.000 L117.906,150.312 ZM132.000,242.000 L270.000,242.000 L270.000,156.000 L132.000,156.000 L132.000,242.000 Z"/>
+    <path d="M307.074,115.969 L206.926,115.969 C203.101,115.969 200.000,112.868 200.000,109.042 L200.000,38.926 C200.000,35.101 203.101,32.000 206.926,32.000 L307.074,32.000 C310.899,32.000 314.000,35.101 314.000,38.926 L314.000,109.042 C314.000,112.868 310.899,115.969 307.074,115.969 ZM210.000,65.875 C210.000,64.770 209.105,63.875 208.000,63.875 C206.895,63.875 206.000,64.770 206.000,65.875 L206.000,82.000 C206.000,83.105 206.895,84.000 208.000,84.000 C209.105,84.000 210.000,83.105 210.000,82.000 L210.000,65.875 ZM302.000,42.000 L216.000,42.000 L216.000,106.000 L302.000,106.000 L302.000,42.000 Z"/>
+    <path d="M65.844,240.000 L26.156,240.000 C23.861,240.000 22.000,238.139 22.000,235.844 L22.000,162.156 C22.000,159.861 23.861,158.000 26.156,158.000 L65.844,158.000 C68.139,158.000 70.000,159.861 70.000,162.156 L70.000,235.844 C70.000,238.139 68.139,240.000 65.844,240.000 ZM46.000,236.000 C48.287,236.000 50.141,234.195 50.141,231.969 C50.141,229.742 48.287,227.938 46.000,227.938 C43.713,227.938 41.859,229.742 41.859,231.969 C41.859,234.195 43.713,236.000 46.000,236.000 ZM66.000,168.000 L26.000,168.000 L26.000,224.000 L66.000,224.000 L66.000,168.000 Z"/>
+    <path d="M171.906,86.156 C171.906,102.329 159.026,115.469 143.017,115.797 L143.039,115.955 L28.850,115.955 L28.869,115.797 C12.872,115.475 -0.000,102.333 -0.000,86.156 C-0.000,71.661 10.336,59.603 23.994,57.019 C23.620,55.457 23.401,53.834 23.401,52.156 C23.401,40.714 32.606,31.438 43.962,31.438 C47.561,31.438 50.941,32.375 53.884,34.012 C53.883,33.930 53.878,33.848 53.878,33.766 C53.878,17.137 67.301,3.656 83.858,3.656 C97.763,3.656 109.453,13.164 112.843,26.059 C116.677,23.334 121.343,21.719 126.393,21.719 C139.394,21.719 149.933,32.331 149.933,45.422 C149.933,49.572 148.868,53.468 147.007,56.861 C161.114,59.082 171.906,71.351 171.906,86.156 Z"/>
+  </g>
+</svg>

diff --git a/LCARStrek/browser/fxa/sync-illustration@2x.png b/LCARStrek/browser/fxa/sync-illustration@2x.png
new file mode 100644 (file)
index 0000000..27a18fe
Binary files /dev/null and b/LCARStrek/browser/fxa/sync-illustration@2x.png differ

diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
index 60ad00014648d52615351d1fcf54f2f6de5806d4..14169fc57402e3150ebe15d538203c6cc8169c45 100644 (file)
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -2,7 +2,7 @@
    - 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/. */
 
    - 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/. */
 

-/* === BEGIN shared/in-content/preferences.css === */
+/* === BEGIN shared/incontentprefs/preferences.inc.css === */

 
 @namespace html "http://www.w3.org/1999/xhtml";
 
 
 @namespace html "http://www.w3.org/1999/xhtml";
 


@@ -261,9 +261,8 @@ treecol {
 #historyPane:not([selectedIndex="2"]) > #historyCustomPane,
 #weavePrefsDeck:not([selectedIndex="1"]) > #hasAccount,
 #weavePrefsDeck:not([selectedIndex="2"]) > #needsUpdate,
 #historyPane:not([selectedIndex="2"]) > #historyCustomPane,
 #weavePrefsDeck:not([selectedIndex="1"]) > #hasAccount,
 #weavePrefsDeck:not([selectedIndex="2"]) > #needsUpdate,

-#weavePrefsDeck:not([selectedIndex="3"]) > #fxaDeterminingStatus,
-#weavePrefsDeck:not([selectedIndex="4"]) > #noFxaAccount,
-#weavePrefsDeck:not([selectedIndex="5"]) > #hasFxaAccount,
+#weavePrefsDeck:not([selectedIndex="3"]) > #noFxaAccount,
+#weavePrefsDeck:not([selectedIndex="4"]) > #hasFxaAccount,

 #fxaLoginStatus:not([selectedIndex="1"]) > #fxaLoginUnverified,
 #fxaLoginStatus:not([selectedIndex="2"]) > #fxaLoginRejected {
   visibility: collapse;
 #fxaLoginStatus:not([selectedIndex="1"]) > #fxaLoginUnverified,
 #fxaLoginStatus:not([selectedIndex="2"]) > #fxaLoginRejected {
   visibility: collapse;


@@ -442,16 +441,226 @@ description > html|a {
  * Sync
  */
 
  * Sync
  */
 

-#fxaDeviceName {
-  margin: 14px 0px;
+#fxaProfileImage {
+  max-width: 60px;
+  border-radius: 50%;
+  list-style-image: url(chrome://browser/skin/fxa/default-avatar.png);
+  margin-inline-end: 15px;
+}
+
+#fxaProfileImage.actionable {
+  cursor: pointer;
+}
+
+#fxaProfileImage.actionable:hover {
+}
+
+#fxaProfileImage.actionable:hover:active {
+}
+
+#noFxaAccount {
+  /* Overriding the margins from the base preferences.css theme file.
+     These overrides can be simplified by fixing bug 1027174 */
+  margin: 0;
+  padding-top: 15px;
+}
+
+#fxaContentWrapper {
+  -moz-box-flex: 1;
+}
+
+#noFxaGroup {
+  -moz-box-flex: 1;
+  margin: 0;
+}
+
+#fxaContentWrapper {
+  padding-right: 15px;
+}
+
+#noFxaGroup > vbox,
+#fxaGroup {
+  -moz-box-align: start;
+}
+
+#syncStatusMessage {
+  visibility: collapse;
+  opacity: 0;
+  transition: opacity 1s linear;
+  padding: 14px 8px 14px 14px;
+  border-radius: 2px;

 }
 
 }
 

-#fxaSyncComputerName.plain {
-  background-color: transparent;
+#syncStatusMessage[message-type] {
+  visibility: visible;

   opacity: 1;
 }
 
   opacity: 1;
 }
 

-/* === END shared/in-content/preferences.css === */
+#syncStatusMessage[message-type="verify-success"] {
+  background-color: #008484;
+}
+
+#syncStatusMessage[message-type="verify-error"] {
+  background-color: #FF0000;
+}
+
+#syncStatusMessage[message-type="migration"] {
+  background-color: #FF9F00;
+}
+
+#syncStatusMessageWrapper {
+  -moz-box-flex: 1;
+  padding-right: 5px;
+}
+
+#syncStatusMessageTitle, #syncStatusMessageDescription {
+  color: #9C9CFF;
+}
+
+#syncStatusMessage[message-type="migration"] #syncStatusMessageTitle {
+  display: none;
+}
+
+#syncStatusMessageTitle {
+  font-weight: bold !important;
+  font-size: 16px;
+  line-height: 157%;
+  margin: 0 0 20px;
+}
+
+#syncStatusMessageDescription {
+  font-size: 14px;
+  line-height: 158%;
+  margin: 0 !important;
+}
+
+#syncStatusMessageClose {
+  margin: 0px;
+}
+
+#fxaSyncEngines > vbox:first-child {
+  margin-right: 80px;
+}
+
+#fxaSyncComputerName {
+  margin-inline-start: 0px;
+  -moz-box-flex: 1;
+}
+
+#tosPP-small-ToS {
+  margin-bottom: 14px;
+}
+
+#noFxaCaption {
+  font-weight: bold;
+  margin-bottom: 11px;
+}
+
+.fxaSyncIllustration {
+  margin-top: 35px;
+}
+
+#syncOptions caption {
+  margin-bottom: 11px;
+}
+
+#fxaDeviceName {
+  margin-bottom: 27.5px;
+}
+
+#noFxaDescription {
+  margin-bottom: 20px !important;
+}
+
+.separator {
+  border-bottom: 1px solid var(--in-content-header-border-color);
+}
+
+.fxaAccountBox {
+  border: 1px solid #A09090;
+  border-radius: 5px;
+  padding: 14px 20px 14px 14px;
+}
+
+#signedOutAccountBoxTitle {
+  font-weight: bold;
+}
+
+.fxaAccountBoxButtons {
+  margin-bottom: 0 !important;
+  margin-top: 11px;
+}
+
+.fxaAccountBoxButtons > * {
+  -moz-box-flex: 1;
+}
+
+.fxaAccountBoxButtons > button {
+  text-align: center;
+  padding-left: 11px;
+  padding-right: 11px;
+  margin: 0;
+  min-width: 0;
+}
+
+.fxaAccountBoxButtons > button:first-child {
+  margin-right: 14px !important;
+}
+
+.fxaSyncIllustration {
+  width: 231px;
+  list-style-image: url(chrome://browser/skin/fxa/sync-illustration.png)
+}
+
+#fxaEmailAddress1,
+#fxaEmailAddress2,
+#fxaEmailAddress3 {
+  word-break: break-all;
+}
+
+.fxaFirefoxLogo {
+  list-style-image: url(chrome://browser/skin/fxa/logo.png);
+  max-width: 64px;
+  margin-inline-end: 14px;
+}
+
+.fxaMobilePromo {
+  margin-bottom: 31px;
+}
+
+#fxaLoginRejectedWarning {
+  list-style-image: url(chrome://browser/skin/warning.svg);
+  filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15));
+  margin: 4px 8px 0px 0px;
+}
+
+#syncOptions {
+  margin-bottom: 27.5px;
+}
+
+.androidLink,
+.iOSLink {
+  margin: 0;
+}
+
+#tosPP-small {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+@media (min-resolution: 1.1dppx) {
+  .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 === */

 
 caption {
 }
 
 caption {
 }