first step to sync LCARStrek with browser winstripe changes in Firefox 20 cycle

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 254ac53c88f8507baab3e59630b2ad32ba652067..778c8b8828733be1938adc31ddacff0862c8a9d4 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -77,7 +77,7 @@ menubar {
 #nav-bar[tabsontop="true"],
 #nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + toolbar,
 #nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + #customToolbars + #PersonalToolbar {
-  /* background-image: -moz-linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
+  /* background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
 }
 
 #personal-bookmarks {
@@ -285,7 +285,8 @@ menubar {
   -moz-image-region: rect(0px 48px 16px 32px);
 }
 
-#appmenu_privateBrowsing {
+#appmenu_privateBrowsing,
+#appmenu_newPrivateWindow {
   list-style-image: url("chrome://browser/skin/Privacy-16.png");
 }
 
@@ -903,6 +904,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 
 /* history sidebar button */
 
+#webrtc-status-button /* temporary placeholder (bug 824825) */,
 #history-button {
   -moz-image-region: rect(0, 126px, 18px, 108px);
 }
@@ -2215,6 +2217,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   list-style-image: url("chrome://browser/skin/webapps-64.png");
 }
 
+.popup-notification-icon[popupid="webRTC-sharingDevices"],
 .popup-notification-icon[popupid="webRTC-shareDevices"] {
   list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
 }
@@ -2303,7 +2306,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   }
 }
 
-#webRTC-notification-icon {
+#webRTC-sharingDevices-notification-icon,
+#webRTC-shareDevices-notification-icon {
   list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
 }
 
@@ -2547,29 +2551,18 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 
 /* Highlighter */
 
-#highlighter-outline {
+.highlighter-outline {
   box-shadow: 0 0 0 1px black;
   outline: 1px dashed white;
 }
 
-#highlighter-outline[locked]  {
+.highlighter-outline[locked]  {
   box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
   outline-color: rgba(255,255,255,0.7);
 }
 
-/* Highlighter toolbar */
+/* Developer toolbar */
 
-#inspector-inspect-toolbutton {
-  list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
-  -moz-image-region: rect(0 16px 16px 0);
-}
-
-#inspector-inspect-toolbutton[checked=true],
-#inspector-inspect-toolbutton:hover {
-  -moz-image-region: rect(0 32px 16px 16px);
-}
-
-#inspector-toolbar,
 #developer-toolbar {
   border-top: 3px solid #000000;
   border-bottom: none;
@@ -2590,24 +2583,9 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   background-color: #6000CF;
 }
 
-#inspector-tools {
-  -moz-padding-end: 2px;
-  border-left: 3px solid #000000;
-  border-right: 3px solid #000000;
-  -moz-margin-start: 2px;
-}
-
-#devtools-sidebar-box {
-  background-color: #000000;
-}
-
-html|*#highlighter-nodeinfobar-pseudo-classes {
-  color: #FF9F00;
-}
-
 /* Highlighter - Node Infobar */
 
-#highlighter-nodeinfobar {
+.highlighter-nodeinfobar {
   color: #FF9F00;
   border: 1px solid rgba(156, 156, 255, .5);
   border-radius: 3px;
@@ -2617,21 +2595,21 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 
 /* Highlighter - Node Infobar - text */
 
-#highlighter-nodeinfobar-text {
+.highlighter-nodeinfobar-text {
   /* 100% - size of the buttons and margins */
   max-width: calc(100% - 2 * (26px + 6px));
   padding-bottom: 1px;
 }
 
-html|*#highlighter-nodeinfobar-tagname {
+html|*.highlighter-nodeinfobar-tagname {
   color: #FFCF00;
 }
 
-html|*#highlighter-nodeinfobar-id {
+html|*.highlighter-nodeinfobar-id {
   color: #9C9CFF;
 }
 
-html|*#highlighter-nodeinfobar-pseudo-classes {
+html|*.highlighter-nodeinfobar-pseudo-classes {
   color: #FF9F00;
 }
 
@@ -2643,29 +2621,29 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
   min-height: 26px;
 }
 
-#highlighter-nodeinfobar-inspectbutton {
+.highlighter-nodeinfobar-inspectbutton {
   list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
   -moz-image-region: rect(0px 16px 16px 0px);
   -moz-margin-start: 0px;
   -moz-margin-end: 2px;
 }
 
-#highlighter-nodeinfobar-inspectbutton:-moz-locale-dir(rtl) {
+.highlighter-nodeinfobar-inspectbutton:-moz-locale-dir(rtl) {
 }
 
