rest of LCARStrek updates for toolkit winstripe in Firefox 15

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 1c553c53e4b3b90446d9a1a49aef9aade54c283e..c22971789237fb04c41d52ef2b8a98c8e1a8ae37 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -1344,18 +1344,18 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   padding-right: 2.01px;
 }
 
-#identity-box.verifiedIdentity {
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
   color: #008484;
   -moz-border-end: 1px solid #008484;
   -moz-margin-end: 3px;
 }
 
-#identity-box.verifiedIdentity:-moz-locale-dir(ltr) {
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-#identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -1445,7 +1445,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 }
 
 #page-proxy-favicon[pageproxystate="invalid"] {
-  opacity: 0.5;
+  opacity: 0.3;
 }
 
 /* autocomplete */
@@ -2522,11 +2522,27 @@ highlighter-veil-transparentbox {
   -moz-image-region: rect(0 32px 16px 16px);
 }
 
-#inspector-toolbar {
+#inspector-toolbar,
+#developer-toolbar {
   border-top: 3px solid #000000;
   border-bottom: none;
 }
 
+#developer-toolbar .toolbar-holder {
+  background-color: #8050B0;
+  color: #FFCF00;
+}
+
+#developer-toolbar .toolbar-holder {
+  background-color: #8050B0;
+  color: #FFCF00;
+}
+
+#developer-toolbar .toolbar-startcap,
+#developer-toolbar .toolbar-endcap{
+  background-color: #6000CF;
+}
+
 #inspector-tools {
   -moz-padding-end: 2px;
   border-left: 3px solid #000000;
@@ -2928,41 +2944,64 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 /*  border-radius: 0 3px 3px 0;*/
 }
 
-.gcli-panel-inner-arrowcontent {
+/* Highlight toolbar - Option menu */
+
+#inspector-option-toolbarbutton:-moz-focusring {
+  outline: 1px dotted #008484;
+  outline-offset: -2px;
+}
+
+html|*#gcli-tooltip-frame,
+html|*#gcli-output-frame {
   padding: 0;
+  border-width: 0;
+  background-color: transparent;
+}
+
+#gcli-output,
+#gcli-tooltip {
+  border-width: 0;
+  background-color: transparent;
+  margin-bottom: -2px;
 }
 
 .gclitoolbar-input-node,
 .gclitoolbar-complete-node,
 .gclitoolbar-prompt {
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
+  margin: 1px 3px;
+  -moz-box-align: center;
+  padding-top: 0;
+  padding-bottom: 0;
+  padding-right: 4px;
+  background-color: transparent;
+  border-radius: 3px;
+  text-shadow: none;
 }
 
 .gclitoolbar-input-node {
-  background-color: transparent;
-  -moz-appearance: none;
-  border: none;
-  padding: 0 0 0 22px;
+  padding-left: 20px;
+}
+
+.gclitoolbar-input-node:not([focused="true"]) {
+  border-color: transparent;
 }
 
 .gclitoolbar-complete-node {
+  padding-left: 21px;
   background-color: transparent;
   color: transparent;
-  height: 100%;
-  line-height: 100%;
-  padding: 7px 0 0 27px;
-  margin: 0;
 }
 
 .gclitoolbar-prompt {
-  color: #E7ADE7;
+  padding-left: 4px;
+  padding-bottom: 2px;
   font-size: 150%;
   font-weight: bold;
-  line-height: 100%;
-  padding-top: 1px;
-  padding-left: 4px;
+  color: #E7ADE7;
+  background-color: #000000;
 }
 
+.gclitoolbar-prompt-label,
 .gcli-in-incomplete,
 .gcli-in-error,
 .gcli-in-ontab,
@@ -2994,9 +3033,49 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
   color: #8050B0;
 }
 
-/* Highlight toolbar - Option menu */
+/* Responsive Mode */
 
-#inspector-option-toolbarbutton:-moz-focusring {
-  outline: 1px dotted #008484;
-  outline-offset: -2px;
+vbox[anonid=browserContainer][responsivemode] {
+  background: #392900 url("chrome://browser/skin/devtools/responsive-background.png");
+  box-shadow: 0 0 7px #9C9CFF inset;
+  padding: 0 20px 20px 20px;
+}
+
+stack[anonid=browserStack][responsivemode] {
+  box-shadow: 0 0 7px #9C9CFF;
+}
+
+.devtools-responsiveui-toolbar {
+  background: transparent;
+  margin: 10px 0;
+  padding: 0;
+  box-shadow: none;
+  border-bottom-width: 0;
+}
+
+.devtools-responsiveui-toolbar > menulist,
+.devtools-responsiveui-toolbar > toolbarbutton {
+  min-width: 22px;
+  border-radius: 0;
+}
+
+.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
+.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
+  margin-left: 0;
+}
+
+.devtools-responsiveui-resizebar {
+  width: 7px;
+  height: 24px;
+  cursor: ew-resize;
+  -moz-transform: translate(12px, -12px);
+  background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
+}
+
+.devtools-responsiveui-resizehandle {
+  width: 16px;
+  height: 16px;
+  cursor: se-resize;
+  -moz-transform: translate(12px, 12px);
+  background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
 }

diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css
index 09eb01351c4838b77e0dbaad8bfa7d3af55cf38e..6cdbe48f4ae2d9a0efa42fb71ed57bad41d80ab5 100644 (file)
--- a/LCARStrek/browser/devtools/common.css
+++ b/LCARStrek/browser/devtools/common.css
@@ -25,14 +25,14 @@ devtools-menulist:-moz-focusring,
   min-width: 20px;
 }
 
-.devtools-toolbarbutton:not([checked]):hover:active {
+.devtools-toolbarbutton:not([checked=true]):hover:active {
 }
 
 .devtools-menulist[open=true],
-.devtools-toolbarbutton[checked] {
+.devtools-toolbarbutton[checked=true] {
 }
 
-.devtools-toolbarbutton[checked]:hover:active {
+.devtools-toolbarbutton[checked=true]:hover:active {
 }
 
 .devtools-menulist > .menulist-label-box {
@@ -45,6 +45,12 @@ devtools-menulist:-moz-focusring,
 .devtools-menulist:focus:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
 }
 
+/* LCARStrek checkbox colors don't work well against toolbar background */
+.devtools-toolbar > checkbox {
+  background-color: #000000;
+  padding: 2px;
+}
+
 /* Search input */
 
 /*
@@ -105,16 +111,18 @@ devtools-menulist:-moz-focusring,
   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
 }
 
-/* Splitter */
+/* Splitters */
 
 .devtools-horizontal-splitter {
   border: none;
   min-height: 3px;
   height: 3px;
-  margin-bottom: -3px;
   position: relative;
 }
 
 #devtools-side-splitter {
-  border: none;
+  border: 0;
+  min-width: 0;
+  width: 3px;
+  position: relative;
 }

diff --git a/LCARStrek/browser/devtools/csshtmltree.css b/LCARStrek/browser/devtools/csshtmltree.css
index 51996d062bf50c9da755a112b10ede7d31520a4a..adc78221c0392c43d338e92f000642c1f67d9fca 100644 (file)
--- a/LCARStrek/browser/devtools/csshtmltree.css
+++ b/LCARStrek/browser/devtools/csshtmltree.css
@@ -175,7 +175,7 @@ link:hover {
 }
 
 .ruleview-ruleclose {
-  width: -moz-min-content;
+  cursor: text;
   padding-right: 20px;
 }
 
@@ -212,13 +212,13 @@ link:hover {
 
 .ruleview-propertyname {
   padding: 1px 0;
-  cursor: text;
   color: #9C9CFF;
-  text-decoration: inherit;
 }
 
+.ruleview-namecontainer,
+.ruleview-propertycontainer,
+.ruleview-propertyname,
 .ruleview-propertyvalue {
-  cursor: text;
   text-decoration: inherit;
 }
 
@@ -246,4 +246,14 @@ link:hover {
 
 .ruleview-property[dirty] {
   border-left-color: #008484;
-}
\ No newline at end of file
+}
+
+.ruleview-namecontainer > .ruleview-propertyname,
+.ruleview-propertycontainer > .ruleview-propertyvalue {
+  border-bottom: 1px dotted transparent;
+}
+
+.ruleview-namecontainer:hover > .ruleview-propertyname,
+.ruleview-propertycontainer:hover > .ruleview-propertyvalue {
+  border-bottom-color: #9C9CFF;
+}

diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css
index 5a643959bfe1b3d5a98c6429d7145c4341c63859..6126a54667ae5a72cde27722af1f31b0fd1ca459 100644 (file)
--- a/LCARStrek/browser/devtools/debugger.css
+++ b/LCARStrek/browser/devtools/debugger.css
@@ -17,20 +17,23 @@ window {
  */
 
 #dbg-content {
-  /* padding: 6px; */
+  padding: 0;
 }
 
 .devtools-side-splitter {
   border: none;
 }
 
+#scripts {
+  max-width: 350px;
+}
+
 /**
  * Lists and headers
  */
 
 .list-item {
   padding: 2px;
-/*  font: -moz-list; */
 }
 
 .list-item.selected {
@@ -56,11 +59,12 @@ window {
 }
 
 .dbg-stackframe-name {
+  -moz-padding-end: 4px;
   font-weight: 600;
 }
 
 /**
- * Properties elements
+ * Properties view
  */
 
 #variables {
@@ -68,7 +72,7 @@ window {
 }
 
 /**
- * Generic element details container
+ * Property element details container
  */
 
 .details {
@@ -80,16 +84,17 @@ window {
  */
 
 .scope > .title {
-  margin-top: 1px;
-  -moz-padding-start: 2px;
   background: #E7ADE7;
   border-radius: 5px;
   color: #000000;
 }
 
+.scope > .title > .arrow {
+  margin-top: -2px;
+}
+
 .scope > .title > .name {
   padding-top: 2px;
-  padding-bottom: 2px;
 }
 
 .scope > .details {
@@ -106,7 +111,6 @@ window {
   -moz-margin-end: 1px;
   margin-top: 2px;
   border-bottom: 1px dotted #008484;
-  border-radius: 8px;
   -moz-transition: background 1s ease-in-out;
   background: #000000;
 }
@@ -143,7 +147,37 @@ window {
 }
 
 /**
- * Property colors
+ * Non enumerable, configurable and writable variables and properties.
+ */
+
+.property[proto] > .title > .key,
+.variable[non-enumerable] > .title > .name,
+.property[non-enumerable] > .title > .key {
+  opacity: 0.5;
+}
+
+.variable[non-configurable] > .title > .name,
+.property[non-configurable] > .title > .key {
+  border-bottom: 1px dashed #9C9CFF;
+}
+
+.variable[non-writable] > .title > .name,
+.property[non-writable] > .title > .key {
+  border-bottom: 1px dashed #FF0000;
+}
+
+.variable[non-writable] > .title:after,
+.property[non-writable] > .title:after {
+  content: " ";
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  background: url("chrome://browser/skin/identity-icons-https.png") no-repeat;
+  opacity: 0.5;
+}
+
+/**
+ * Property values colors
  */
 
 .token-undefined {
@@ -205,7 +239,7 @@ window {
  * Animations
  */
 
-.details[open] {
+.details[open][animated] {
   -moz-animation-duration: 0.25s;
   -moz-animation-name: showblock;
 }
@@ -229,7 +263,7 @@ window {
  */
 
 #resume {
-  list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png");
+  list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 

diff --git a/LCARStrek/browser/devtools/gcli.css b/LCARStrek/browser/devtools/gcli.css
index 8237ff25e57ee12dae0a8911853af17844cb9839..16d8fe2d78b1ccd9fddc72f706b63429a5eeaa4a 100644 (file)
--- a/LCARStrek/browser/devtools/gcli.css
+++ b/LCARStrek/browser/devtools/gcli.css
@@ -2,10 +2,43 @@
  * 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/. */
 
-#gclichrome-body {
+.gcli-body {
   margin: 0;
-  padding: 0;
   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+  color: #FF9F00;
+}
+
+#gcli-output-root,
+#gcli-tooltip-root {
+  border: 1px solid #008484;
+  background-color: #000000;
+  border-radius: 3px;
+}
+
+#gcli-output-root {
+  padding: 5px 10px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom: 0;
+}
+
+#gcli-tooltip-root {
+  padding: 5px 0px;
+}
+
+#gcli-tooltip-connector {
+  margin-top: -1px;
+  margin-left: 8px;
+  width: 20px;
+  height: 10px;
+  border-left: 1px solid #008484;
+  border-right: 1px solid #008484;
+  background-color: #000000;
+}
+
+.gcli-tt-description,
+.gcli-tt-error {
+  padding: 0 10px;
 }
 
 .gcli-row-out {
@@ -13,6 +46,7 @@
   line-height: 1.2em;
   border-top: none;
   border-bottom: none;
+  color: #9C9CFF;
 }
 
 .gcli-row-out p,
@@ -22,42 +56,36 @@
   margin: 5px 0;
 }
 
-.gcli-out-shortcut {
-  border: 1px solid #8050B0;
-  border-radius: 3px;
-  padding: 1px 4px 0;
-  margin: 0 4px;
-  font-size: 80%;
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
-  cursor: pointer;
-  vertical-align: bottom;
-  white-space: pre;
-  background-color: #000000;
-}
-
-.gcli-out-shortcut:before {
+.gcli-row-out h1,
+.gcli-row-out h2,
+.gcli-row-out h3,
+.gcli-row-out h4,
+.gcli-row-out h5,
+.gcli-row-out th,
+.gcli-row-out strong {
   color: #FFCF00;
-  content: '\bb';
-}
-
-/* From: $GCLI/lib/gcli/commands/help.css */
-
-.gcli-help-arrow {
-  font-size: 70%;
-  color: #008484;
 }
 
+.gcli-out-shortcut,
 .gcli-help-synopsis {
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
-  font-weight: normal;
   padding: 0 3px;
-  margin: 0 10px;
-  border: 1px solid #9C9CFF;
+  margin: 0 4px;
+  font-weight: normal;
+  font-size: 90%;
   border-radius: 3px;
+  background-color: #000000;
+  color: #E7ADE7;
+  border: 1px solid #8050B0;
 }
 
+.gcli-out-shortcut:before,
 .gcli-help-synopsis:before {
   color: #FFCF00;
+  -moz-padding-end: 2px;
+}
+
+.gcli-help-arrow {
+  color: #008484;
 }
 
 .gcli-help-description {
@@ -74,9 +102,6 @@
   margin: 10px 0 6px;
 }
 
-
-/* From: $GCLI/lib/gcli/ui/menu.css */
-
 .gcli-menu-name {
   -moz-padding-start: 8px;
 }
@@ -96,12 +121,6 @@
   background-color: #795900;
 }
 
-.gcli-menu-error {
-  padding: 8px 10px 2px;
-  font-size: 80%;
-  color: #FF0000;
-}
-
 .gcli-menu-typed {
   color: #008484;
 }

diff --git a/LCARStrek/browser/devtools/orion-breakpoint.png b/LCARStrek/browser/devtools/orion-breakpoint.png
index 834e4a42cd90bc27a555827d24ccea43c48ded01..c94886e13ccec1a2c797e8f312bd110f54ccf3cf 100644 (file)
Binary files a/LCARStrek/browser/devtools/orion-breakpoint.png and b/LCARStrek/browser/devtools/orion-breakpoint.png differ

diff --git a/LCARStrek/browser/devtools/orion-debug-location.png b/LCARStrek/browser/devtools/orion-debug-location.png
index 88dd4e9f3af4e6e0dd42f967f35d7cf95d45913a..6b219a21b8a0742b36bb080bd8ea6c73835a51a5 100644 (file)
Binary files a/LCARStrek/browser/devtools/orion-debug-location.png and b/LCARStrek/browser/devtools/orion-debug-location.png differ

diff --git a/LCARStrek/browser/tabbrowser/connecting.png b/LCARStrek/browser/tabbrowser/connecting.png
index 3c8e71f5db658610223244b2e5938d6e3c7b6524..e564fb5708f3d9da4c623bb3bdfccb960566e327 100644 (file)
Binary files a/LCARStrek/browser/tabbrowser/connecting.png and b/LCARStrek/browser/tabbrowser/connecting.png differ

diff --git a/LCARStrek/browser/tabbrowser/loading.png b/LCARStrek/browser/tabbrowser/loading.png
index 201d014c1fcd5ba76fff1fecdc7d8531ae473f17..ba54836e9834f2c495bcfb05738b56481b2dbed0 100644 (file)
Binary files a/LCARStrek/browser/tabbrowser/loading.png and b/LCARStrek/browser/tabbrowser/loading.png differ

diff --git a/LCARStrek/global/autocomplete.css b/LCARStrek/global/autocomplete.css
index 11bef4607be48ee0464a47f99102b6dae2b9fae5..4d44a49c91a353cabc3f48bd3c99f5ecb7cd0264 100644 (file)
--- a/LCARStrek/global/autocomplete.css
+++ b/LCARStrek/global/autocomplete.css
@@ -114,6 +114,7 @@ panel[type="autocomplete-richlistbox"],
 /* ::::: richlistbox autocomplete ::::: */
 
 .autocomplete-richlistbox {
+  border: none;
   margin: 0;
 }
 
@@ -139,8 +140,8 @@ panel[type="autocomplete-richlistbox"],
   height: 16px;
   margin-top: 0;
   margin-bottom: -3px;
-  -moz-margin-start: 3px;
-  -moz-margin-end: 5px;
+  -moz-margin-start: 0;
+  -moz-margin-end: 3px;
 }
 
 .ac-type-icon {