third part of synching LCARStrek with windows theme changes in Firefox 28 cycle

[themes.git] / LCARStrek / browser / devtools / toolbox.css

diff --git a/LCARStrek/browser/devtools/toolbox.css b/LCARStrek/browser/devtools/toolbox.css
index 2606642ba4f4e73252eb13a23c8f05ae3894e15b..7006f26e5efd2d1a02eb97ae4ab333f4b9b21a6c 100644 (file)
--- a/LCARStrek/browser/devtools/toolbox.css
+++ b/LCARStrek/browser/devtools/toolbox.css
@@ -47,25 +47,14 @@ notification {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
-#toolbox-close {
-  list-style-image: url("chrome://global/skin/icons/close.png");
-  -moz-image-region: rect(0px, 16px, 16px, 0px);
-}
-
-#toolbox-close:hover {
-  -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-
 #toolbox-dock-window,
 #toolbox-dock-bottom,
-#toolbox-dock-side,
-#toolbox-close {
+#toolbox-dock-side {
 }
 
 #toolbox-dock-window:hover,
 #toolbox-dock-bottom:hover,
-#toolbox-dock-side:hover,
-#toolbox-close:hover {
+#toolbox-dock-side:hover {
 }
 
 #toolbox-controls-separator {
@@ -128,6 +117,26 @@ notification {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
+#command-button-pick {
+  list-style-image: url("chrome://browser/skin/devtools/command-pick.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#command-button-pick:hover,
+#command-button-pick:hover:active {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+#command-button-splitconsole {
+  list-style-image: url("chrome://browser/skin/devtools/command-console.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#command-button-splitconsole:hover,
+#command-button-splitconsole:hover:active {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
 
 /* Tabs */
 
@@ -155,6 +164,8 @@ notification {
 .devtools-tab > image {
   -moz-margin-end: 0px;
 /*  -moz-margin-start: 4px; */
+  max-height: 16px;
+  width: 16px; /* Prevents collapse during theme switching */
 }
 
 #toolbox-tab-options > image {
@@ -203,27 +214,50 @@ notification {
   visibility: collapse;
 }
 
-#options-panel {
-  /* background-image: url("chrome://browser/skin/newtab/noise.png"); */
+.devtools-tab:not([selected=true]).highlighted {
+  color: #FFCF00;
+}
+
+.devtools-tab:not(.highlighted) > .highlighted-icon,
+.devtools-tab[selected=true] > .highlighted-icon,
+.devtools-tab:not([selected=true]).highlighted > .default-icon {
+  visibility: collapse;
 }
 
 .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 > * {
   padding: 2px;
 }
+
+.options-citation-label {
+  font-size: 1rem !important;
+  /* !important is required otherwise font-size will still be 1.4rem */
+  font-style: italic;
+  padding: 4px 0 0; /* To align it with the checkbox */
+}
+
+.options-citation-label + label {
+  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;
+}