-#highlighter-nodeinfobar-inspectbutton:hover,
-#highlighter-nodeinfobar-inspectbutton:hover:active/*,
-#highlighter-nodeinfobar-container:not([locked]) >  #highlighter-nodeinfobar >  #highlighter-nodeinfobar-inspectbutton*/ {
+.highlighter-nodeinfobar-inspectbutton:hover,
+.highlighter-nodeinfobar-inspectbutton:hover:active/*,
+.highlighter-nodeinfobar-container:not([locked]) >  .highlighter-nodeinfobar >  .highlighter-nodeinfobar-inspectbutton*/ {
   -moz-image-region: rect(0px 32px 16px 16px);
 }
 
-#highlighter-nodeinfobar-menu {
+.highlighter-nodeinfobar-menu {
 }
 
-#highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) {
+.highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) {
 }
 
-#highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
+.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
   -moz-box-align: center;
   -moz-margin-start: -1px;
 }
@@ -2682,28 +2660,28 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
   background-repeat: no-repeat;
 }
 
-#highlighter-nodeinfobar-arrow-top {
+.highlighter-nodeinfobar-arrow-top {
   margin-bottom: -8px;
   margin-top: 8px;
   border-right-color: rgba(0, 132, 132, .5);
   border-top-color: rgba(0, 132, 132, .5);
-  background-image: -moz-linear-gradient(bottom left, transparent 50%, rgb(0, 132, 132) 50%);
+  background-image: linear-gradient(bottom left, transparent 50%, rgb(0, 132, 132) 50%);
 }
 
-#highlighter-nodeinfobar-arrow-bottom {
+.highlighter-nodeinfobar-arrow-bottom {
   margin-top: -8px;
   margin-bottom: 8px;
   border-left-color: rgba(0, 132, 132, .5);
   border-bottom-color: rgba(0, 132, 132, .5);
-  background-image: -moz-linear-gradient(top right, transparent 50%, rgb(0, 132, 132) 50%);
+  background-image: linear-gradient(top right, transparent 50%, rgb(0, 132, 132) 50%);
 }
 
-#highlighter-nodeinfobar-container[position="top"] > #highlighter-nodeinfobar,
-#highlighter-nodeinfobar-container[position="overlap"] > #highlighter-nodeinfobar {
+.highlighter-nodeinfobar-container[position="top"] > .highlighter-nodeinfobar,
+.highlighter-nodeinfobar-container[position="overlap"] > .highlighter-nodeinfobar {
   box-shadow: 0 1px 0 hsla(0, 0%, 100%, .1) inset;
 }
 
-#highlighter-nodeinfobar-container[hide-arrow] > #highlighter-nodeinfobar {
+.highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
   margin: 7px 0;
 }
 
@@ -2733,289 +2711,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
   font-size: 120%;
 }
 
