second part of syncing LCARStrek with Firefox 29 windows theme changes

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 848f52972af7c389d4e88e45e44cd75d8820b7e0..6f13b4ae337a294625ae46fc46c1d75e40c62d0f 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -3724,6 +3724,36 @@ html|*#gcli-output-frame {
 
 /* === BEGIN chat.inc.css === */
 
+#social-sidebar-header {
+  padding: 3px;
+}
+
+#social-sidebar-button {
+  -moz-appearance: none;
+  list-style-image: url("chrome://browser/skin/social/gear_default.png");
+  min-width: 16px;
+  padding: 0;
+  margin: 2px;
+}
+#social-sidebar-button:hover,
+#social-sidebar-button:hover:active {
+  list-style-image: url("chrome://browser/skin/social/gear_clicked.png");
+}
+#social-sidebar-button > .toolbarbutton-menu-dropmarker {
+  display: none;
+}
+
+#social-sidebar-button[loading="true"] {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+#social-sidebar-favico {
+  max-height: 16px;
+  max-width: 16px;
+  padding: 0;
+  margin: 2px;
+}
+
 .chat-status-icon {
   max-height: 16px;
   max-width: 16px;

diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css
index d9bb9a32783e06a14b6f5fc9473c126da99dc7e5..61e2b7059fcab855f8eec4f82943304e0b70e287 100644 (file)
--- a/LCARStrek/browser/devtools/dark-theme.css
+++ b/LCARStrek/browser/devtools/dark-theme.css
@@ -11,6 +11,11 @@
   color: #FF9F00;
 }
 
+::-moz-selection {
+  background-color: #008484;
+  color: #FFCF00;
+}
+
 .theme-twisty {
   cursor: pointer;
   width: 14px;
@@ -52,7 +57,7 @@
 }
 
 .theme-bg-contrast,
