second part of syncing LCARStrek with Firefox 38 windows theme changes

diff --git a/LCARStrek/browser/aboutSessionRestore.css b/LCARStrek/browser/aboutSessionRestore.css
index b7d1dab74c4a417f3f37e29b6074a2a681884c46..c6db997567a30f30b3efbd2f13341605ea94778d 100644 (file)
--- 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/. */
 
  * 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),
 }
 
 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) {
   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");
 }
 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;
 }
   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 87f69804d719dd3563aa84d20d01b54d063f87dc..2ef767eb8b24f7411fd95a5433c6e978dfa659ae 100644 (file)
--- 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;
 }
   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 3e11e8242ac97322ea2e4eca17054c74b3139bc5..34368b3070a199875b0d0597800c8d8ee7031a21 100644 (file)
--- 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/. */
 
  * 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
 }
 
 /* tablist starts out hidden, but JS may make it visible in response to


@@ -18,25 +21,35 @@
   display: -moz-box;
 }
 
   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 737c4bbd0fdf535cfba4dc049b2cbf999afc770f..2d5f38cd0a89dd0fb699114b4063f7274c96c84b 100644 (file)
--- 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; */
 :root {
   /* --tab-toolbar-navbar-overlap: 1px; */
   /* --tab-min-height: 31px; */

+  /* --tab-curve-width: 30px; */
+  /* --tab-curve-half-width: 15px; */

 }
 
 .tabbrowser-tab,
 }
 
 .tabbrowser-tab,


@@ -2701,7 +2703,10 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 .tab-content {
 }
 
 .tab-content {
 }
 

-.tab-/*throbber*/,
+.tab-content[pinned] {
+}
+
+.tab-throbber,

 .tab-icon-image,
 .tab-close-button {
 }
 .tab-icon-image,
 .tab-close-button {
 }


@@ -2710,12 +2715,26 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 .tab-icon-image {
   height: 16px;
   width: 16px;
 .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-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");
 }
 .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");
 }
 
   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;
 .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;
 
 .tabs-newtab-button {
   width: 28px;

-  /* width: calc(36px + @tabCurveWidth@); */
+  /* width: calc(36px + var(--tab-curve-width)); */

 }
 
 /* === END tabs.inc.css === */
 }
 
 /* === 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-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");
 .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 592239c2692f364a6465b26db3c8a70918df2d9a..feb2637af44140c529b7042a3e11d034b34a6abc 100644 (file)
--- 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 {
 /* 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 ab9e9b06f8fc11adb2507a7c639e3e51cd9fe45f..b852703a4435218e6f673f28418f9820a7de6b37 100644 (file)
--- a/LCARStrek/browser/devtools/canvasdebugger.css
+++ b/LCARStrek/browser/devtools/canvasdebugger.css
@@ -107,14 +107,8 @@
   pointer-events: none;
 }
 
   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;
   margin-top: -2px;

-  -moz-margin-end: 4px;

 }
 
 #snapshots-list .selected label {
 }
 
 #snapshots-list .selected label {

diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css
index acb0cb5269bffc6405ca413d98917b6d4eaeab5e..b22769f3a4ae051ced34e124c3218c41796e9750 100644 (file)
--- 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. */
 }
 /*  -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 === */
 
 /* === END toolbars.inc.css === */

diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css
index f73ddf94d4c2a2c7cebbe66056d203c579c5d827..c6c1860fe54e86dc25758a5ca60a57382492092e 100644 (file)
--- 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");
 }
 
   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");
 .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;
 }
 
   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 {
 /* Custom request form */
 
 #custom-pane {

diff --git a/LCARStrek/browser/devtools/performance.css b/LCARStrek/browser/devtools/performance.css
index 413d89430273a7a425aa3d5cc49ebe618b5b4115..3e28dafb8d5b677af4d3b06fefd86dd165e9d7c7 100644 (file)
--- 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);
 }
 
   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-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],
 #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);
 }
 
   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-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],
 #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 bb0e0a1167d11d5126c68336262269090aee982f..1144440e3f229600b8ee1d052985dbdaab1cde14 100644 (file)
--- a/LCARStrek/browser/devtools/profiler.css
+++ b/LCARStrek/browser/devtools/profiler.css
@@ -193,6 +193,8 @@ window {
   overflow: auto;
 }
 
   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;
 }
 .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-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;
 }
   /* Style chrome and non-JS nodes differently. */
   opacity: 0.6;
 }


@@ -302,6 +305,11 @@ window {
   color: var(--theme-content-color2);
 }
 
   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%;
 .call-tree-host {
   -moz-margin-start: 8px !important;
   font-size: 90%;


@@ -311,8 +319,10 @@ window {
   color: var(--theme-highlight-pink);
 }
 
   color: var(--theme-highlight-pink);
 }
 