-/* Highlighter toolbar - breadcrumbs */
-
-#inspector-breadcrumbs {
-  -moz-margin-start: 2px;
-}
-
-#inspector-breadcrumbs > .scrollbutton-up,
-#inspector-breadcrumbs > .scrollbutton-down {
-  min-height: 25px;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-up {
-  -moz-margin-end: 1px;
-}
-
-#inspector-breadcrumbs > .scrollbutton-down {
-  -moz-margin-end: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover,
-#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover {
-}
-
-#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon,
-#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon {
-  /* margin: 0 5px; */
-}
-
-#inspector-breadcrumbs > .scrollbutton-up[disabled] > .toolbarbutton-icon,
-#inspector-breadcrumbs > .scrollbutton-down[disabled] > .toolbarbutton-icon {
-}
-
-#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
-#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
-}
-
-#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(ltr) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(rtl) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
-#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
-/*  transform: scaleX(-1); */
-}
-
-.inspector-breadcrumbs-button {
-  background-color: #000000;
-  border-radius: 0;
-  border-style: solid;
-  border-width: 2px 13px;
-  outline: none;
-  color: #FF9F00;
-  width: 85px; /* Can't use max-width. See bug 723132 */
-  /* The content of the button can be larger than the button */
-  overflow: hidden;
-  min-height: 25px;
-  margin: 0 -11px 0 0;
-  padding: 0 9px;
-}
-
-.inspector-breadcrumbs-button:hover {
-  background-color: #FFCF00;
-  color: #000000;
-}
-
-.inspector-breadcrumbs-button[checked]:not(:hover) {
-  background-color: #008484;
-  color: #000000;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open],
-.inspector-breadcrumbs-button:active {
-  background-color: #FF9F00;
-  color: #000000;
-}
-
-.inspector-breadcrumbs-button:-moz-focusring > .button-box {
-  border-width: 0;
-}
-
-.inspector-breadcrumbs-button:-moz-focusring > label {
-  border-bottom: 1px dotted #008484;
-}
-
-.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag {
-  /*color: hsl(208,100%,60%); */
-}
-
-.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id {
-  /*color: hsl(205,100%,70%); */
-}
-
-.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes {
-  color: #FF9F00;
-}
-
-.inspector-breadcrumbs-id,
-.inspector-breadcrumbs-classes {
-  /*color: #8d99a6; */
-}
-
-/* fit height of other buttons to breadcrumbs */
-#inspector-toolbar .devtools-toolbarbutton,
-#highlighter-closebutton,
-#inspector-option-toolbarbutton {
-  min-height: 25px;
-}
-
-.inspector-breadcrumbs-pseudo-classes {
-  color: #FFCF00;
-}
-
-/* Highlighter toolbar - breadcrumbs - LTR */
-
-.inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type {
-}
-
-.inspector-breadcrumbs-button {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]),
-.inspector-breadcrumbs-button:not([checked]):hover:active {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[checked] {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[checked][siblings-menu-open],
-.inspector-breadcrumbs-button[checked]:hover:active {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:first-of-type {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]),
-.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:first-of-type[checked] {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked],
-.inspector-breadcrumbs-button:first-of-type[checked]:hover:active {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:last-of-type {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch;
-}
-
-#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):last-of-type {
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]),
-.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:last-of-type[checked] {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked],
-.inspector-breadcrumbs-button:last-of-type[checked]:hover:active {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-/* Highlighter toolbar - breadcrumbs - RTL */
-
-.inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type {
-}
-
-.inspector-breadcrumbs-button:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]):-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[checked]:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[checked][siblings-menu-open]:-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:first-of-type:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]):-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:first-of-type[checked]:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked]:-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch;
-}
-
-#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]):-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:last-of-type[checked]:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked]:-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
-  -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-/* Highlighter toolbar - HTML Tree */
-
-#inspector-treepanel-toolbutton {
-  list-style-image: url("chrome://browser/skin/devtools/treepanel-button.png");
-  -moz-image-region: rect(0 18px 16px 0);
-}
-
-#inspector-treepanel-toolbutton[checked],
-#inspector-treepanel-toolbutton:hover {
-  -moz-image-region: rect(0 36px 16px 18px);
-}
-
-#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl),
-#inspector-treepanel-toolbutton:-moz-locale-dir(ltr) {
-/*  border-radius: 3px 0 0 3px;*/
-}
-
-#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr),
-#inspector-treepanel-toolbutton:-moz-locale-dir(rtl) {
-/*  border-radius: 0 3px 3px 0;*/
-}
-
-/* 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;
@@ -3162,6 +2857,14 @@ html|*#gcli-output-frame {
 
 /* Developer Toolbar */
 
+#developer-toolbar-toolbox-button {
+  min-width: 18px;
+}
+
+#developer-toolbar-toolbox-button > .toolbarbutton-text {
+  display: none;
+}
+
 .developer-toolbar-button {
   min-width: 78px;
   min-height: 21px;
@@ -3177,37 +2880,13 @@ html|*#gcli-output-frame {
 .developer-toolbar-button[checked=true] {
 }
 
-#developer-toolbar-webconsole {
-  -moz-image-region: rect(0, 16px, 16px, 0);
-}
-
-#developer-toolbar-inspector {
-  -moz-image-region: rect(16px, 16px, 32px, 0);
-}
-
-#developer-toolbar-styleeditor {
-  -moz-image-region: rect(32px, 16px, 48px, 0);
-}
-
-#developer-toolbar-debugger {
-  -moz-image-region: rect(48px, 16px, 64px, 0);
-}
-
-#developer-toolbar-other-tools {
-  -moz-image-region: rect(64px, 16px, 80px, 0);
-}
-
-#developer-toolbar-other-tools > .toolbarbutton-menu-dropmarker {
-  display: none;
-}
-
 #developer-toolbar-toolbox-button {
   -moz-image-region: rect(64px, 16px, 80px, 0);
 }
 
 /* Error counter */
 
-#developer-toolbar-webconsole[error-count]:before {
+#developer-toolbar-toolbox-button[error-count]:before {
   color: #000000;
   min-width: 16px;
   text-shadow: none;
@@ -3218,6 +2897,10 @@ html|*#gcli-output-frame {
 
 /* Social toolbar item */
 
+#social-provider-button {
+  -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
 #social-provider-button > .toolbarbutton-menu-dropmarker {
   display: none;
 }
