rest of LCARStrek sync to browser windows theme changes in Firefox 25

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 33f80330fddcc5676e9bc6ae91c5052187ded691..19f6841e7db2f053504dd554312d77992e0d5c92 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -1868,6 +1868,13 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   -moz-padding-start: 0px;
 }
 
+.browserContainer > findbar {
+/*
+  background-color: -moz-dialog;
+  color: -moz-DialogText;
+*/
+}
+
 /* ::::: throbber ::::: */
 
 #navigator-throbber {
@@ -1924,6 +1931,10 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   background-color: #C09070;
 }
 
+.tabbrowser-tab[remote] {
+  text-decoration: underline;
+}
+
 .tabbrowser-tab:hover,
 .tabs-newtab-button:hover {
 }
@@ -2239,6 +2250,21 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   -moz-margin-end: 0;
 }
 
+#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
+  padding: 0;
+}
+
+#identity-popup-container {
+  min-width: 280px;
+  padding: 10px;
+}
+
+#identity-popup-button-container {
+/*  background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);*/
+  padding: 10px;
+  margin-top: 5px;
+}
+
 .popup-notification-icon {
   width: 64px;
   height: 64px;
@@ -2411,6 +2437,18 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
 }
 
+#plugins-notification-icon,
+#alert-plugins-notification-icon,
+#blocked-plugins-notification-icon {
+/*  -moz-image-region: rect(0, 16px, 16px, 0);*/
+}
+
+#plugins-notification-icon:hover,
+#alert-plugins-notification-icon:hover,
+#blocked-plugins-notification-icon:hover {
+/*  -moz-image-region: rect(0, 32px, 16px, 16px);*/
+}
+
 #plugin-install-notification-icon {
   list-style-image: url("chrome://browser/skin/pluginInstall-16.png");
 }
@@ -2462,10 +2500,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   margin: 0px;
 }
 
-#identity-popup-container {
-  min-width: 280px;
-}
-
 #download-monitor {
   list-style-image: url("chrome://browser/skin/FxToolbar.png");
   -moz-image-region: rect(0, 108px, 18px, 90px);
@@ -2818,6 +2852,10 @@ html|*.highlighter-nodeinfobar-pseudo-classes {
 /*  margin: auto 10px; */
 }
 
+#developer-toolbar-toolbox-button > label {
+  display: none;
+}
+
 #developer-toolbar-toolbox-button {
   list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
@@ -2920,6 +2958,8 @@ html|*#gcli-output-frame {
 
 /* === END commandline.inc.css === */
 