+.call-tree-name[value=""],

 .call-tree-url[value=""],
 .call-tree-line[value=""],
 .call-tree-url[value=""],
 .call-tree-line[value=""],

+.call-tree-column[value=""],

 .call-tree-host[value=""] {
   display: none;
 }
 .call-tree-host[value=""] {
   display: none;
 }

diff --git a/LCARStrek/browser/devtools/shadereditor.css b/LCARStrek/browser/devtools/shadereditor.css
index 9e034b06f5aa6363b0677d3c6580bd23b2c2cfc5..9cdc3e4b41c5520790ba3b735810db9202f9c543 100644 (file)
--- a/LCARStrek/browser/devtools/shadereditor.css
+++ b/LCARStrek/browser/devtools/shadereditor.css
@@ -24,15 +24,6 @@ window {
   font-size: 110%;
 }
 
   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 {
 /* Shaders pane */
 
 #shaders-pane {

diff --git a/LCARStrek/browser/devtools/splitview.css b/LCARStrek/browser/devtools/splitview.css
index 38963094ddc16a9b44cda7ba6a86aa73458f8ca6..b3a7fbdf864644a1ff7aa9d9cf8f68870fd9c35f 100644 (file)
--- a/LCARStrek/browser/devtools/splitview.css
+++ b/LCARStrek/browser/devtools/splitview.css
@@ -8,10 +8,13 @@
   color: var(--theme-body-color);
 }
 
   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 {
 }
 
 .splitview-nav {

diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css
index 9acb10d913977a477167e3d91ebef20162863076..70fa57c76f23dded062f252c606aa75d20de3558 100644 (file)
--- a/LCARStrek/browser/devtools/webaudioeditor.css
+++ b/LCARStrek/browser/devtools/webaudioeditor.css
@@ -20,15 +20,6 @@
   font-size: 110%;
 }
 
   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;
 /* Context Graph */
 svg {
   overflow: hidden;

diff --git a/LCARStrek/browser/pageInfo.css b/LCARStrek/browser/pageInfo.css
index afa04c1668f6e702727c7213a27633bae8008a2c..db5de41d2c09c4984782dbb93431f193f6d356fc 100644 (file)
--- a/LCARStrek/browser/pageInfo.css
+++ b/LCARStrek/browser/pageInfo.css
@@ -121,7 +121,7 @@ textbox[disabled] {
 }
 
 /* General Tab */
 }
 
 /* General Tab */

-groupbox.collapsable caption .caption-icon { 
+groupbox.collapsable caption .caption-icon {

   width: 9px;
   height: 9px;
   background-repeat: no-repeat;
   width: 9px;
   height: 9px;
   background-repeat: no-repeat;


@@ -137,7 +137,7 @@ groupbox.collapsable[closed="true"] {
   -moz-appearance: none;
 }
 
   -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");
 }
 
   background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
 }
 


@@ -145,11 +145,11 @@ groupbox.collapsable > caption:hover {
   background-color: #FFCF00;
 }
 
   background-color: #FFCF00;
 }
 

-groupbox.treebox { 
+groupbox.treebox {

   padding: 0;
 }
 
   padding: 0;
 }
 

-groupbox.treebox > tree { 
+groupbox.treebox > tree {

   margin: 2px;
   margin-top: 0;
   border: none;
   margin: 2px;
   margin-top: 0;
   border: none;


@@ -157,7 +157,7 @@ groupbox.treebox > tree {
   border-top-left-radius: 0;
 }
 
   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;
   border: none;
   border-bottom: 1px solid #FF9F00;
   background-color: #A09090;


@@ -168,7 +168,7 @@ groupbox.treebox > tree > treechildren::-moz-tree-cell {
   padding: 0 3px;
 }
 
   padding: 0 3px;
 }
 

-#securityBox description { 
+#securityBox description {

   -moz-margin-start: 10px;
 }
 
   -moz-margin-start: 10px;
 }
 


@@ -233,7 +233,7 @@ treechildren::-moz-tree-cell-text(broken) {
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 }
 */
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 }
 */

-.feedTitle { 
+.feedTitle {

   font-weight: bold;
 }
 
   font-weight: bold;
 }
 


@@ -276,10 +276,14 @@ treechildren::-moz-tree-cell-text(broken) {
 }
  
 #securityPanel .fieldLabel {
 }
  
 #securityPanel .fieldLabel {

