From: Robert Kaiser <kairo@kairo.at>
Date: Sun, 3 May 2015 19:04:04 +0000 (+0200)
Subject: second part of syncing LCARStrek with Firefox 38 windows theme changes
X-Git-Tag: LCARStrek-2.35~5
X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=d533ec21de421974d60dc2614105c2e439f34b49;p=themes.git

second part of syncing LCARStrek with Firefox 38 windows theme changes
---

diff --git a/LCARStrek/browser/aboutSessionRestore.css b/LCARStrek/browser/aboutSessionRestore.css
index b7d1dab7..c6db9975 100644
--- a/LCARStrek/browser/aboutSessionRestore.css
+++ b/LCARStrek/browser/aboutSessionRestore.css
@@ -2,39 +2,8 @@
  * 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/. */
 
-html {
-  height: 100%;
-}
-
-body {
-  height: 100%;
-  text-align: center;
-}
-
-#errorPageContainer {
-  background-image: url("chrome://global/skin/icons/alert-exclam.gif");
-  display: -moz-box;
-  width: -moz-available;
-  height: 70%;
-  -moz-box-orient: vertical;
-  text-align: start;
-}
-
-#errorShortDesc > p {
-  margin-top: 0.4em;
-  margin-bottom: 0;
-}
-
-#errorLongContent, #errorTrailerDesc {
-  display: -moz-box;
-  -moz-box-flex: 1;
-  -moz-box-orient: vertical;
-}
-
-#tabList {
-  margin-top: 2.5em;
-  width: 100%;
-  min-height: 12em;
+.title {
+  background-image: url("chrome://browser/skin/session-restore.svg");
 }
 
 treechildren::-moz-tree-image(icon),
@@ -54,6 +23,9 @@ treechildren::-moz-tree-image(container, noicon) {
 treechildren::-moz-tree-image(checked) {
   list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif");
 }
+treechildren::-moz-tree-image(checked, selected) {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-check-inverted.gif");
+}
 treechildren::-moz-tree-image(partial) {
   list-style-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif");
 }
@@ -66,10 +38,3 @@ treechildren::-moz-tree-row(alternate, selected) {
   background-color: #008484;
   color: #000000;
 }
-
-#buttons {
-  width: 100%;
-}
-#buttons > button {
-  margin-top: 2em;
-}
diff --git a/LCARStrek/browser/aboutTabCrashed.css b/LCARStrek/browser/aboutTabCrashed.css
index 87f69804..2ef767eb 100644
--- a/LCARStrek/browser/aboutTabCrashed.css
+++ b/LCARStrek/browser/aboutTabCrashed.css
@@ -1,77 +1,11 @@
-body {
-  background-color: #000000;
-  margin-top: 2em;
-  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
-}
-
-p {
-  font-size: .8em;
-}
-
-#error-box {
-  border: 2px solid #FFCF00;
-  border-radius: 10px;
-  background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
-  -moz-padding-start: 30px;
-}
+/* 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/. */
 
-#error-box:-moz-locale-dir(rtl) {
-  background-position: right 4px;
+.title {
+  background-image: url("chrome://browser/skin/tab-crashed.svg");
 }
 
-#main-error-msg {
-  color: #A09090;
+#reportSent {
   font-weight: bold;
 }
-
-#report-box {
-  text-align: center;
-  width: 75%;
-  margin: 0 auto;
-  display: none;
-}
-
-.crashDumpAvailable #report-box {
-  display: block;
-}
-
-#button-box {
-  text-align: center;
-  width: 75%;
-  margin: 0 auto;
-}
-
-@media all and (min-width: 300px) {
-  #error-box {
-    max-width: 50%;
-    margin: 0 auto;
-    background-image: url('chrome://global/skin/icons/information-32.png');
-    min-height: 36px;
-    -moz-padding-start: 38px;
-  }
-
-  button {
-    width: auto !important;
-    min-width: 150px;
-  }
-}
-
-@media all and (min-width: 780px) {
-  #error-box {
-    max-width: 30%;
-  }
-}
-
-button {
-  border-radius: 10px;
-  background: #C09070;
-  color: #000000;
-  border: none;
-  padding: 0 .5em;
-}
-
-button:hover,
-button:hover:active {
-  background-color: #FFCF00;
-  color: #000000;
-}
diff --git a/LCARStrek/browser/aboutWelcomeBack.css b/LCARStrek/browser/aboutWelcomeBack.css
index 3e11e824..34368b30 100644
--- a/LCARStrek/browser/aboutWelcomeBack.css
+++ b/LCARStrek/browser/aboutWelcomeBack.css
@@ -2,9 +2,12 @@
  * 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/. */
 