-.variable-or-property[changed] { /* contrast bg color to attract attention on a container */
+.variable-or-property:not([overridden])[changed] { /* contrast bg color to attract attention on a container */
   background: #402800;
 }
 
@@ -92,7 +97,8 @@
 .theme-fg-color1,
 .cm-s-mozilla .cm-number,
 .variable-or-property .token-number,
-.variable-or-property[return] > .title > .name { /* original: green */
+.variable-or-property[return] > .title > .name,
+.variable-or-property[scope] > .title > .name { /* original: green */
   color: #008484;
 }
 
@@ -102,8 +108,7 @@
 .cm-s-mozilla .cm-def,
 .cm-s-mozilla .cm-property,
 .cm-s-mozilla .cm-qualifier,
-.variables-view-variable > .title > .name,
-.variable-or-property[scope] > .title > .name { /* original: blue */
+.variables-view-variable > .title > .name { /* original: blue */
   color: #9C9CFF;
 }
 
@@ -329,18 +334,18 @@ devtools-menulist:-moz-focusring,
   /*-moz-box-orient: horizontal;*/
 }
 
-.devtools-toolbarbutton:not([checked=true]):hover:active {
+.devtools-toolbarbutton:not([checked]):hover:active {
 }
 
 .devtools-menulist[open=true],
 .devtools-toolbarbutton[open=true],
-.devtools-toolbarbutton[checked=true] {
+.devtools-toolbarbutton[checked] {
 }
 
-.devtools-toolbarbutton[checked=true] {
+.devtools-toolbarbutton[checked] {
 }
 
-.devtools-toolbarbutton[checked=true]:hover:active {
+.devtools-toolbarbutton[checked]:hover:active {
 }
 
 .devtools-option-toolbarbutton {
@@ -382,48 +387,36 @@ devtools-menulist:-moz-focusring,
 
 .devtools-textinput,
 .devtools-searchinput {
-  -moz-appearance: none;
-/*  margin: 0 3px;
-  min-height: 22px;
-  border: 1px solid hsla(211,68%,6%,.6);
-  box-shadow: inset 0 1px 0 hsla(211,68%,6%,.05), 0 0 0 1px hsla(210,40%,83%,.1);
+/*  -moz-appearance: none;
+  margin: 0 3px;
+  border: 1px solid rgb(88, 94, 101);
   border-radius: 2px;
-  background-color: transparent;
-  background-image: linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
-  padding: 3px;*/
-  transition-property: background-color, border-color, box-shadow;
-  transition-duration: 150ms;
-  transition-timing-function: ease;
-/*  color: inherit; */
+  background-color: rgba(24, 29, 32, 1);
+  padding: 4px 6px;
+  color: rgba(184, 200, 217, 1);*/
 }
 
 .devtools-searchinput {
-  background-image: url("magnifying-glass.png")/*, linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35))*/;
-  background-repeat: no-repeat;
-  background-position: 4px center, top left, top left;
-/*  padding-top: 0;
-  padding-bottom: 0;*/
-  -moz-padding-start: 18px;
+/*  padding-top: 3px;
+  padding-bottom: 3px;*/
+  -moz-padding-start: 22px;
   -moz-padding-end: 12px;
+  background-image: url("magnifying-glass.png");
+  background-position: 8px center;
+  background-repeat: no-repeat;
   font-size: inherit;
 }
 
 .devtools-searchinput:-moz-locale-dir(rtl) {
-  background-position: calc(100% - 4px) center, top left, top left;
+  background-position: calc(100% - 8px) center;
 }
 
 .devtools-searchinput > .textbox-input-box > .textbox-search-icons {
   display: none;
 }
 
-.devtools-searchinput > .textbox-input-box > .textbox-input::-moz-placeholder {
-/*  color: hsl(208,10%,66%);*/
-}
-
 .devtools-no-search-result {
-/*  box-shadow: inset 0 0 0 1px hsla(0,68%,6%,.35);
-  border-color: hsl(10,70%,40%) hsl(10,75%,37%) hsl(10,80%,35%) !important;*/
-  background-image: url("magnifying-glass.png"), linear-gradient(rgba(255,0,0,.15), rgba(255,0,0,.35));
+  border-color: #FF0000 !important;
 }
 
 /* Close button */
@@ -501,22 +494,22 @@ devtools-menulist:-moz-focusring,
 .devtools-sidebar-tabs > tabs > tab:hover:active {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected=true] + tab {
+.devtools-sidebar-tabs > tabs > tab[selected] + tab {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected=true] + tab:hover {
+.devtools-sidebar-tabs > tabs > tab[selected] + tab:hover {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected=true] + tab:hover:active {
+.devtools-sidebar-tabs > tabs > tab[selected] + tab:hover:active {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected=true] {
+.devtools-sidebar-tabs > tabs > tab[selected] {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected=true]:hover {
+.devtools-sidebar-tabs > tabs > tab[selected]:hover {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected=true]:hover:active {
+.devtools-sidebar-tabs > tabs > tab[selected]:hover:active {
 }
 
 /* Toolbox - moved from toolbox.css.
@@ -693,7 +686,7 @@ devtools-menulist:-moz-focusring,
 }
 
 .devtools-tab:active > image,
-.devtools-tab[selected=true] > image {
+.devtools-tab[selected] > image {
 }
 
 .devtools-tab:hover,
@@ -702,7 +695,7 @@ devtools-menulist:-moz-focusring,
   color: #000000;
 }
 
-.devtools-tab[selected=true] {
+.devtools-tab[selected] {
   background-color: #008484;
   color: #000000;
 }
@@ -725,19 +718,19 @@ devtools-menulist:-moz-focusring,
   -moz-margin-end: 3px;
 }
 
-.devtools-tab:not(.highlighted) > .highlighted-icon,
-.devtools-tab[selected=true] > .highlighted-icon,
-.devtools-tab:not([selected=true]).highlighted > .default-icon {
+.devtools-tab:not([highlighted]) > .highlighted-icon,
+.devtools-tab[selected] > .highlighted-icon,
+.devtools-tab:not([selected])[highlighted] > .default-icon {
   visibility: collapse;
 }
 
-.devtools-tab:not([selected=true]).highlighted {
+.devtools-tab:not([selected])[highlighted] {
   color: #FFCF00;
 }
 
-.devtools-tab:not(.highlighted) > .highlighted-icon,
-.devtools-tab[selected=true] > .highlighted-icon,
-.devtools-tab:not([selected=true]).highlighted > .default-icon {
+.devtools-tab:not([highlighted]) > .highlighted-icon,
+.devtools-tab[selected] > .highlighted-icon,
+.devtools-tab:not([selected])[highlighted] > .default-icon {
   visibility: collapse;
 }
 

diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css
index 1369b3a0ab5a7728fedbd28120eac4b2383f8345..3514515da3026cefedd9a325ca018426215b3a59 100644 (file)
--- a/LCARStrek/browser/devtools/debugger.css
+++ b/LCARStrek/browser/devtools/debugger.css
@@ -8,16 +8,12 @@ window {
 
 /* Sources and breakpoints pane */
 
-#sources-pane {
-  min-width: 50px;
-}
-
 #sources-pane > tabs {
   -moz-border-end: 1px solid #9C9CFF; /* Match the sources list's dark margin. */
 }
 
-#sources-and-editor-splitter {
-  -moz-border-start-color: transparent;
+#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
+  border-color: transparent;
 }
 
 #sources-toolbar > .devtools-toolbarbutton,
@@ -76,7 +72,8 @@ window {
 #black-boxed-message,
 #source-progress-container {
   background-color: #A09090;
-  /* Prevent the container deck from aquiring the height from this message. */
+  /* Prevent the container deck from aquiring the size from this message. */
+  min-width: 1px;
   min-height: 1px;
   color: #000000;
 }
@@ -97,6 +94,82 @@ window {
   padding: .25em;
 }
 
+/* Tracer */
+
+#trace {
+  list-style-image: url("tracer-icon.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#trace:hover,
+#trace[checked] {
+  -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+#start-tracing {
+  padding: 4px;
+  margin: 4px;
+}
+
+#clear-tracer {
+  /* Make this button as narrow as the text inside it. */
+  min-width: 1px;
+}
+
+#tracer-message {
+  /* Prevent the container deck from aquiring the height from this message. */
+  min-height: 1px;
+}
+
+.trace-name {
+  -moz-padding-start: 4px !important;
+}
+
+#tracer-traces > scrollbox {
+  overflow: scroll;
+  /* Hack to enable hardware acceleration */
+  transform: translateZ(0);
+}
+
+/* Tracer dark+light theme */
+
+#tracer-message {
+  color: #FF9F00; /* Light foreground text */
+}
+
+.trace-item {
+  color: #FF9F00; /* Light foreground text */
+}
+
+.trace-item.selected-matching {
+  background-color: #004242; /* Select highlight blue at 40% alpha */
+}
+
+.selected > .trace-item {
+  background-color: #004242; /* Select highlight blue at 75% alpha */
+}
+
+.trace-call {
+  color: #9C9CFF; /* highlight blue */
+}
+
+.trace-return,
+.trace-yield {
+  color: #008484; /* highlight green */
+}
+
+.trace-throw {
+  color: #FF0000; /* highlight red */
+}
+
+.trace-param {
+  color: #E7ADE7; /* Content text light  */
+}
+
+.trace-syntax {
+  color: #A09090; /* highlight grey */
+}
+
 /* ListWidget items */
 
 .list-widget-item {
@@ -228,11 +301,6 @@ window {
 
 /* Instruments pane (watch expressions, variables, event listeners...) */
 
-#instruments-pane > tabs > tab {
-/*  min-height: 25px !important;
-  padding: 0 !important;*/
-}
-
 #instruments-pane .side-menu-widget-container,
 #instruments-pane .side-menu-widget-empty-notice-container {
 /*  box-shadow: none !important; */

diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css
index 6e36558e9b1d6e6c956f22620829981a6f3587c3..f999d6ef4aba77efbb9cfe3d5bceeacc0844ef61 100644 (file)
--- a/LCARStrek/browser/devtools/ruleview.css
+++ b/LCARStrek/browser/devtools/ruleview.css
@@ -22,6 +22,7 @@
   padding: 1px 4px;
   margin-top: 4px;
   -moz-user-select: none;
+  word-wrap: break-word;
 }
 
 .ruleview-rule-source:hover {
@@ -115,6 +116,7 @@
 
 .ruleview-property {
   border-left: 2px solid transparent;
+  clear: right;
 }
 
 .ruleview-property  > * {
@@ -135,6 +137,10 @@
   border-bottom-color: #008484;
 }
 
+.ruleview-selector {
+  word-wrap: break-word;
+}
+
 .ruleview-selector-separator, .ruleview-selector-unmatched {
   color: #8050B0;
 }

diff --git a/LCARStrek/browser/devtools/tracer-icon.png b/LCARStrek/browser/devtools/tracer-icon.png
new file mode 100644 (file)
index 0000000..e504877
Binary files /dev/null and b/LCARStrek/browser/devtools/tracer-icon.png differ

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

diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css
index 737c4a60307927074ae4dc28d068b0d8a37e85c1..b62f533f741bdb3eb3443af87345e3bbaba971f5 100644 (file)
--- a/LCARStrek/browser/devtools/widgets.css
+++ b/LCARStrek/browser/devtools/widgets.css
@@ -6,7 +6,6 @@
 /* Generic pane helpers */
 
 .generic-toggled-side-pane {
-  min-width: 50px;
   -moz-margin-start: 0px !important;
   /* Unfortunately, transitions don't work properly with locale-aware properties,
      so both the left and right margins are set via js, while the start margin
@@ -300,6 +299,9 @@
 /* SideMenuWidget */
 
 .side-menu-widget-container {
+  /* Hack: force hardware acceleration */
+  transform: translateZ(1px);
+
   background-color: #000000;
   color: #FF9F00;
 }
@@ -424,6 +426,11 @@
 
 /* VariablesView */
 
+.variables-view-container:not([empty]) {
+  /* Hack: force hardware acceleration */
+  transform: translateZ(1px);
+}
+
 .variables-view-empty-notice {
   color: #A09090;
   padding: 2px;
@@ -434,72 +441,85 @@
   color: #000000;
 }
 
-.variables-view-scope > .variables-view-element-details:not(:empty) {
-  -moz-margin-start: 2px;
-  -moz-margin-end: 1px;
-}
+/* Generic variables traits */
 
-/* Generic traits applied to both variables and properties */
+.variables-view-variable:not(:last-child) {
+  border-bottom: 1px solid #A09090;
+}
 
-.variable-or-property {
-  transition: background 1s ease-in-out, color 1s ease-in-out;
+.variables-view-variable > .title > .name {
+  font-weight: 600;
 }
 
-.variable-or-property[changed] {
-  color: #000000;
-  transition-duration: .4s;
+/* Generic variables *and* properties traits */
+
+.variable-or-property:focus > .title > label {
+  color: inherit !important;
 }
 
 .variable-or-property > .title > .value {
   -moz-box-flex: 1;
-  -moz-padding-start: 6px;
-  -moz-padding-end: 4px;
 }
 
-.variable-or-property[editable] > .title > .value {
-  cursor: text;
+.variable-or-property > .title > .arrow {
+  -moz-margin-start: 3px;
 }
 
 .variable-or-property:not([untitled]) > .variables-view-element-details {
-  -moz-margin-start: 10px;
+  -moz-margin-start: 7px;
 }
 
-/* Custom variables and properties traits */
+/* Traits applied when variables or properties are changed or overridden */
 
-.variables-view-variable {
-  -moz-margin-start: 1px;
-  -moz-margin-end: 1px;
+.variable-or-property:not([overridden]) {
+  transition: background 1s ease-in-out, color 1s ease-in-out;
 }
 
-.variables-view-variable:not(:last-child) {
-  border-bottom: 1px solid #A09090;
+.variable-or-property:not([overridden])[changed] {
+  color: #000000;
+  transition-duration: .4s;
 }
 
-.variables-view-variable > .title > .name {
-  font-weight: 600;
+.variable-or-property[overridden] {
+  background: rgba(160,144,144,0.0.5);
 }
 
-.variable-or-property:focus > .title > label {
-  color: inherit !important;
+.variable-or-property[overridden] .title > label {
+  /* Cross out the title for this variable and all child properties. */
+  font-style: italic;
+  text-decoration: line-through;
+  border-bottom: none !important;
+  color: #A09090;
+  opacity: 0.7;
 }
 
+/* Traits applied when variables or properties are editable */
+
+.variable-or-property[editable] > .title > .value {
+  cursor: text;
+}
+
+.variable-or-property[overridden] .title > .value {
+  /* Disallow editing this variable and all child properties. */
+  pointer-events: none;
+}
 
 /* Custom configurable/enumerable/writable or frozen/sealed/extensible
  * variables and properties */
 
-.variable-or-property[non-enumerable]:not([self]):not([exception]):not([return]):not([scope]) > .title > .name {
+.variable-or-property[non-enumerable]:not([self]):not([pseudo-item]) > .title > .name {
   opacity: 0.6;
 }
 
-.variable-or-property[non-configurable] > .title > .name {
+.variable-or-property[non-configurable]:not([pseudo-item]) > .title > .name {
   border-bottom: 1px dashed #9C9CFF;
 }
 
-.variable-or-property[non-writable] > .title > .name {
+.variable-or-property[non-writable]:not([pseudo-item]) > .title > .name {
   border-bottom: 1px dashed #FF0000;
 }
 
-.variable-or-property[safe-getter] > .title > .name {
+.variable-or-property[safe-getter]:not([pseudo-item]) > .title > .name {
   border-bottom: 1px dashed #A09090;
 }
 
@@ -561,15 +581,20 @@
   margin: 0 2px 0 2px;
 }
 
-.variable-or-property[non-enumerable] > tooltip > label[value=enumerable],
-.variable-or-property[non-configurable] > tooltip > label[value=configurable],
-.variable-or-property[non-writable] > tooltip > label[value=writable]
-.variable-or-property[non-extensible] > tooltip > label[value=extensible] {
+.variable-or-property[non-enumerable] > tooltip > label.enumerable,
+.variable-or-property[non-configurable] > tooltip > label.configurable,
+.variable-or-property[non-writable] > tooltip > label.writable
+.variable-or-property[non-extensible] > tooltip > label.extensible {
   color: #A09090;
   text-decoration: line-through;
 }
 
-.variable-or-property[safe-getter] > tooltip > label[value=WebIDL] {
+.variable-or-property[overridden] > tooltip > label.overridden {
+  -moz-padding-start: 4px;
+  -moz-border-start: 1px dotted #9C9CFF;
+}
+
+.variable-or-property[safe-getter] > tooltip > label.WebIDL {
   -moz-padding-start: 4px;
   -moz-border-start: 1px dotted #9C9CFF;
   color: #008484;
@@ -604,7 +629,7 @@
 }
 
 .element-value-input {
-  -moz-margin-start: 4px !important;
+  -moz-margin-start: -2px !important;
   -moz-margin-end: 2px !important;
 }
 

diff --git a/LCARStrek/browser/social/gear_clicked.png b/LCARStrek/browser/social/gear_clicked.png
new file mode 100644 (file)
index 0000000..1df3613
Binary files /dev/null and b/LCARStrek/browser/social/gear_clicked.png differ

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