fourth part of syncing LCARStrek with Firefox 32 windows theme changes

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index dbec1f600e5d18eca8d30ec367f2acd1a8764452..ac032a459deff05c6f9cdf41e93fbb0383d68712 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -3169,32 +3169,9 @@ notification[value="translation"] .messageImage {
   }
 }
 
-notification[value="translation"] {
-  min-height: 40px;
-}
-
 notification[value="translation"] button,
 notification[value="translation"] menulist {
   min-width: 0;
-/*  min-height: 30px;
-  -moz-padding-end: 1ch; */
-}
-
-notification[value="translation"] button > .button-box,
-notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
-  padding: 0;
-/*  -moz-margin-start: 3ch; */
-}
-
-notification[value="translation"] button:not([type="menu"]) > .button-box {
-/*  -moz-margin-end: 3ch; */
-}
-
-notification[value="translation"] button,
-notification[value="translation"] menulist,
-notification[value="translation"] menulist > .menulist-label-box {
-/*  -moz-margin-start: 1ch;
-  -moz-margin-end: 1ch; */
 }
 
 notification[value="translation"] menulist > .menulist-dropmarker {
@@ -3202,6 +3179,10 @@ notification[value="translation"] menulist > .menulist-dropmarker {
 
 /* === END infobar.inc.css === */
 
+notification[value="translation"] {
+  min-height: 40px;
+}
+
 .translate-notification-icon,
 #translate-notification-icon {
   list-style-image: url("chrome://browser/skin/translation-16.png");
@@ -3531,6 +3512,12 @@ html|*.highlighter-nodeinfobar-pseudo-classes {
   display: none;
 }
 
+.developer-toolbar-button > .toolbarbutton-icon,
+#developer-toolbar-closebutton > .toolbarbutton-icon {
+  width: 16px;
+  height: 16px;
+}
+
 #developer-toolbar-toolbox-button {
   list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
@@ -3546,6 +3533,19 @@ html|*.highlighter-nodeinfobar-pseudo-classes {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
+@media (min-resolution: 2dppx) {
+  #developer-toolbar-toolbox-button {
+    list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+    -moz-image-region: rect(0px, 32px, 32px, 0px);
+  }
+
+  #developer-toolbar-toolbox-button:hover,
+  #developer-toolbar-toolbox-button:hover:active,
+  #developer-toolbar-toolbox-button[checked=true] {
+    -moz-image-region: rect(0px, 64px, 32px, 32px);
+  }
+}
+
 #developer-toolbar-closebutton {
   list-style-image: url("chrome://browser/skin/devtools/close.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
@@ -3565,6 +3565,18 @@ html|*.highlighter-nodeinfobar-pseudo-classes {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
+@media (min-resolution: 2dppx) {
+  #developer-toolbar-closebutton {
+    list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+    -moz-image-region: rect(0px, 32px, 32px, 0px);
+  }
+
+  #developer-toolbar-closebutton:hover,
+  #developer-toolbar-closebutton:hover:active {
+    -moz-image-region: rect(0px, 64px, 32px, 32px);
+  }
+}
+
 /* GCLI */
 
 html|*#gcli-tooltip-frame,
@@ -3591,19 +3603,38 @@ html|*#gcli-output-frame {
 }
 
 .gclitoolbar-input-node {
-  padding-left: 20px;
 /*  line-height: 32px;
   outline-style: none; */
-  background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0);
   background-repeat: no-repeat;
   background-color: rgba(0, 0, 0, .75);
 }
 
 .gclitoolbar-input-node[focused="true"] {
-  background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
   background-color: #000000;
 }
 
+.gclitoolbar-input-node::before {
+  content: "";
+  display: inline-block;
+  -moz-box-ordinal-group: 0;
+  width: 16px;
+  height: 16px;
+  margin: 0 2px;
+  background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+  background-position: 0 center;
+  background-size: 32px 16px;
+}
+
+.gclitoolbar-input-node[focused="true"]::before {
+  background-position: -16px center;
+}
+
+@media (min-resolution: 2dppx) {
+  .gclitoolbar-input-node::before {
+    background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png");
+  }
+}
+
 .gclitoolbar-input-node:not([focused="true"]) {
   border-color: transparent;
 }
@@ -3660,7 +3691,7 @@ html|*#gcli-output-frame {
 /* Responsive Mode */
 
 .browserContainer[responsivemode] {
-  background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
+  background-color: #221500;
   padding: 0 20px 20px 20px;
 }
 
@@ -3688,6 +3719,11 @@ html|*#gcli-output-frame {
 /*  margin: 0 3px; */
 }
 
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon {
+  width: 16px;
+  height: 16px;
+}
+
 .devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button {
   -moz-box-orient: horizontal;
 }
@@ -3735,7 +3771,7 @@ html|*#gcli-output-frame {
 .devtools-responsiveui-menulist > .menulist-dropmarker {
 /*  display: -moz-box;
   background-color: transparent;
-  list-style-image: url("chrome://browser/skin/devtools/dropmarker.png");
+  list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
   -moz-box-align: center;
   border-width: 0;
   min-width: 16px;*/
@@ -3759,7 +3795,7 @@ html|*#gcli-output-frame {
 
 .devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
 .devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-/*  list-style-image: url("chrome://browser/skin/devtools/dropmarker.png");
+/*  list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
   -moz-box-align: center;
   padding: 0 3px;*/
 }