@@ -3572,3 +3255,17 @@ chatbox[minimized="true"] {
 .center-item-button {
   min-width: 0;
 }
+
+#main-window[privatebrowsingmode=temporary] #toolbar-menubar {
+  background-image: url("chrome://browser/skin/privatebrowsing-dark.png");
+  background-position: top right;
+  background-repeat: no-repeat;
+}
+
+#main-window[privatebrowsingmode=temporary] #toolbar-menubar:-moz-locale-dir(rtl) {
+  background-position: top left;
+}
+
+#main-window[privatebrowsingmode=temporary] #appmenu-button {
+  list-style-image: url("chrome://browser/skin/privatebrowsing-light.png");
+}

diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css
index 021f2532f3770da22cc1b7a3b293d16c9825f365..8bfe5c397e6c82e0aefcaa3ad110ba5ca300cd46 100644 (file)
--- a/LCARStrek/browser/devtools/common.css
+++ b/LCARStrek/browser/devtools/common.css
@@ -3,6 +3,11 @@
  * 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/. */
 
+/* Font for code */
+.devtools-monospace {
+  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
+}
+
 /* Toolbar and Toolbar items */
 
 .devtools-toolbar {
@@ -28,6 +33,10 @@ devtools-menulist:-moz-focusring,
   min-width: 20px;
 }
 
+.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
+  display: none;
+}
+
 .devtools-toolbarbutton:not([checked=true]):hover:active {
 }
 
@@ -86,9 +95,10 @@ devtools-menulist:-moz-focusring,
   -moz-box-align: center;
 }
 
-/* Search input */
+/* Text input */
 
 /*
+.devtools-textinput,
 .devtools-searchinput {
   -moz-appearance: none;
   margin: 0 3px;
@@ -96,17 +106,22 @@ devtools-menulist:-moz-focusring,
   box-shadow: inset 0 1px 0 hsla(211,68%,6%,.05), 0 0 0 1px hsla(210,40%,83%,.1);
   border-radius: 2px;
   background-color: transparent;
-  background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
+  background-image: -moz-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;
+}
+
+.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;
   -moz-padding-end: 12px;
-  transition-property: background-color, border-color, box-shadow;
-  transition-duration: 150ms;
-  transition-timing-function: ease;
-  color: inherit;
 }
 
 .devtools-searchinput[focused] {
@@ -160,6 +175,111 @@ devtools-menulist:-moz-focusring,
   position: relative;
 }
 
+/* In-tools sidebar */
+
+.devtools-sidebar-tabs {
+}
+
+.devtools-sidebar-tabs > tabpanels {
+  padding: 0;
+  border: 0;
+}
+
+.devtools-sidebar-tabs > tabs {
+  position: static;
+  overflow: hidden;
+}
+
+.devtools-sidebar-tabs > tabs > .tabs-right,
+.devtools-sidebar-tabs > tabs > .tabs-left {
+  display: none;
+}
+
+.devtools-sidebar-tabs > tabs > tab {
+  min-width: 78px;
+  text-align: center;
+  -moz-box-flex: 1;
+  position: static;
+}
+
+.devtools-sidebar-tabs > tabs > tab:-moz-focusring {
+  position: static;
+}
+
+.devtools-sidebar-tabs > tabs > tab:last-of-type {
+  -moz-border-end-width: 0;
+}
+
+.devtools-sidebar-tabs > tabs > tab:first-of-type {
+  -moz-margin-start: 0;
+}
+
+.devtools-sidebar-tabs > tabs > tab {
+}
+
+.devtools-sidebar-tabs:-moz-locale-dir(rtl) > tabs > tab {
+}
+
+.devtools-sidebar-tabs > tabs > tab {
+}
+
+.devtools-sidebar-tabs > tabs > tab:hover {
+}
+
+.devtools-sidebar-tabs > tabs > tab:hover:active {
+}
+
+.devtools-sidebar-tabs > tabs > tab[selected=true] + tab {
+}
+
+.devtools-sidebar-tabs > tabs > tab[selected=true] + tab:hover {
+}
+
+.devtools-sidebar-tabs > tabs > tab[selected=true] + tab:hover:active {
+}
+
+.devtools-sidebar-tabs > tabs > tab[selected=true] {
+}
+
+.devtools-sidebar-tabs > tabs > tab[selected=true]:hover {
+}
+
+.devtools-sidebar-tabs > tabs > tab[selected=true]:hover:active {
+}
+
+/* Theme */
+
+.devtools-theme-background {
+  background-color: #000000;
+  color: #FF9F00;
+}
+
+.devtools-theme-comment {
+  color: #A09090; /* original: grey */
+}
+
+.devtools-theme-keyword {
+  color: #8050B0; /* original: purple */
+}
+
+.devtools-theme-string {
+  color: #E7ADE7; /* original: green */
+}
+
+.devtools-theme-tagname {
+  color: #FFCF00; /* original: dark blue */
+}
+
+.devtools-theme-attrname {
+  color: #9C9CFF; /* original: blue */
+}
+
+.devtools-theme-attrvalue {
+  color: #C09070; /* original: orange */
+}
+
+/* LCARStrek-specific adaptions */
+
 #profiler-chrome {
   /* HACK for profiler in the dev toolbox in FF 20+. */
   margin: -3px;