-#errorPageContainer {
-  background-image: url("chrome://global/skin/icons/information-64.png");
-  height: auto;
+.title {
+  background-image: url("chrome://browser/skin/welcome-back.svg");
+}
+
+.radioRestoreContainer:not(:last-child) {
+  margin-bottom: 0.2em;
 }
 
 /* tablist starts out hidden, but JS may make it visible in response to
@@ -18,25 +21,35 @@
   display: -moz-box;
 }
 
-.radioRestoreContainer {
-  display: flex;
+treechildren::-moz-tree-image(icon),
+treechildren::-moz-tree-image(noicon) {
+  padding-right: 2px;
+  margin: 0 2px;
+  width: 16px;
+  height: 16px;
 }
 
-.radioRestoreButton {
-  flex: 0 0 auto;
+treechildren::-moz-tree-image(noicon) {
+  list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
 }
-
-.radioRestoreButton:-moz-focusring {
-  outline: 1px dotted #008484;
+treechildren::-moz-tree-image(container, noicon) {
+  list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png");
+}
+treechildren::-moz-tree-image(checked) {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif");
+}
+treechildren::-moz-tree-image(checked, selected) {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-check-inverted.gif");
+}
+treechildren::-moz-tree-image(partial) {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif");
 }
 
-.radioChooseLabel {
-  flex: 1 1 auto;
+treechildren::-moz-tree-row(alternate) {
+  background-color: #404000;
 }
 
-/* We want errorTrailerDesc to have the same padding-top as errorShortDesc
-   has padding-bottom
-*/
-#errorTrailerDesc {
-  padding-top: 1em;
+treechildren::-moz-tree-row(alternate, selected) {
+  background-color: #008484;
+  color: #000000;
 }
diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 737c4bbd..2d5f38cd 100644
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -2658,6 +2658,8 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 :root {
   /* --tab-toolbar-navbar-overlap: 1px; */
   /* --tab-min-height: 31px; */
+  /* --tab-curve-width: 30px; */
+  /* --tab-curve-half-width: 15px; */
 }
 
 .tabbrowser-tab,
@@ -2701,7 +2703,10 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 .tab-content {
 }
 
-.tab-/*throbber*/,
+.tab-content[pinned] {
+}
+
+.tab-throbber,
 .tab-icon-image,
 .tab-close-button {
 }
@@ -2710,12 +2715,26 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 .tab-icon-image {
   height: 16px;
   width: 16px;
+  -moz-margin-end: 3px;
 }
 
 .tab-icon-image {
   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 }
 
+.tab-icon-overlay {
+  width: 16px;
+  height: 16px;
+ /* margin-top: 10px; */
+  -moz-margin-start: -16px;
+  display: none;
+}
+
+.tab-icon-overlay[crashed] {
+  display: -moz-box;
+  list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg");
+}
+
 .tab-throbber[busy] {
   list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
 }
@@ -2724,11 +2743,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
   list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
 }
 
-.tab-throbber:not([pinned]),
-.tab-icon-image:not([pinned]) {
-  -moz-margin-end: 3px;
-}
-
 .tab-throbber[pinned],
 .tab-icon-image[pinned] {
   -moz-margin-start: 2px;
@@ -2835,7 +2849,7 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 
 .tabs-newtab-button {
   width: 28px;
-  /* width: calc(36px + @tabCurveWidth@); */
+  /* width: calc(36px + var(--tab-curve-width)); */
 }
 
 /* === END tabs.inc.css === */
@@ -3209,7 +3223,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
 }
 
 .popup-notification-icon[popupid="indexedDB-permissions-prompt"],
-.popup-notification-icon[popupid="indexedDB-quota-prompt"],
 .popup-notification-icon[popupid*="offline-app-requested"],
 .popup-notification-icon[popupid="offline-app-usage"] {
   list-style-image: url("chrome://global/skin/icons/alert-question.gif");
diff --git a/LCARStrek/browser/devtools/animationinspector.css b/LCARStrek/browser/devtools/animationinspector.css
index 592239c2..feb2637a 100644
--- a/LCARStrek/browser/devtools/animationinspector.css
+++ b/LCARStrek/browser/devtools/animationinspector.css
@@ -99,6 +99,13 @@ body {
   }
 }
 