-  margin: 2px 10px 3px 10px;
+  margin: 2px 10px 3px;

 }
 
 #securityPanel .fieldValue {
   font-weight: bold;
 }
 
 #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 948d9a7ba63a8ed7641102950d4a1c2d9cb5e59a..8a37aff2b769b8722e9c8e1a820c04a10c6bdba9 100644 (file)
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -45,6 +45,8 @@ treecol {
 /* Category List */
 
 #categories {
 /* Category List */
 
 #categories {

+  max-height: 100vh;
+

   background-color: #A09090;
   padding-top: 4em;
   margin: 0;
   background-color: #A09090;
   padding-top: 4em;
   margin: 0;


@@ -52,6 +54,10 @@ treecol {
   border: none;
 }
 
   border: none;
 }
 

+#categories > scrollbox {
+  overflow-x: hidden !important;
+}
+

 .category {
   background-color: #000000;
   color: #FFCF00;
 .category {
   background-color: #000000;
   color: #FFCF00;


@@ -85,6 +91,16 @@ treecol {
   margin: 0;
 }
 
   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;
 .category-icon {
   width: 24px;
   height: 24px;


@@ -183,6 +199,43 @@ treecol {
 
 /* General Pane */
 
 
 /* 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;
 #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 b837e8d39c0d71e6067debc8f4126b9d275944f3..c18749ef6b155be36a73f8143e19f5228a7e68a8 100644 (file)
--- 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/. */
 
  * 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;
 }
 #defaultEngine > .menulist-label-box > .menulist-icon {
   height: 16px;
 }


@@ -12,7 +15,7 @@
 }
 
 #engineList {
 }
 
 #engineList {

-  margin: .5em 6px;
+  margin: .5em 2px;

 }
 /*
 #engineList treechildren::-moz-tree-image(engineShown, checked) {
 }
 /*
 #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 (file)
index 0000000..721fc24
--- /dev/null
+++ b/LCARStrek/browser/session-restore.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<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">\r
+  <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="10" x2="30" y2="50">\r
+    <stop offset="0" style="stop-color: #FFCF00"/>\r
+    <stop offset="1" style="stop-color: #FF9F00"/>\r
+  </linearGradient>\r
+  <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\r
+    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\r
+    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\r
+    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\r
+    C32.592,43.712,31.472,44.896,30,44.896z"/>\r
+</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 (file)
index 0000000..d97ab74
--- /dev/null
+++ b/LCARStrek/browser/tab-crashed.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<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">\r
+  <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="12.8499" x2="30" y2="47.1501">\r
+    <stop offset="0" style="stop-color: #FF0000"/>\r
+    <stop offset="1" style="stop-color: #FF9F00"/>\r
+  </linearGradient>\r
+  <path fill-rule="evenodd" clip-rule="evenodd" fill="url(#gradient)" d="M49.048,17.648H29.004\r
+    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\r
+    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\r
+    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\r
+     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\r
+    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\r
+    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\r
+    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\r
+    c2.104,0,3.809,1.718,3.809,3.837C41.294,30.051,39.588,31.769,37.485,31.769z"/>\r
+</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 (file)
index 0000000..efa68f7
--- /dev/null
+++ b/LCARStrek/browser/tabbrowser/crashed.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<svg xmlns="http://www.w3.org/2000/svg"\r
+     xmlns:xlink="http://www.w3.org/1999/xlink"\r
+     viewBox="22 22 16 16">\r
+  <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="23" x2="30" y2="37">\r
+    <stop offset="0" style="stop-color: #FF0000"/>\r
+    <stop offset="1" style="stop-color: #FF0000"/>\r
+  </linearGradient>\r
+  <circle fill="url(#gradient)" cx="30" cy="30" r="7"/>\r
+  <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"/>\r
+</svg>\r

diff --git a/LCARStrek/browser/welcome-back.svg b/LCARStrek/browser/welcome-back.svg
new file mode 100644 (file)
index 0000000..2cc4cdc
--- /dev/null
+++ b/LCARStrek/browser/welcome-back.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<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">\r
+  <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="0" y1="30" x2="60" y2="30">\r
+    <stop offset="0" style="stop-color: #FF4F00"/>\r
+    <stop offset="1" style="stop-color: #FF9F00"/>\r
+  </linearGradient>\r
+  <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\r
+    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\r
+    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\r
+    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\r
+    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\r
+    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\r
+    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\r
+    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\r
+    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\r
+    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"/>\r
+</svg>
\ No newline at end of file

diff --git a/LCARStrek/global/groupbox.css b/LCARStrek/global/groupbox.css
index 7acaa3af856ac0ca60fd54df19b8fb9470d3e45f..b10b0b8d8e4f00796306260f6a549b16149c0c4e 100644 (file)
--- 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;
   padding-top: 3px;
   padding-bottom: 5px;
   -moz-padding-start: 5px;

-  -moz-padding-end: 3px;
+  -moz-padding-end: 5px;

 }
 
 .groupbox-body {
 }
 
 .groupbox-body {