@@ -167,4 +287,4 @@ devtools-menulist:-moz-focusring,
 
 #profiler-chrome > box > box > .devtools-toolbar {
   border-bottom: none;
-}
\ No newline at end of file
+}

diff --git a/LCARStrek/browser/devtools/csshtmltree.css b/LCARStrek/browser/devtools/csshtmltree.css
index 89c26eb82b0bb1db919f6e0b3826116b5ffca52b..a8e06624fb1233b946695aecec07911172420595 100644 (file)
--- a/LCARStrek/browser/devtools/csshtmltree.css
+++ b/LCARStrek/browser/devtools/csshtmltree.css
@@ -5,6 +5,7 @@
 :root {
   background: #000000;
   color: #FF9F00;
+  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 /* Take away these two :visited rules to get a core dumper     */

diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css
index 3b8f7d6540b9a14ca3a9b095d3888e46e83223d5..d761845648a296e6099a6c5e7daf8abc12d1d6fe 100644 (file)
--- a/LCARStrek/browser/devtools/debugger.css
+++ b/LCARStrek/browser/devtools/debugger.css
@@ -17,7 +17,7 @@ window {
  */
 
 #chrome-globals, #sources {
-  min-width: 150px;
+  width: 200px;
 }
 
 /**
@@ -56,6 +56,11 @@ window {
 
 #globalsearch {
   background-color: #000000;
+  min-height: 10px;
+}
+
+#globalsearch > vbox:not(:empty) {
+  min-height: 10px;
   max-height: 150px;
 }
 
@@ -114,6 +119,10 @@ window {
   transform: scale(1.75, 1.75);
 }
 
+/**
+ * Searchbox panel
+ */
+
 #searchbox-panel .description {
   margin: -6px 0 8px;
 }
@@ -130,6 +139,48 @@ window {
   padding-bottom: 1px;
 }
 
+/**
+ * Filtered sources panel
+ */
+
+#filtered-sources-panel {
+  padding: 4px;
+}
+
+.dbg-source-item {
+  border: 1px solid #A09090;
+  border-top-color: #8050B0;
+}
+
+.dbg-source-item.selected {
+}
+
+.dbg-source-item:first-of-type {
+  border-top-color: #9C9CFF;
+  border-radius: 4px 4px 0 0;
+}
+
+.dbg-source-item:last-of-type {
+  border-radius: 0 0 4px 4px;
+}
+
+.dbg-source-item:only-of-type {
+  border-radius: 4px 4px 4px 4px;
+}
+
+.dbg-source-item:not(:hover) {
+/*  text-shadow: 0 1px #fff;*/
+}
+
+.dbg-source-item-name {
+  color: #9C9CFF;
+  font-weight: 600;
+}
+
+.dbg-source-item-details {
+  color: #FF9F00;
+}
+
 /**
  * Stack frames and breakpoints pane
  */
@@ -410,7 +461,7 @@ window {
  * Variables and properties searching
  */
 
-#variables .devtools-searchinput {
+.variables-searchinput.devtools-searchinput {
   min-height: 24px;
 }
 

diff --git a/LCARStrek/browser/devtools/inspector.css b/LCARStrek/browser/devtools/inspector.css
index 059a17e87dbf79316610270b194dd8a7f3fc71f5..15a1741babd3ae2033ce1b446fc72f0b7e30d228 100644 (file)
--- a/LCARStrek/browser/devtools/inspector.css
+++ b/LCARStrek/browser/devtools/inspector.css
@@ -6,116 +6,161 @@ window {
   border-top: none;
 }
 
-/*
 #inspector-inspect-toolbutton {
   list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
-  -moz-image-region: rect(0px 16px 16px 0px);
+  -moz-image-region: rect(0 16px 16px 0);
 }
 
-#inspector-inspect-toolbutton[checked=true] {
-  -moz-image-region: rect(0px 32px 16px 16px);
+#inspector-inspect-toolbutton[checked=true],
+#inspector-inspect-toolbutton:hover {
+  -moz-image-region: rect(0 32px 16px 16px);
 }
 
-/* Highlighter toolbar - breadcrumbs *
+/* Highlighter toolbar - breadcrumbs */
 
 #inspector-breadcrumbs {
   -moz-margin-end: 3px;
   /* A fake 1px-shadow is included in the border-images of the
      inspector-breadcrumbs-buttons, to match toolbar-buttons style.
      This negative margin compensate the extra row of pixels created
-     by the shadow.*
-  margin: -1px 0;
+     by the shadow.*/
+  /*margin: -1px 0;*/
 }
 
 #inspector-breadcrumbs > .scrollbutton-up,
 #inspector-breadcrumbs > .scrollbutton-down {