+/* === BEGIN responsivedesign.inc.css === */
+
 /* Responsive Mode */
 
 .browserContainer[responsivemode] {
@@ -2942,15 +2982,53 @@ html|*#gcli-output-frame {
 .devtools-responsiveui-toolbar > menulist,
 .devtools-responsiveui-toolbar > toolbarbutton {
   min-width: 22px;
-  border-radius: 0;
+/*  border-radius: 0; */
 }
 
 .devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
 .devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
-  margin-left: 0;
+  margin-left: 3px;
+}
+
+.devtools-responsiveui-close {
+  list-style-image: url("chrome://browser/skin/devtools/close.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+.devtools-responsiveui-close:hover {
+  -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+.devtools-responsiveui-rotate {
+  list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+.devtools-responsiveui-rotate:hover {
+  -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+.devtools-responsiveui-touch {
+  list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+.devtools-responsiveui-touch:hover,
+.devtools-responsiveui-touch[checked],
+.devtools-responsiveui-touch[checked]:hover {
+  -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+.devtools-responsiveui-screenshot {
+  list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+.devtools-responsiveui-screenshot:hover {
+  -moz-image-region: rect(0px,32px,16px,16px);
 }
 
-.devtools-responsiveui-resizebar {
+.devtools-responsiveui-resizebarV {
   width: 7px;
   height: 24px;
   cursor: ew-resize;
@@ -2958,6 +3036,14 @@ html|*#gcli-output-frame {
   background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
 }
 
+.devtools-responsiveui-resizebarH {
+  width: 24px;
+  height: 7px;
+  cursor: ns-resize;
+  transform: translate(-12px, 12px);
+  background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
+}
+
 .devtools-responsiveui-resizehandle {
   width: 16px;
   height: 16px;
@@ -2966,6 +3052,8 @@ html|*#gcli-output-frame {
   background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
 }
 
+/* === END responsivedesign.inc.css === */
+
 /* Error counter */
 
 #developer-toolbar-toolbox-button[error-count]:before {
@@ -3263,6 +3351,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
   }
 }
 
+.chatbar-button > .toolbarbutton-icon {
+  width: 16px;
+}
+
 .chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
   width: auto;
   height: auto;
@@ -3346,11 +3438,10 @@ window > chatbox {
 }
 
 .click-to-play-plugins-notification-center-box {
-/*  background-color: rgba(255,255,255,0.3); */
 }
 
-.plugin-popupnotification-centeritem {
-/*  border-top: 1px solid #9C9CFF; */
+.plugin-popupnotification-centeritem:nth-child(odd) {
+/*  background-color: rgba(0,0,0,0.1);*/
 }
 
 .center-item-label {

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

diff --git a/LCARStrek/browser/devtools/checkbox.png b/LCARStrek/browser/devtools/checkbox.png
deleted file mode 100644 (file)
index 6020719..0000000
Binary files a/LCARStrek/browser/devtools/checkbox.png and /dev/null differ

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

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

diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css
index a931ce6f94260a2d75ff9641369c0d1f97b36ebb..caea039dabe100432b0361b8b422d6a8e69d1946 100644 (file)
--- a/LCARStrek/browser/devtools/dark-theme.css
+++ b/LCARStrek/browser/devtools/dark-theme.css
@@ -13,26 +13,19 @@
 
 .theme-twisty {
   cursor: pointer;
-  margin-right: 5px;
+  width: 14px;
+  height: 14px;
+  background-repeat: no-repeat;
+  background-image: url("chrome://browser/skin/devtools/controls.png");
+  background-position: 0 -14px;
 }
 
 .theme-twisty:-moz-focusring {
   outline-style: none;
 }
 
-.theme-twisty:not([open]) {
-  width: 0;
-  height: 0;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #8050B0;
-  margin-left: 5px;
-}
-
 .theme-twisty[open] {
-  width: 10px;
-  height: 10px;
-  background-image: linear-gradient(to bottom right, transparent 68%, #8050B0 68%);
+  background-position: -14px -14px;
 }
 
 .theme-checkbox {
@@ -42,11 +35,12 @@
   height: 14px;
   padding: 0;
   outline: none;
-  background: url("chrome://browser/skin/devtools/checkbox.png") no-repeat;
+  background-image: url("chrome://browser/skin/devtools/controls.png");
+  background-position: 0 0;
 }
 
 .theme-checkbox[checked] {
-  background: url("chrome://browser/skin/devtools/checkbox.png") 14px 0;
+  background-position: -14px 0;
 }
 
 .theme-selected {

diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css
index b1156aeb8069d525ebad92541d3d03f4f2065ab0..cee7b6c6d8b7d2aee636a1f53c91c049fce62957 100644 (file)
--- a/LCARStrek/browser/devtools/debugger.css
+++ b/LCARStrek/browser/devtools/debugger.css
@@ -20,6 +20,64 @@ window {
   -moz-border-start-color: transparent;
 }
 
+.side-menu-widget-item-checkbox {
+ -moz-appearance: none;
+  padding: 0;
+  margin: 0 -4px 0 4px;
+  opacity: 0;
+  transition: opacity .25s ease 0s;
+}
+
+/* Only show the checkbox when the source is hovered over, is selected, or if it
+ * is not checked. */
+.side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
+.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
+.side-menu-widget-item-checkbox:not([checked]) {
+  opacity: 1;
+  transition: opacity .25s ease-out 0s;
+}
+
+.side-menu-widget-item-checkbox > .checkbox-check {
+  -moz-appearance: none;
+  background: none;
+  background-image: url("itemToggle.png");
+  background-repeat: no-repeat;
+  background-clip: content-box;
+  background-position: -24px 0;
+  width: 24px;
+  height: 24px;
+  border: 0;
+}
+
+.side-menu-widget-item-checkbox[checked] > .checkbox-check {
+  background-position: 0 0;
+}
+
+.side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents > .dbg-breakpoint {
+  display: none;
+}
+
+/* Black box message */
+
+#black-boxed-message {
+  /* Prevent the container deck from aquiring the height from this message. */
+  min-height: 1px;
+  background-color: #A09090;
+  padding: 25vh 0;
+  color: #000000;
+}
+
+#black-boxed-message-label,
+#black-boxed-message-button {
+  text-align: center;
+  font-size: 120%;
+}
+
+#black-boxed-message-button {
+  margin-top: 1em;
+  padding: .25em;
+}
+
 /* ListWidget items */
 
 .list-widget-item {
@@ -110,8 +168,12 @@ window {
   -moz-margin-start: 1px;
 }
 
-#searchbox-panel-description {
-  margin-top: 0;
+#filter-label {
+  -moz-margin-start: 2px;
+}
+
+#searchbox-panel-operators {
+  margin-top: 5px;
   margin-bottom: 8px;
   -moz-margin-start: 2px;
 }

diff --git a/LCARStrek/browser/devtools/layoutview.css b/LCARStrek/browser/devtools/layoutview.css
index 7d34c524c63f7d6ff34667292a20037c43ca8cbe..ea37a917903e6198f13d799d24c73fc524804e9d 100644 (file)
--- a/LCARStrek/browser/devtools/layoutview.css
+++ b/LCARStrek/browser/devtools/layoutview.css
@@ -11,7 +11,7 @@
 }
 
 .theme-body {
-  color: #FF9F00;
+  color: #FF9F00 !important;
   -moz-box-sizing: border-box;
 }
 

diff --git a/LCARStrek/browser/devtools/light-theme.css b/LCARStrek/browser/devtools/light-theme.css
index a931ce6f94260a2d75ff9641369c0d1f97b36ebb..caea039dabe100432b0361b8b422d6a8e69d1946 100644 (file)
--- a/LCARStrek/browser/devtools/light-theme.css
+++ b/LCARStrek/browser/devtools/light-theme.css
@@ -13,26 +13,19 @@
 
 .theme-twisty {
   cursor: pointer;
-  margin-right: 5px;
+  width: 14px;
+  height: 14px;
+  background-repeat: no-repeat;
+  background-image: url("chrome://browser/skin/devtools/controls.png");
+  background-position: 0 -14px;
 }
 
 .theme-twisty:-moz-focusring {
   outline-style: none;
 }
 
-.theme-twisty:not([open]) {
-  width: 0;
-  height: 0;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #8050B0;
-  margin-left: 5px;
-}
-
 .theme-twisty[open] {
-  width: 10px;
-  height: 10px;
-  background-image: linear-gradient(to bottom right, transparent 68%, #8050B0 68%);
+  background-position: -14px -14px;
 }
 
 .theme-checkbox {
@@ -42,11 +35,12 @@
   height: 14px;
   padding: 0;
   outline: none;
-  background: url("chrome://browser/skin/devtools/checkbox.png") no-repeat;
+  background-image: url("chrome://browser/skin/devtools/controls.png");
+  background-position: 0 0;
 }
 
 .theme-checkbox[checked] {
-  background: url("chrome://browser/skin/devtools/checkbox.png") 14px 0;
+  background-position: -14px 0;
 }
 
 .theme-selected {

diff --git a/LCARStrek/browser/devtools/markup-view.css b/LCARStrek/browser/devtools/markup-view.css
index d902c38d79e2c83a1b956e997b33c121dff86d71..0b3d937867298caac00c1672f0f29399e1dc74af 100644 (file)
--- a/LCARStrek/browser/devtools/markup-view.css
+++ b/LCARStrek/browser/devtools/markup-view.css
@@ -39,7 +39,6 @@ span[tabindex] {
 }
 
 li.container {
-  position: relative;
   padding: 2px 0 0 2px;
 }
 
@@ -47,8 +46,13 @@ li.container {
   padding-left: 14px;
 }
 
+.codebox > * {
+  vertical-align: middle;
+}
+
 .expander {
-  position: absolute;
+  display: inline-block;
+  margin-left: -14px;
 }
 
 .more-nodes {

diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css
index 62ee455080b95441bf6173a86bc0321c671032ed..07e5d078ef954c394e36267be9949f0ea308fe3c 100644 (file)
--- a/LCARStrek/browser/devtools/netmonitor.css
+++ b/LCARStrek/browser/devtools/netmonitor.css
@@ -414,6 +414,10 @@ window {
   margin-top: 0.5em;
 }
 
+#custom-method-value {
+  width: 4.5em;
+}
+
 /* Footer */
 
 #requests-menu-footer {

diff --git a/LCARStrek/browser/devtools/profiler.css b/LCARStrek/browser/devtools/profiler.css
index 22861facb8bd36ec0c3e9117945ba66342ee712e..cec665ebb248a660f6188ecf519ebef24563a293 100644 (file)
--- a/LCARStrek/browser/devtools/profiler.css
+++ b/LCARStrek/browser/devtools/profiler.css
@@ -99,32 +99,3 @@ window {
 #profiler-start[checked]:hover {
   -moz-image-region: rect(16px,32px,32px,16px);
 }
-
-
-
-
-
-
-/*
-.devtools-toolbar {
-}
-
-.profile-name {
-  font-size: 13px;
-  padding: 8px;
-}
-
-#profiles-list > li {
-  width: 180px;
-  cursor: pointer;
-}
-
-.splitview-nav-container button {
-  color: #FF9F00;
-  background-clip: padding-box;
-  border-bottom: 1px solid #A09090;
-  -moz-padding-end: 8px;
-  -moz-box-align: center;
-}
-
-*/
\ No newline at end of file

diff --git a/LCARStrek/browser/devtools/responsive-horizontal-resizer.png b/LCARStrek/browser/devtools/responsive-horizontal-resizer.png
new file mode 100644 (file)
index 0000000..84bfc78
Binary files /dev/null and b/LCARStrek/browser/devtools/responsive-horizontal-resizer.png differ

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

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

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

diff --git a/LCARStrek/browser/devtools/toolbox.css b/LCARStrek/browser/devtools/toolbox.css
index 0998dfde1d6bf0b82f0a093c04c6a750cf62cc09..620bd55b8ee57c67e1c939b08c589c82484f99c2 100644 (file)
--- a/LCARStrek/browser/devtools/toolbox.css
+++ b/LCARStrek/browser/devtools/toolbox.css
@@ -207,20 +207,20 @@ notification {
 }
 
 .options-vertical-pane {
-  margin: 15px;
+  margin: 5px;
   width: calc(50% - 30px);
   min-width: 400px;
   -moz-padding-start: 5px;
 }
 
 .options-vertical-pane > label {
-  padding: 5px 0;
+  padding: 2px 0;
   font-size: 1.4rem;
 }
 
 .options-groupbox {
   -moz-margin-start: 15px;
-  padding: 4px;
+  padding: 2px;
 }
 
 .options-groupbox > * {
@@ -239,3 +239,8 @@ notification {
   padding: 3px 0 0 !important; /* To align it with the checkbox */
   font-style: italic;
 }
+
+.hidden-labels-box:not(.visible) > label,
+.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
+  display: none;
+}

diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css
index 4c4c3c33d654c4e5b752cbb93e8c7a140383ff97..fe5a3acaf4b3ed17c8052df0470ae2ad09b26dcc 100644 (file)
--- a/LCARStrek/browser/devtools/webconsole.css
+++ b/LCARStrek/browser/devtools/webconsole.css
@@ -251,6 +251,7 @@ window {
 
 .jsterm-input-node {
   background: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16) no-repeat;
+  background-position: 0%;
 }
 
 :-moz-any(.jsterm-input-node,
@@ -292,3 +293,16 @@ window {
 .webconsole-msg-security.webconsole-msg-warn {
   -moz-image-region: rect(32px, 24px, 40px, 16px);
 }
+
+.navigation-marker {
+  color: #000000;
+  background-color: #A09090;
+  -moz-margin-start: 3px;
+  -moz-margin-end: 6px;
+  font-size: 0.9em;
+}
+
+.navigation-marker .url {
+  background-color: #000000;
+  -moz-padding-end: 6px;
+}