+/* Disabled playerWidget when the animation has ended */
+
+.finished {
+  pointer-events: none;
+  opacity: .5;
+}
+
 /* Animation title gutter, contains the name, duration, iteration */
 
 .animation-title {
diff --git a/LCARStrek/browser/devtools/canvasdebugger.css b/LCARStrek/browser/devtools/canvasdebugger.css
index ab9e9b06..b852703a 100644
--- a/LCARStrek/browser/devtools/canvasdebugger.css
+++ b/LCARStrek/browser/devtools/canvasdebugger.css
@@ -107,14 +107,8 @@
   pointer-events: none;
 }
 
-.snapshot-item-footer[saving]::before {
-  display: inline-block;
-  content: "";
-  background: url("chrome://global/skin/icons/loading.gif") center no-repeat;
-  width: 16px;
-  height: 16px;
+.snapshot-item-footer.devtools-throbber::before {
   margin-top: -2px;
-  -moz-margin-end: 4px;
 }
 
 #snapshots-list .selected label {
diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css
index acb0cb52..b22769f3 100644
--- a/LCARStrek/browser/devtools/dark-theme.css
+++ b/LCARStrek/browser/devtools/dark-theme.css
@@ -1043,5 +1043,28 @@ div.CodeMirror span.eval-text {
 /*  -moz-border-end: 1px solid var(--theme-splitter-color);
   border-color: var(--theme-splitter-color); / Needed for responsive container at low width. */
 }
+/* Throbbers */
+
+.devtools-throbber::before {
+  content: "";
+  display: inline-block;
+  vertical-align: bottom;
+  -moz-margin-end: 0.5em;
+  width: 1em;
+  height: 1em;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: 1.1s linear throbber-spin infinite;
+}
+
+@keyframes throbber-spin {
+  from {
+    transform: none;
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
 
 /* === END toolbars.inc.css === */
diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css
index f73ddf94..c6c1860f 100644
--- a/LCARStrek/browser/devtools/netmonitor.css
+++ b/LCARStrek/browser/devtools/netmonitor.css
@@ -179,6 +179,11 @@ window {
   list-style-image: url("chrome://browser/skin/identity-icons-https.png");
 }
 
+.security-state-weak {
+  cursor: pointer;
+  list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
+}
+
 .security-state-broken {
   cursor: pointer;
   list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
@@ -520,6 +525,21 @@ box.requests-menu-status[code^="5"] {
   white-space: pre-wrap;
 }
 
+.security-warning-icon {
+  background-image: url("alerticon-warning.png");
+  background-size: 13px 12px;
+  -moz-margin-start: 5px;
+  vertical-align: top;
+  width: 13px;
+  height: 12px;
+}
+
+@media (min-resolution: 2dppx) {
+  .security-warning-icon {
+    background-image: url("alerticon-warning@2x.png");
+  }
+}
+
 /* Custom request form */
 
 #custom-pane {
diff --git a/LCARStrek/browser/devtools/performance.css b/LCARStrek/browser/devtools/performance.css
index 413d8943..3e28dafb 100644
--- a/LCARStrek/browser/devtools/performance.css
+++ b/LCARStrek/browser/devtools/performance.css
@@ -107,15 +107,11 @@
   list-style-image: url(performance-icons.svg#details-waterfall-active);
 }
 
-#select-calltree-view,
 #select-js-calltree-view,
 #select-memory-calltree-view {
   list-style-image: url(performance-icons.svg#details-call-tree);
 }
 
-#select-calltree-view:hover,
-#select-calltree-view:hover:active,
-#select-calltree-view[checked],
 #select-js-calltree-view:hover,
 #select-js-calltree-view:hover:active,
 #select-js-calltree-view[checked],
@@ -125,15 +121,11 @@
   list-style-image: url(performance-icons.svg#details-call-tree-active);
 }
 
-#select-flamegraph-view,
 #select-js-flamegraph-view,
 #select-memory-flamegraph-view {
   list-style-image: url(performance-icons.svg#details-flamegraph);
 }
 
-#select-flamegraph-view:hover,
-#select-flamegraph-view:hover:active,
-#select-flamegraph-view[checked],
 #select-js-flamegraph-view:hover,
 #select-js-flamegraph-view:hover:active,
 #select-js-flamegraph-view[checked],
diff --git a/LCARStrek/browser/devtools/profiler.css b/LCARStrek/browser/devtools/profiler.css
index bb0e0a11..1144440e 100644
--- a/LCARStrek/browser/devtools/profiler.css
+++ b/LCARStrek/browser/devtools/profiler.css
@@ -193,6 +193,8 @@ window {
   overflow: auto;
 }
 
+.call-tree-cells-container[allocations-hidden] .call-tree-cell[type="allocations"],
+.call-tree-cells-container[allocations-hidden] .call-tree-cell[type="self-allocations"],
 .call-tree-cells-container[categories-hidden] .call-tree-category {
   display: none;
 }
@@ -280,7 +282,8 @@ window {
 
 .call-tree-item:not([origin="content"]) .call-tree-name,
 .call-tree-item:not([origin="content"]) .call-tree-url,
-.call-tree-item:not([origin="content"]) .call-tree-line {
+.call-tree-item:not([origin="content"]) .call-tree-line,
+.call-tree-item:not([origin="content"]) .call-tree-column {
   /* Style chrome and non-JS nodes differently. */
   opacity: 0.6;
 }
@@ -302,6 +305,11 @@ window {
   color: var(--theme-content-color2);
 }
 
+.call-tree-column {
+  color: var(--theme-highlight-orange);
+  opacity: 0.6;
+}
+
 .call-tree-host {
   -moz-margin-start: 8px !important;
   font-size: 90%;
@@ -311,8 +319,10 @@ window {
   color: var(--theme-highlight-pink);
 }
 
+.call-tree-name[value=""],
 .call-tree-url[value=""],
 .call-tree-line[value=""],
+.call-tree-column[value=""],
 .call-tree-host[value=""] {
   display: none;
 }
diff --git a/LCARStrek/browser/devtools/shadereditor.css b/LCARStrek/browser/devtools/shadereditor.css
index 9e034b06..9cdc3e4b 100644
--- a/LCARStrek/browser/devtools/shadereditor.css
+++ b/LCARStrek/browser/devtools/shadereditor.css
@@ -24,15 +24,6 @@ window {
   font-size: 110%;
 }
 
-#waiting-notice::before {
-  display: inline-block;
-  content: "";
-  background: url("chrome://global/skin/icons/loading_16.png") center no-repeat;
-  width: 16px;
-  height: 16px;
-  -moz-margin-end: 6px;
-}
-
 /* Shaders pane */
 
 #shaders-pane {
diff --git a/LCARStrek/browser/devtools/splitview.css b/LCARStrek/browser/devtools/splitview.css
index 38963094..b3a7fbdf 100644
--- a/LCARStrek/browser/devtools/splitview.css
+++ b/LCARStrek/browser/devtools/splitview.css
@@ -8,10 +8,13 @@
   color: var(--theme-body-color);
 }
 
-.loading .splitview-nav-container {
-  background-image: url("chrome://global/skin/icons/loading.gif");
-  background-repeat: no-repeat;
-  background-position: center center;
+.splitview-nav-container .devtools-throbber {
+  display: none;
+  text-align: center;
+}
+
+.loading .splitview-nav-container .devtools-throbber {
+  display: block;
 }
 
 .splitview-nav {
diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css
index 9acb10d9..70fa57c7 100644
--- a/LCARStrek/browser/devtools/webaudioeditor.css
+++ b/LCARStrek/browser/devtools/webaudioeditor.css
@@ -20,15 +20,6 @@
   font-size: 110%;
 }
 
-#waiting-notice::before {
-  display: inline-block;
-  content: "";
-  background: url("chrome://global/skin/icons/loading.gif") center no-repeat;
-  width: 16px;
-  height: 16px;
-  -moz-margin-end: 6px;
-}
-
 /* Context Graph */
 svg {
   overflow: hidden;
diff --git a/LCARStrek/browser/pageInfo.css b/LCARStrek/browser/pageInfo.css
index afa04c16..db5de41d 100644
--- a/LCARStrek/browser/pageInfo.css
+++ b/LCARStrek/browser/pageInfo.css
@@ -121,7 +121,7 @@ textbox[disabled] {
 }
 
 /* General Tab */
-groupbox.collapsable caption .caption-icon { 
+groupbox.collapsable caption .caption-icon {
   width: 9px;
   height: 9px;
   background-repeat: no-repeat;
@@ -137,7 +137,7 @@ groupbox.collapsable[closed="true"] {
   -moz-appearance: none;
 }
 
-groupbox.collapsable[closed="true"] > caption > .caption-icon { 
+groupbox.collapsable[closed="true"] > caption > .caption-icon {
   background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
 }
 
@@ -145,11 +145,11 @@ groupbox.collapsable > caption:hover {
   background-color: #FFCF00;
 }
 
-groupbox.treebox { 
+groupbox.treebox {
   padding: 0;
 }
 
-groupbox.treebox > tree { 
+groupbox.treebox > tree {
   margin: 2px;
   margin-top: 0;
   border: none;
@@ -157,7 +157,7 @@ groupbox.treebox > tree {
   border-top-left-radius: 0;
 }
 
-groupbox.treebox > tree > treecols > treecol { 
+groupbox.treebox > tree > treecols > treecol {
   border: none;
   border-bottom: 1px solid #FF9F00;
   background-color: #A09090;
@@ -168,7 +168,7 @@ groupbox.treebox > tree > treechildren::-moz-tree-cell {
   padding: 0 3px;
 }
 
-#securityBox description { 
+#securityBox description {
   -moz-margin-start: 10px;
 }
 
@@ -233,7 +233,7 @@ treechildren::-moz-tree-cell-text(broken) {
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 }
 */
-.feedTitle { 
+.feedTitle {
   font-weight: bold;
 }
 
@@ -276,10 +276,14 @@ treechildren::-moz-tree-cell-text(broken) {
 }
  
 #securityPanel .fieldLabel {
-  margin: 2px 10px 3px 10px;
+  margin: 2px 10px 3px;
 }
 
 #securityPanel .fieldValue {
   font-weight: bold;
-  margin: 2px 10px 0px 10px;
+  margin: 2px 10px 0px;
+}
+
+#securityPanel row {
+  -moz-box-align: center;
 }
diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
index 948d9a7b..8a37aff2 100644
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -45,6 +45,8 @@ treecol {
 /* Category List */
 
 #categories {
+  max-height: 100vh;
+
   background-color: #A09090;
   padding-top: 4em;
   margin: 0;
@@ -52,6 +54,10 @@ treecol {
   border: none;
 }
 
+#categories > scrollbox {
+  overflow-x: hidden !important;
+}
+
 .category {
   background-color: #000000;
   color: #FFCF00;
@@ -85,6 +91,16 @@ treecol {
   margin: 0;
 }
 
+/**
+ * We want the last category to always have non-0 getBoundingClientRect().bottom
+ * so we can use the value to figure out the max-height of the list in
+ * preferences.js, so use collapse instead of display: none; if it's hidden
+ */
+#categories > .category[hidden="true"] {
+  display: -moz-box;
+  visibility: collapse;
+}
+
 .category-icon {
   width: 24px;
   height: 24px;
@@ -183,6 +199,43 @@ treecol {
 
 /* General Pane */
 
+#startupTable {
+  border-collapse: collapse;
+}
+
+#startupTable > tr > td {
+  padding: 0; /* remove the padding from html.css */
+}
+
+#startupTable > tr:not(:first-child) > td {
+  padding-top: 0.5em; /* add a spacing between the rows */
+}
+
+#startupTable > tr > .label-cell {
+  text-align: end;
+  width: 0; /* make the column as small as possible */
+}
+
+#startupTable > tr > .label-cell > label {
+  white-space: nowrap;
+}
+
+#startupTable > tr > .content-cell > menulist,
+#startupTable > tr > .content-cell > textbox {
+  width: calc(100% - 8px);
+  margin-left: 4px;
+  margin-right: 4px;
+}
+
+#startupTable > tr > .homepage-buttons {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+#startupTable > tr > .homepage-buttons > .content-cell-item {
+  flex-grow: 1;
+}
+
 #useFirefoxSync  {
   font-size: 90%;
   -moz-margin-end: 8px !important;
diff --git a/LCARStrek/browser/preferences/in-content/search.css b/LCARStrek/browser/preferences/in-content/search.css
index b837e8d3..c18749ef 100644
--- a/LCARStrek/browser/preferences/in-content/search.css
+++ b/LCARStrek/browser/preferences/in-content/search.css
@@ -2,6 +2,9 @@
  * 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/. */
 
+#defaultEngine {
+}
+
 #defaultEngine > .menulist-label-box > .menulist-icon {
   height: 16px;
 }
@@ -12,7 +15,7 @@
 }
 
 #engineList {
-  margin: .5em 6px;
+  margin: .5em 2px;
 }
 /*
 #engineList treechildren::-moz-tree-image(engineShown, checked) {
diff --git a/LCARStrek/browser/session-restore.svg b/LCARStrek/browser/session-restore.svg
new file mode 100644
index 00000000..721fc244
--- /dev/null
+++ b/LCARStrek/browser/session-restore.svg
@@ -0,0 +1,12 @@
+<?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" x="0" y="0" viewBox="0 0 60 60" enable-background="new 0 0 60 60">
+  <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="10" x2="30" y2="50">
+    <stop offset="0" style="stop-color: #FFCF00"/>
+    <stop offset="1" style="stop-color: #FF9F00"/>
+  </linearGradient>
+  <path fill="url(#gradient)" d="M49.316,42.867L33.829,12.7c-0.879-1.715-2.274-2.7-3.828-2.7c-1.554,0-2.949,0.985-3.829,2.702
+    L10.685,42.864c-0.869,1.69-0.913,3.482-0.121,4.909C11.35,49.187,12.817,50,14.591,50h30.82c1.772,0,3.24-0.81,4.023-2.224
+    C50.227,46.349,50.185,44.56,49.316,42.867z M32.176,22.304l-0.48,14.304h-3.424L27.76,22.304H32.176z M30,44.896
+    c-1.44,0-2.592-1.184-2.592-2.592c0-1.44,1.152-2.592,2.592-2.592c1.472,0,2.592,1.152,2.592,2.592
+    C32.592,43.712,31.472,44.896,30,44.896z"/>
+</svg>
\ No newline at end of file
diff --git a/LCARStrek/browser/tab-crashed.svg b/LCARStrek/browser/tab-crashed.svg
new file mode 100644
index 00000000..d97ab740
--- /dev/null
+++ b/LCARStrek/browser/tab-crashed.svg
@@ -0,0 +1,16 @@
+<?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" x="0" y="0" viewBox="0 0 60 60" enable-background="new 0 0 60 60">
+  <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="12.8499" x2="30" y2="47.1501">
+    <stop offset="0" style="stop-color: #FF0000"/>
+    <stop offset="1" style="stop-color: #FF9F00"/>
+  </linearGradient>
+  <path fill-rule="evenodd" clip-rule="evenodd" fill="url(#gradient)" d="M49.048,17.648H29.004
+    c-2.289-0.016-2.809-1.142-3.165-2.401c-0.359-1.269-1.076-2.397-3.229-2.397c-5.775,0-5.42,0-6.167,0
+    c-2.153,0-2.87,1.127-3.229,2.397c-0.359,1.269-0.882,2.403-3.214,2.403h0.94c-0.519,0.008-0.937,0.433-0.937,0.958v27.583
+    c0,0.53,0.426,0.959,0.952,0.959h38.093c0.526,0,0.952-0.429,0.952-0.959V18.607C50,18.077,49.574,17.648,49.048,17.648z
+     M18.441,27.932c0-2.119,1.705-3.837,3.809-3.837c2.103,0,3.809,1.718,3.809,3.837c0,2.119-1.705,3.837-3.809,3.837
+    C20.146,31.769,18.441,30.051,18.441,27.932z M36.717,41.83c-1.525,0-1.525-2.305-6.864-2.305c-5.339,0-5.339,2.305-6.864,2.305
+    c-0.842,0-1.526-0.512-1.526-1.537c0-1.024,1.271-3.842,8.39-3.842c7.119,0,8.39,2.804,8.39,3.842
+    C38.243,41.331,37.56,41.83,36.717,41.83z M37.485,31.769c-2.104,0-3.809-1.718-3.809-3.837c0-2.119,1.705-3.837,3.809-3.837
+    c2.104,0,3.809,1.718,3.809,3.837C41.294,30.051,39.588,31.769,37.485,31.769z"/>
+</svg>
\ No newline at end of file
diff --git a/LCARStrek/browser/tabbrowser/crashed.svg b/LCARStrek/browser/tabbrowser/crashed.svg
new file mode 100644
index 00000000..efa68f7d
--- /dev/null
+++ b/LCARStrek/browser/tabbrowser/crashed.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     viewBox="22 22 16 16">
+  <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="23" x2="30" y2="37">
+    <stop offset="0" style="stop-color: #FF0000"/>
+    <stop offset="1" style="stop-color: #FF0000"/>
+  </linearGradient>
+  <circle fill="url(#gradient)" cx="30" cy="30" r="7"/>
+  <path fill="#FFCF00" d="M31.03,33.304c0,0.6-0.479,1.092-1.091,1.092c-0.6,0-1.079-0.492-1.079-1.092 c0-0.588,0.479-1.079,1.079-1.079C30.551,32.225,31.03,32.716,31.03,33.304z M29.171,31.133l-0.24-5.253h2.015l-0.24,5.253H29.171z"/>
+</svg>
diff --git a/LCARStrek/browser/welcome-back.svg b/LCARStrek/browser/welcome-back.svg
new file mode 100644
index 00000000..2cc4cdcf
--- /dev/null
+++ b/LCARStrek/browser/welcome-back.svg
@@ -0,0 +1,17 @@
+<?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" x="0px" y="0px" viewBox="0 0 60 60" enable-background="new 0 0 60 60">
+  <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="0" y1="30" x2="60" y2="30">
+    <stop offset="0" style="stop-color: #FF4F00"/>
+    <stop offset="1" style="stop-color: #FF9F00"/>
+  </linearGradient>
+  <path fill="url(#gradient)" d="M45.844,41.272c0.018-0.08,0.039-0.156,0.055-0.239c0.097-0.35,0.164-0.735,0.215-1.136
+    c0.375-0.835,0.747-2.172,0.5-3.936c-0.021-0.326-0.073-0.669-0.14-1.018c4.957-3.957,24.499-20.957,5.137-29.039
+    c0,0,4.23,6.9-2.898,13.92c-4.332,4.266-5.37,8.436-5.058,11.538c0,0,0.036,0.21,0.096,0.564c-1.62-2.178-5.652-4.53-14.256-2.022
+    c-8.736,2.544-7.476,4.518-9.234,3.606c0,0-0.93-2.166-3.564-4.452c0,0,0.726-4.416-0.42-5.472
+    c-1.146-1.062-2.628,2.244-5.346,3.432c-2.712,1.188-6.234,2.928-6.57,6.024l-3.39,2.328c0,0-1.446,0.684-0.81,1.32
+    c0.636,0.636,1.698,1.44,3.012,1.314c1.314-0.126,2.928-0.51,4.158-0.168c1.23,0.336,2.202,2.67,4.872,6.102
+    c0,0,2.142,4.542,6.936,5.412c0.036,0.024,0.072,0.054,0.108,0.078c1.404,1.026,4.584,3.336,5.148,3.834
+    c0.744,0.636,7.422,1.158,9.486,0.474c0,0-0.6-3.408-5.04-1.944c0,0-2.082,0.078-4.59-2.892c0.228-0.072,0.456-0.156,0.69-0.252
+    c1.056-0.402,2.184-0.966,3.39-1.728c0,0,1.542-0.774,3.846-1.356c0,0,2.497-0.555,4.376,0.455c2.542,1.829,6.483,2.442,12.58-0.566
+    c0,0,5.357,5.102,7.575,8.644c0,0,4.916-1.89-5.065-11.76C51.643,42.336,47.455,42.801,45.844,41.272z"/>
+</svg>
\ No newline at end of file
diff --git a/LCARStrek/global/groupbox.css b/LCARStrek/global/groupbox.css
index 7acaa3af..b10b0b8d 100644
--- a/LCARStrek/global/groupbox.css
+++ b/LCARStrek/global/groupbox.css
@@ -17,7 +17,7 @@ groupbox {
   padding-top: 3px;
   padding-bottom: 5px;
   -moz-padding-start: 5px;
-  -moz-padding-end: 3px;
+  -moz-padding-end: 5px;
 }
 
 .groupbox-body {