-  -moz-appearance: none;
-  border: 1px solid hsla(210,8%,5%,.45);
-  background: -moz-linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
-  box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15);
-  margin: 1px 0 1px;
+  min-height: 25px;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-up {
+  -moz-margin-end: 1px;
+}
+
+#inspector-breadcrumbs > .scrollbutton-down {
+  -moz-margin-end: 0;
 }
 
 #inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover,
 #inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover {
-  border-color: hsla(210,8%,5%,.6);
-  background: -moz-linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
-  box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
 }
 
 #inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon,
 #inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon {
-  -moz-appearance: none;
-  list-style-image: url("chrome://browser/skin/devtools/breadcrumbs-scrollbutton.png");
-  -moz-image-region: rect(0px 7px 16px 0px);
-  margin: 0 5px;
+  /* margin: 0 5px; */
 }
 
 #inspector-breadcrumbs > .scrollbutton-up[disabled] > .toolbarbutton-icon,
 #inspector-breadcrumbs > .scrollbutton-down[disabled] > .toolbarbutton-icon {
-  opacity: 0.5;
 }
 
 #inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
 #inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
-  -moz-image-region: rect(0px 14px 16px 7px);
+}
+
+#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(ltr) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(rtl) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 #inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
 #inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
-  transform: scaleX(-1);
+/*  transform: scaleX(-1); */
 }
 
 .inspector-breadcrumbs-button {
-  -moz-appearance: none;
-  background-color: transparent;
+  background-color: #000000;
+  border-radius: 0;
   border-style: solid;
   border-width: 2px 13px;
   outline: none;
-  color: hsl(210,30%,85%);
-  width: 85px; /* Can't use max-width. See bug 723132 *
-  /* The content of the button can be larger than the button *
+  color: #FF9F00;
+  width: 85px; /* Can't use max-width. See bug 723132 */
+  /* The content of the button can be larger than the button */
   overflow: hidden;
   min-height: 25px;
   margin: 0 -11px 0 0;
   padding: 0 9px;
 }
 
+.inspector-breadcrumbs-button:hover {
+  background-color: #FFCF00;
+  color: #000000;
+}
+
+.inspector-breadcrumbs-button[checked]:not(:hover) {
+  background-color: #008484;
+  color: #000000;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open],
+.inspector-breadcrumbs-button:active {
+  background-color: #FF9F00;
+  color: #000000;
+}
+
 .inspector-breadcrumbs-button:-moz-focusring > .button-box {
   border-width: 0;
 }
 
 .inspector-breadcrumbs-button:-moz-focusring > label {
-  border-bottom: 1px dotted hsla(210,30%,85%,0.4);
+  border-bottom: 1px dotted #008484;
 }
 
 .inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag {
-  color: hsl(200,100%,60%);
+  /*color: hsl(208,100%,60%); */
 }
 
 .inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id {
-  color: hsl(200,100%,70%);
+  /*color: hsl(205,100%,70%); */
 }
 
 .inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes {
-  color: hsl(20, 100%, 70%);
+  color: #FF9F00;
 }
 
 .inspector-breadcrumbs-id,
 .inspector-breadcrumbs-classes {
-  color: #8d99a6;
+  /*color: #8d99a6; */
 }
 
 .inspector-breadcrumbs-pseudo-classes {
-  color: hsl(20, 100%, 85%);
+  color: #FFCF00;
+}
+
+/* fit height of other buttons to breadcrumbs */
+#inspector-toolbar .devtools-toolbarbutton,
+#highlighter-closebutton,
+#inspector-option-toolbarbutton {
+  min-height: 25px;
 }
 
-/* Highlighter toolbar - breadcrumbs - LTR *
+/* Highlighter toolbar - breadcrumbs - LTR */
+
+.inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type {
+}
 
 .inspector-breadcrumbs-button {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]),
 .inspector-breadcrumbs-button:not([checked]):hover:active {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -124,6 +169,7 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[checked][siblings-menu-open],
 .inspector-breadcrumbs-button[checked]:hover:active {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -132,6 +178,7 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]),
 .inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -140,6 +187,7 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked],
 .inspector-breadcrumbs-button:first-of-type[checked]:hover:active {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -148,14 +196,7 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch;
 }
 