@@ -3787,6 +3823,24 @@ html|*#gcli-output-frame {
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
+@media (min-resolution: 2dppx) {
+  .devtools-responsiveui-close {
+    list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+  }
+
+  .devtools-responsiveui-close:hover {
+    -moz-image-region: rect(0px,64px,32px,32px);
+  }
+
+  .devtools-responsiveui-rotate {
+    list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png");
+  }
+
+  .devtools-responsiveui-rotate:hover {
+    -moz-image-region: rect(0px,64px,32px,32px);
+  }
+}
+
 .devtools-responsiveui-touch {
   list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
   -moz-image-region: rect(0px,16px,16px,0px);
@@ -3798,6 +3852,19 @@ html|*#gcli-output-frame {
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
+@media (min-resolution: 2dppx) {
+  .devtools-responsiveui-touch {
+    list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+    -moz-image-region: rect(0px,32px,32px,0px);
+  }
+
+  .devtools-responsiveui-touch:hover,
+  .devtools-responsiveui-touch[checked],
+  .devtools-responsiveui-touch[checked]:hover {
+    -moz-image-region: rect(0px,64px,32px,32px);
+  }
+}
+
 .devtools-responsiveui-screenshot {
   list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
   -moz-image-region: rect(0px,16px,16px,0px);
@@ -3807,11 +3874,22 @@ html|*#gcli-output-frame {
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
+@media (min-resolution: 2dppx) {
+  .devtools-responsiveui-screenshot {
+    list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png");
+  }
+
+  .devtools-responsiveui-screenshot:hover {
+    -moz-image-region: rect(0px,64px,32px,32px);
+  }
+}
+
 .devtools-responsiveui-resizebarV {
   width: 7px;
   height: 24px;
   cursor: ew-resize;
   transform: translate(12px, -12px);
+  background-size: cover;
   background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
 }
 
@@ -3820,6 +3898,7 @@ html|*#gcli-output-frame {
   height: 7px;
   cursor: ns-resize;
   transform: translate(-12px, 12px);
+  background-size: cover;
   background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
 }
 
@@ -3828,9 +3907,24 @@ html|*#gcli-output-frame {
   height: 16px;
   cursor: se-resize;
   transform: translate(12px, 12px);
+  background-size: cover;
   background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
 }
 
+@media (min-resolution: 2dppx) {
+  .devtools-responsiveui-resizebarV {
+    background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png");
+  }
+
+  .devtools-responsiveui-resizebarH {
+    background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png");
+  }
+
+  .devtools-responsiveui-resizehandle {
+    background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png");
+  }
+}
+
 /* === END responsivedesign.inc.css === */
 
 /* === including indicator.css is done at the start of the file === */

diff --git a/LCARStrek/browser/devtools/app-manager/device.css b/LCARStrek/browser/devtools/app-manager/device.css
index 0921f8f477f6c5af52c2e81da17b5832c82eb657..5699c575dca9e55e92afea1f59115041781b96a6 100644 (file)
--- a/LCARStrek/browser/devtools/app-manager/device.css
+++ b/LCARStrek/browser/devtools/app-manager/device.css
@@ -316,6 +316,9 @@ header {
 
 
 
+.browser-tabs.hidden {
+  display: none;
+}
 
 .apps, .browser-tabs {
   display: flex;

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

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

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

diff --git a/LCARStrek/browser/devtools/responsive-se-resizer@2x.png b/LCARStrek/browser/devtools/responsive-se-resizer@2x.png
new file mode 100644 (file)
index 0000000..9d04d28
Binary files /dev/null and b/LCARStrek/browser/devtools/responsive-se-resizer@2x.png differ

diff --git a/LCARStrek/browser/devtools/responsive-vertical-resizer@2x.png b/LCARStrek/browser/devtools/responsive-vertical-resizer@2x.png
new file mode 100644 (file)
index 0000000..eae5e24
Binary files /dev/null and b/LCARStrek/browser/devtools/responsive-vertical-resizer@2x.png differ

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

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

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

diff --git a/LCARStrek/browser/devtools/styleeditor.css b/LCARStrek/browser/devtools/styleeditor.css
index 91905ff6e1742eedf8494ce518f9833e038edd95..d2ff074f31db2a881b6c8c847e7481da1fc0be38 100644 (file)
--- a/LCARStrek/browser/devtools/styleeditor.css
+++ b/LCARStrek/browser/devtools/styleeditor.css
@@ -149,6 +149,11 @@ window:not([windowtype]) {
   background-position: -24px 8px;
 }
 
+#style-editor-options {
+  width: 20px;
+  overflow: hidden;
+}
+
 .splitview-nav > li > .stylesheet-enabled:focus,
 .splitview-nav > li:hover > .stylesheet-enabled {
   outline: 0;

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

diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
index cccf7d3064a9e0c44d38229fd260b3e5b3d336fd..126c11fb7f0db42017b074bf287595ea0abd434b 100644 (file)
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -683,6 +683,9 @@ tree:not(#rejectsTree) {
 
 /* === END shared/in-content/preferences.css === */
 
+caption {
+}
+
 .indent-small {
   -moz-margin-start: 10px;
 }