-#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type {
-  border-left-width: 0;
-}
-
-#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):last-of-type {
-  border-right-width: 0;
-}
-
+.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]),
 .inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -164,16 +205,21 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked],
 .inspector-breadcrumbs-button:last-of-type[checked]:hover:active {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch;
 }
 
-/* Highlighter toolbar - breadcrumbs - RTL *
+/* Highlighter toolbar - breadcrumbs - RTL */
+
+.inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type {
+}
 
 .inspector-breadcrumbs-button:-moz-locale-dir(rtl) {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]):-moz-locale-dir(rtl),
 .inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -182,6 +228,7 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[checked][siblings-menu-open]:-moz-locale-dir(rtl),
 .inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -190,6 +237,7 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]):-moz-locale-dir(rtl),
 .inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -198,6 +246,7 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked]:-moz-locale-dir(rtl),
 .inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -206,14 +255,10 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch;
 }
 
-#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type {
-  border-right-width: 0;
-}
-
 #inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
-  border-left-width: 0;
 }
 
+.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]):-moz-locale-dir(rtl),
 .inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch;
 }
@@ -222,7 +267,7 @@ window {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch;
 }
 
+.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked]:-moz-locale-dir(rtl),
 .inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch;
 }
-*/
\ No newline at end of file

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

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

diff --git a/LCARStrek/browser/devtools/layoutview.css b/LCARStrek/browser/devtools/layoutview.css
index 643dd0b4980136673bc314b83864132245dd80f9..5c4b6493d7038375322669c45bde26b83859a4ae 100644 (file)
--- a/LCARStrek/browser/devtools/layoutview.css
+++ b/LCARStrek/browser/devtools/layoutview.css
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 body {
-  background: url("layout-background.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%);
+  background: url("layout-background-grid.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%);
   color: #FF9F00;
   border-top: 1px solid #9C9CFF;
   -moz-box-sizing: border-box;
@@ -42,17 +42,3 @@ body {
   border-style: solid;
   border-color: #9C9CFF;
 }
-
-#togglebutton {
-  background-image: url("layout-buttons.png");
-  width: 16px;
-  height: 16px;
-}
-
-body.open {
-  background: url("layout-background-grid.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%);
-}
-
-body.open > #header > #togglebutton {
-  background-position: -16px 0;
-}

diff --git a/LCARStrek/browser/devtools/markup-view.css b/LCARStrek/browser/devtools/markup-view.css
index 0db502957e3d7a3f2590b1729b2d898f8e87be7f..8e7c15513e07c56023b4d7e7786f74565380eb98 100644 (file)
--- a/LCARStrek/browser/devtools/markup-view.css
+++ b/LCARStrek/browser/devtools/markup-view.css
@@ -8,7 +8,6 @@
 }
 
 body {
-  font: message-box;
   background-color: #000000;
   color: #FF9F00;
 }
@@ -68,6 +67,10 @@ li.container {
   background-image: url("chrome://global/skin/tree/twisty-open.gif");
 }
 
+.more-nodes {
+  padding-left: 16px;
+}
+
 .styleinspector-propertyeditor {
   border: 1px solid #9C9CFF;
 }

diff --git a/LCARStrek/browser/devtools/splitview.css b/LCARStrek/browser/devtools/splitview.css
index fc6f2eee71262e2ecc52af259582466b5edceec8..d936579cfdda349d8c050b69532880f5c75f5cdb 100644 (file)
--- a/LCARStrek/browser/devtools/splitview.css
+++ b/LCARStrek/browser/devtools/splitview.css
@@ -95,7 +95,7 @@
 .splitview-landscape-resizer {
   -moz-appearance: none;
   width: 7px;
-  background-image: -moz-linear-gradient(left, #000000 1px, #FFCF00 1px);
+  background-image: linear-gradient(left, #000000 1px, #FFCF00 1px);
   background-size: 2px 15px;
   background-clip: padding-box;
   background-repeat: repeat-x;
@@ -112,7 +112,7 @@
 
 .splitview-portrait-resizer {
   -moz-appearance: none;
-  background: -moz-linear-gradient(top, #000000 1px, #FFCF00 1px);
+  background: linear-gradient(top, #000000 1px, #FFCF00 1px);
   height: 12px;
   background-size: 10px 2px, 100% 12px;
   background-clip: content-box, border-box;

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

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

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

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

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

diff --git a/LCARStrek/browser/devtools/toolbox.css b/LCARStrek/browser/devtools/toolbox.css
index 8e5ea9cc9263ff593f260959ada429dd044cf142..60941e0592a2bd0a5d41fb1bbb8f3475c96aeca2 100644 (file)
--- a/LCARStrek/browser/devtools/toolbox.css
+++ b/LCARStrek/browser/devtools/toolbox.css
@@ -6,8 +6,14 @@ window {
   padding: 0;
 }
 
-#toolbox-tabs {
-  margin: 0;
+#toolbox-controls {
+  margin: 0 2px;
+}
+
+#toolbox-controls > toolbarbutton,
+#toolbox-dock-buttons > toolbarbutton {
+  min-width: 16px;
+  padding: 1px 3px;
 }
 
 #toolbox-dock-bottom {
@@ -29,7 +35,7 @@ window {
 }
 
 #toolbox-dock-window {
-  list-style-image: url("chrome://browser/skin/devtools/dock-window.png");
+  list-style-image: url("chrome://browser/skin/devtools/undock.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 
@@ -46,6 +52,35 @@ window {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
+#toolbox-dock-window,
+#toolbox-dock-bottom,
+#toolbox-dock-side,
+#toolbox-close {
+}
+
+#toolbox-dock-window:hover,
+#toolbox-dock-bottom:hover,
+#toolbox-dock-side:hover,
+#toolbox-close:hover {
+}
+
+#toolbox-controls-separator {
+  -moz-margin-start: 4px;
+}
+
+
+/* Command buttons */
+
+.command-button {
+  padding: 1px 4px;
+  min-width: 16px;
+}
+
+.command-button:hover {
+}
+.command-button:hover:active {
+}
+
 #command-button-responsive {
   list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
@@ -85,24 +120,35 @@ window {
 }
 
 #toolbox-tabs {
+  margin: 0;
   background-color: #000000;
   color: #FFCF00;
 }
 
 .devtools-tab {
-  min-width: 78px;
-  min-height: 22px;
-  border-radius: 8px 8px 0 0;
+  min-width: 88px;
+  /* min-height: 22px; */
+  color: #000000;
   margin: 0;
   -moz-margin-end: 3px;
-  -moz-padding-start: 5px;
   background-color: #C09070;
-  color: #000000;
+  border-radius: 8px 8px 0 0;
 }
 
-.devtools-tab[selected=true] {
-  background-color: #008484;
-  color: #000000;
+.devtools-tab > .radio-label-center-box > .radio-label-box {
+  padding: 0 6px;
+  border-radius: 8px 8px 0 0;
+}
+
+.devtools-tab > .radio-label-center-box > .radio-label-box > .radio-icon {
+  -moz-margin-end: 6px;
+}
+
+.devtools-tab:hover > .radio-label-center-box > .radio-label-box > .radio-icon {
+}
+
+.devtools-tab:active > .radio-label-center-box > .radio-label-box > .radio-icon,
+.devtools-tab[selected=true] > .radio-label-center-box > .radio-label-box > .radio-icon {
 }
 
 .devtools-tab:hover,
@@ -116,6 +162,7 @@ window {
   color: #000000;
 }
 
-.devtools-tab > .radio-label-box {
-  -moz-margin-start: 0px
+.devtools-tab[selected=true] {
+  background-color: #008484;
+  color: #000000;
 }

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

diff --git a/LCARStrek/browser/devtools/dock-window.png b/LCARStrek/browser/devtools/undock.png
similarity index 100%
rename from LCARStrek/browser/devtools/dock-window.png
rename to LCARStrek/browser/devtools/undock.png

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

diff --git a/LCARStrek/browser/privatebrowsing-light.png b/LCARStrek/browser/privatebrowsing-light.png
new file mode 100644 (file)
index 0000000..6883ba2
Binary files /dev/null and b/LCARStrek/browser/privatebrowsing-light.png differ

diff --git a/LCARStrek/browser/webRTC-shareDevice-16.png b/LCARStrek/browser/webRTC-shareDevice-16.png
index 9a9659ca97954bb1494f79d1e091d2dc43d2e445..9ffb3583827f5fc2d93e9ac33ef5fc33c066409b 100644 (file)
Binary files a/LCARStrek/browser/webRTC-shareDevice-16.png and b/LCARStrek/browser/webRTC-shareDevice-16.png differ

diff --git a/LCARStrek/browser/webRTC-shareDevice-64.png b/LCARStrek/browser/webRTC-shareDevice-64.png
index 83742607d9ce6f51b5903c6f2583b6635f5e73ce..a81d4c152439aafc90dba61b83b09af9e274b570 100644 (file)
Binary files a/LCARStrek/browser/webRTC-shareDevice-64.png and b/LCARStrek/browser/webRTC-shareDevice-64.png differ

diff --git a/LCARStrek/browser/webRTC-sharingDevice-16.png b/LCARStrek/browser/webRTC-sharingDevice-16.png
new file mode 100644 (file)
index 0000000..32336aa
Binary files /dev/null and b/LCARStrek/browser/webRTC-sharingDevice-16.png differ