third part of syncing LCARStrek with Firefox 32 windows theme changes
authorRobert Kaiser <robert@widebook.box.kairo.at>
Mon, 8 Sep 2014 15:06:52 +0000 (17:06 +0200)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Mon, 8 Sep 2014 15:06:52 +0000 (17:06 +0200)
24 files changed:
LCARStrek/browser/browser.css
LCARStrek/browser/customizableui/panelUIOverlay.css
LCARStrek/browser/devtools/common.css
LCARStrek/browser/devtools/dark-theme.css
LCARStrek/browser/devtools/debugger-blackBoxMessageEye.png [deleted file]
LCARStrek/browser/devtools/debugger.css
LCARStrek/browser/devtools/filetype-dir-close.svg [new file with mode: 0644]
LCARStrek/browser/devtools/filetype-dir-open.svg [new file with mode: 0644]
LCARStrek/browser/devtools/filetype-globe.svg [new file with mode: 0644]
LCARStrek/browser/devtools/filetype-store.svg [new file with mode: 0644]
LCARStrek/browser/devtools/itemToggle.png
LCARStrek/browser/devtools/itemToggle@2x.png [new file with mode: 0644]
LCARStrek/browser/devtools/markup-view.css
LCARStrek/browser/devtools/netmonitor.css
LCARStrek/browser/devtools/projecteditor/file-icons-sheet@2x.png [new file with mode: 0644]
LCARStrek/browser/devtools/projecteditor/projecteditor.css [new file with mode: 0644]
LCARStrek/browser/devtools/ruleview.css
LCARStrek/browser/devtools/shadereditor.css
LCARStrek/browser/devtools/styleeditor.css
LCARStrek/browser/devtools/webaudioeditor.css
LCARStrek/browser/devtools/widgets.css
LCARStrek/browser/feeds/subscribe.css
LCARStrek/browser/preferences/in-content/favicon.ico [new file with mode: 0644]
LCARStrek/browser/preferences/in-content/preferences.css

index f0055864e5aa0d0c9dad2bd38b4cd08cb5977091..dbec1f600e5d18eca8d30ec367f2acd1a8764452 100644 (file)
@@ -113,13 +113,12 @@ menubar {
 #navigator-toolbox > toolbar:not(:-moz-lwtheme) {
 }
 
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
+}
+
 @media (-moz-mac-graphite-theme: 0) and (-moz-mac-lion-theme: 0) {
   /* This is a hackish workaround to exclude most of Mac OS until bug 1060941 gets fixed. */
   /* Indent also due to non-applicable aero rule in original Windows theme. */
-  #toolbar-menubar {
-    background-color: transparent !important;
-  }
-
   #main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar:not(:-moz-lwtheme),
   #main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar:not(:-moz-lwtheme) {
     /* like menubar */
@@ -137,10 +136,6 @@ menubar {
     /*color: inherit;*/
   }
 
-  #TabsToolbar:-moz-lwtheme {
-    /*background: linear-gradient(to top, @toolbarShadowColor@ 2px, transparent 2px);*/
-  }
-
   #main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
     visibility: hidden;
   }
@@ -2454,13 +2449,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
   border-bottom: 1px solid #008484;
 }
 
-#main-window:not([customizing]) #TabsToolbar:not(:-moz-lwtheme) {
-}
-
-#main-window[tabsintitlebar] #TabsToolbar {
-  background-color: transparent;
-}
-
 /* === BEGIN tabs.inc.css === */
 
 .tabbrowser-tab,
@@ -2519,7 +2507,7 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 }
 
-.tab-throbber {
+.tab-throbber[busy] {
   list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
 }
 
@@ -3050,7 +3038,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled
 
 .notification-anchor-icon:-moz-focusring {
   outline: 1px dotted #008484;
-/*  outline-offset: -3px; */
 }
 
 .default-notification-icon,
@@ -5055,3 +5042,10 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left {
 }
 
 /* === END contextmenu.inc.css === */
+
+#context-navigation {
+}
+
+#context-sep-navigation {
+/*  margin-top: -4px; */
+}
index 199a6a74e0517f7d73db642ea4d9ba36b1db1241..47670532ada4c1ccc0e5b6fae2f2934bffe781fa 100644 (file)
   width: 64px;
   height: 64px;
   position: absolute;
-  animation: moveX 3.05s linear 0s infinite alternate,
-             moveY 3.4s linear 0s infinite alternate;
+  transition: transform 1s ease-out;
+  animation: whimsyMoveX 3.05s linear 0s infinite alternate,
+             whimsyMoveY 3.4s linear 0s infinite alternate;
+}
+
+#PanelUI-popup #PanelUI-contents:active:empty::before {
+  animation: whimsyMoveX 3.05s linear 0s infinite alternate,
+             whimsyMoveY 3.4s linear 0s infinite alternate,
+             whimsyRotate 1s linear 0s infinite normal;
 }
 
 #PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):empty::before {
-  animation: moveXRTL 3.05s linear 0s infinite alternate,
-             moveY 3.4s linear 0s infinite alternate;
+  animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
+             whimsyMoveY 3.4s linear 0s infinite alternate;
+}
+
+#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):active:empty::before {
+  animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
+             whimsyMoveY 3.4s linear 0s infinite alternate,
+             whimsyRotate 1s linear 0s infinite normal;
 }
 
 #PanelUI-popup #PanelUI-contents:empty:hover::before {
   }
 }
 
-@keyframes moveX {
+@keyframes whimsyMoveX {
   /* These values are adjusted for the padding on the panel. */
   from { margin-left: -9px; } to { margin-left: calc(100% - 55px); }
 }
-@keyframes moveXRTL {
+
+@keyframes whimsyMoveXRTL {
   /* These values are adjusted for the padding on the panel. */
   from { margin-right: -9px; } to { margin-right: calc(100% - 55px); }
 }
-@keyframes moveY {
+
+@keyframes whimsyMoveY {
   /* These values are adjusted for the padding and height of the panel. */
   from { margin-top: -.5em; } to { margin-top: calc(64px - .5em); }
 }
 
+@keyframes whimsyRotate {
+  to { transform: perspective(5000px) rotateY(360deg); }
+}
+
 #customization-panelHolder {
   border-radius: 4px;
 }
index 6c9875b550d8718fbfa034d0caad7b5a95f44fcb..6c9eafc9a3089fc54b687b6a8b314013bdd1d71f 100644 (file)
@@ -213,14 +213,6 @@ notification {
   margin-bottom: -4px;
 }
 
-/* Tooltip: Font Family Previewer Text */
-.devtools-tooltip-font-previewer-text {
-  max-width: 400px;
-  line-height: 1.5;
-  font-size: 150%;
-  text-align: center;
-}
-
 /* Tooltip: Alert Icon */
 
 .devtools-tooltip-alert-icon {
index a34a8b17c640031e6b6731fd738134985a47ce90..2b07d1ba74d1a3ddef0f2dca44946c05d19e96df 100644 (file)
   background-color: #9C9CFF;
 }
 
+.cm-s-mozilla .cm-unused-line {
+  text-decoration: line-through;
+  -moz-text-decoration-color: #8050B0;
+}
+
+.cm-s-mozilla .cm-executed-line {
+  background-color: #404000;
+}
+
 .theme-fg-color3,
 .cm-s-mozilla .cm-builtin,
 .cm-s-mozilla .cm-tag,
@@ -343,10 +352,6 @@ div.CodeMirror span.eval-text {
   border-bottom: 1px solid #A09090;
 }
 
-.theme-tooltip-panel .devtools-tooltip-font-previewer-text {
-  color: FF9F00;
-}
-
 .theme-tooltip-panel .devtools-tooltip-simple-text:last-child {
  border-bottom: 0;
 }
@@ -622,10 +627,6 @@ devtools-menulist:-moz-focusring,
  * Rules that apply to the global toolbox like command buttons,
  * devtools tabs, docking buttons, etc. */
 
-#toolbox-controls {
-  margin: 0 2px;
-}
-
 #toolbox-controls > toolbarbutton,
 #toolbox-dock-buttons > toolbarbutton {
   min-width: 16px;
@@ -667,7 +668,11 @@ devtools-menulist:-moz-focusring,
 }
 
 #toolbox-controls-separator {
-  -moz-margin-start: 4px;
+  width: 2px;
+}
+
+#toolbox-controls-separator[invisible] {
+  visibility: hidden;
 }
 
 /* Command buttons */
@@ -786,12 +791,6 @@ devtools-menulist:-moz-focusring,
   border-radius: 8px 8px 0 0;
 }
 
-.devtools-tab:first-child {
-}
-
-.devtools-tab:last-child {
-}
-
 .devtools-tab > image {
   -moz-margin-end: 0px;
 /*  -moz-margin-start: 4px; */
@@ -799,10 +798,6 @@ devtools-menulist:-moz-focusring,
   width: 16px; /* Prevents collapse during theme switching */
 }
 
-#toolbox-tab-options > image {
-/*  margin: 0 8px; */
-}
-
 .devtools-tab:hover > image {
 }
 
@@ -860,6 +855,20 @@ devtools-menulist:-moz-focusring,
   visibility: collapse;
 }
 
+/* The options tab is special - it doesn't have the same parent
+   as the other tabs (toolbox-option-container vs toolbox-tabs) */
+#toolbox-option-container .devtools-tab:not([selected]) {
+/*  background-color: transparent;*/
+}
+#toolbox-option-container .devtools-tab {
+/*  border-color: transparent;
+  border-width: 0;
+  -moz-padding-start: 1px;*/
+}
+#toolbox-tab-options > image {
+/*  margin: 0 8px;*/
+}
+
 .hidden-labels-box:not(.visible) > label,
 .hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
   display: none;
diff --git a/LCARStrek/browser/devtools/debugger-blackBoxMessageEye.png b/LCARStrek/browser/devtools/debugger-blackBoxMessageEye.png
deleted file mode 100644 (file)
index da3e35a..0000000
Binary files a/LCARStrek/browser/devtools/debugger-blackBoxMessageEye.png and /dev/null differ
index 86494e3614af4812a845ca49f5dbaa5d35485b05..cae4aa7ea3c0bbd9315f85a17d612fa612a69030 100644 (file)
@@ -103,6 +103,24 @@ window {
 /*  box-shadow: inset 1px 0 0 #222426; */
 }
 
+/* Debugger unblackbox button */
+
+#black-boxed-message-button > .button-box > .button-icon {
+  width: 16px;
+  height: 16px;
+  background-image: url("debugger-blackbox.png");
+  background-position: 0 0;
+  background-size: 32px 16px;
+  background-repeat: no-repeat;
+  -moz-margin-end: 5px;
+}
+
+@media (min-resolution: 2dppx) {
+  #black-boxed-message-button > .button-box > .button-icon {
+    background-image: url("debugger-blackbox@2x.png");
+  }
+}
+
 /* Black box message and source progress meter */
 
 #black-boxed-message,
diff --git a/LCARStrek/browser/devtools/filetype-dir-close.svg b/LCARStrek/browser/devtools/filetype-dir-close.svg
new file mode 100644 (file)
index 0000000..ea8f0fc
--- /dev/null
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>\r
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#FFCF00" width="16" height="16">\r
+  <path d="M 0.00,160.00 L 512.00,160.00 L 480.00,480.00 L 32.00,480.00 L 0.00,160.00 Z M 464.00,96.00 L 480.00,128.00 L 32.00,128.00 L 64.00,64.00 L 240.00,64.00 L 256.00,96.00 L 464.00,96.00 Z"/>\r
+</svg>\r
diff --git a/LCARStrek/browser/devtools/filetype-dir-open.svg b/LCARStrek/browser/devtools/filetype-dir-open.svg
new file mode 100644 (file)
index 0000000..c1390f4
--- /dev/null
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>\r
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#FFCF00" width="16" height="16">\r
+  <path d="M 416.00,480.00L 512.00,224.00L 96.00,224.00L0.00,480.00 zM 64.00,192.00 L 0.00,480.00 L 0.00,64.00 L 144.00,64.00 L 208.00,128.00 L 416.00,128.00 L 416.00,192.00 Z"/>\r
+</svg>\r
diff --git a/LCARStrek/browser/devtools/filetype-globe.svg b/LCARStrek/browser/devtools/filetype-globe.svg
new file mode 100644 (file)
index 0000000..809e098
--- /dev/null
@@ -0,0 +1,3 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="20" viewBox="0 0 878 1024">\r
+       <path d="M438.857 73.143q119.429 0 220.286 58.857t159.714 159.714 58.857 220.286-58.857 220.286-159.714 159.714-220.286 58.857-220.286-58.857-159.714-159.714-58.857-220.286 58.857-220.286 159.714-159.714 220.286-58.857zM595.429 370.857q-1.143 0.571-5.429 5.429t-7.714 5.429q1.143 0 2.571-2.857t2.857-6.286 2-4q3.429-4 12.571-8.571 8-3.429 29.714-6.857 19.429-4.571 29.143 6.286-1.143-1.143 5.429-7.429t8.286-6.857q1.714-1.143 8.571-2.571t8.571-4.286l1.143-12.571q-6.857 0.571-10-4t-3.714-12q0 1.143-3.429 4.571 0-4-2.571-4.571t-6.571 0.571-5.143 0.571q-5.714-1.714-8.571-4.286t-4.571-9.429-2.286-8.571q-1.143-2.857-5.429-6t-5.429-6q-0.571-1.143-1.429-3.143t-1.714-3.714-2.286-3.143-3.143-1.429-4 2.857-4.286 5.714-2.571 2.857q-1.714-1.143-3.429-0.857t-2.571 0.571-2.571 1.714-2.857 2q-1.714 1.143-4.857 1.714t-4.857 1.143q8.571-2.857-0.571-6.286-5.714-2.286-9.143-1.714 5.143-2.286 4.286-6.857t-4.857-8h2.857q-0.571-2.286-4.857-4.857t-10-4.857-7.429-3.429q-4.571-2.857-19.429-5.429t-18.857-0.286q-2.857 3.429-2.571 6t2.286 8 2 7.143q0.571 3.429-3.143 7.429t-3.714 6.857q0 4 8 8.857t5.714 12.286q-1.714 4.571-9.143 9.143t-9.143 6.857q-2.857 4.571-0.857 10.571t6 9.429q1.143 1.143 0.857 2.286t-2 2.571-3.143 2.286-3.714 2l-1.714 1.143q-6.286 2.857-11.714-3.429t-7.714-14.857q-4-14.286-9.143-17.143-13.143-4.571-16.571 0.571-2.857-7.429-23.429-14.857-14.286-5.143-33.143-2.286 3.429-0.571 0-8.571-4-8.571-10.857-6.857 1.714-3.429 2.286-10t0.571-7.714q1.714-7.429 6.857-13.143 0.571-0.571 4-4.857t5.429-7.714 0.286-3.429q20 2.286 28.571-6.286 2.857-2.857 6.571-9.714t6-9.714q5.143-3.429 8-3.143t8.286 3.143 8.286 2.857q8 0.571 8.857-6.286t-4.286-11.429q6.857 0.571 1.714-9.714-2.857-4-4.571-5.143-6.857-2.286-15.429 2.857-4.571 2.286 1.143 4.571-0.571-0.571-5.429 6t-9.429 10-9.143-2.857q-0.571-0.571-3.143-7.714t-5.429-7.714q-4.571 0-9.143 8.571 1.714-4.571-6.286-8.571t-13.714-4.571q10.857-6.857-4.571-15.429-4-2.286-11.714-2.857t-11.143 2.286q-2.857 4-3.143 6.571t2.857 4.571 6 3.143 6.571 2.286 4.857 1.714q8 5.714 4.571 8-1.143 0.571-4.857 2t-6.571 2.571-3.429 2.286q-1.714 2.286 0 8t-1.143 8q-2.857-2.857-5.143-10t-4-9.429q4 5.143-14.286 3.429l-5.714-0.571q-2.286 0-9.143 1.143t-11.714 0.571-7.714-4.571q-2.286-4.571 0-11.429 0.571-2.286 2.286-1.143-2.286-1.714-6.286-5.429t-5.714-4.857q-26.286 8.571-53.714 23.429 3.429 0.571 6.857-0.571 2.857-1.143 7.429-3.714t5.714-3.143q19.429-8 24-4l2.857-2.857q8 9.143 11.429 14.286-4-2.286-17.143-0.571-11.429 3.429-12.571 6.857 4 6.857 2.857 10.286-2.286-1.714-6.571-5.714t-8.286-6.286-8.571-2.857q-9.143 0-12.571 0.571-83.429 45.714-134.286 126.857 4 4 6.857 4.571 2.286 0.571 2.857 5.143t1.429 6.286 6.571-1.714q5.143 4.571 1.714 10.857 0.571-0.571 25.143 15.429 10.857 9.714 12 12 1.714 6.286-5.714 10.286-0.571-1.143-5.143-5.143t-5.143-2.286q-1.714 2.857 0.286 10.571t6 7.143q-4 0-5.429 9.143t-1.429 20.286-0.571 13.429l1.143 0.571q-1.714 6.857 3.143 19.714t12.286 11.143q-7.429 1.714 11.429 24.571 3.429 4.571 4.571 5.143 1.714 1.143 6.857 4.286t8.571 5.714 5.714 6q2.286 2.857 5.714 12.857t8 13.429q-1.143 3.429 5.429 11.429t6 13.143q-0.571 0-1.429 0.571t-1.429 0.571q1.714 4 8.857 8t8.857 7.429q0.571 1.714 1.143 5.714t1.714 6.286 4.571 1.143q1.143-11.429-13.714-35.429-8.571-14.286-9.714-16.571-1.714-2.857-3.143-8.857t-2.571-8.286q1.143 0 3.429 0.857t4.857 2 4.286 2.286 1.143 1.714q-1.714 4 1.143 10t6.857 10.571 9.714 10.857 6.857 7.429q3.429 3.429 8 11.143t0 7.714q5.143 0 11.429 5.714t9.714 11.429q2.857 4.571 4.571 14.857t2.857 13.714q1.143 4 4.857 7.714t7.143 5.429l9.143 4.571t7.429 4q2.857 1.143 10.571 6t12.286 6.571q5.714 2.286 9.143 2.286t8.286-1.429 7.714-2q8.571-1.143 16.571 8.571t12 12q20.571 10.857 31.429 6.286-1.143 0.571 0.286 4.286t4.571 8.857 5.143 8.286 3.143 4.857q2.857 3.429 10.286 8.571t10.286 8.571q3.429-2.286 4-5.143-1.714 4.571 4 11.429t10.286 5.714q8-1.714 8-18.286-17.714 8.571-28-10.286 0-0.571-1.429-3.143t-2.286-4.857-1.429-4.857 0-4.286 2.857-1.714q5.143 0 5.714-2t-1.143-7.143-2.286-7.429q-0.571-4.571-6.286-11.429t-6.857-8.571q-2.857 5.143-9.143 4.571t-9.143-5.143q0 0.571-0.857 3.143t-0.857 3.714q-7.429 0-8.571-0.571 0.571-1.714 1.429-10t2-12.857q0.571-2.286 3.143-6.857t4.286-8.286 2.286-7.143-2.571-5.429-10-1.429q-10.857 0.571-14.857 11.429-0.571 1.714-1.714 6t-2.857 6.571-5.143 4q-4 1.714-13.714 1.143t-13.714-2.857q-7.429-4.571-12.857-16.571t-5.429-21.143q0-5.714 1.429-15.143t1.714-14.286-3.143-14q1.714-1.143 5.143-5.429t5.714-6q1.143-0.571 2.571-0.857t2.571 0 2.286-0.857 1.714-3.429q-0.571-0.571-2.286-1.714-1.714-1.714-2.286-1.714 4 1.714 16.286-0.857t15.714 0.857q8.571 6.286 12.571-1.143 0-0.571-1.429-5.429t-0.286-7.714q2.857 15.429 16.571 5.143 1.714 1.714 8.857 2.857t10 2.857q1.714 1.143 4 3.143t3.143 2.571 2.857-0.286 4.857-3.714q5.714 8 6.857 13.714 6.286 22.857 10.857 25.143 4 1.714 6.286 1.143t2.571-5.429 0-8-0.857-7.143l-0.571-4.571v-10.286l-0.571-4.571q-8.571-1.714-10.571-6.857t0.857-10.571 8.571-10.571q0.571-0.571 4.571-2t8.857-3.714 7.143-4.571q12-10.857 8.571-20 4 0 6.286-5.143-0.571 0-2.857-1.714t-4.286-2.857-2.571-1.143q5.143-2.857 1.143-9.143 2.857-1.714 4.286-6.286t4.286-5.714q5.143 6.857 12 1.143 4-4.571 0.571-9.143 2.857-4 11.714-6t10.571-5.429q4 1.143 4.571-1.143t0.571-6.857 1.714-6.857q2.286-2.857 8.571-5.143t7.429-2.857l9.714-6.286q1.714-2.286 0-2.286 10.286 1.143 17.714-6.286 5.714-6.286-3.429-11.429 1.714-3.429-1.714-5.429t-8.571-3.143q1.714-0.571 6.571-0.286t6-0.857q8.571-5.714-4-9.143-9.714-2.857-24.571 6.857zM502.286 872q117.714-20.571 200.571-108-1.714-1.714-7.143-2.571t-7.143-2q-10.286-4-13.714-4.571 0.571-4-1.429-7.429t-4.571-5.143-7.143-4.571-6.286-4q-1.143-1.143-4-3.429t-4-3.143-4.286-2.571-4.857-1.143-5.714 0.571l-1.714 0.571q-1.714 0.571-3.143 1.429t-3.143 1.714-2.286 1.714 0 1.429q-12-9.714-20.571-12.571-2.857-0.571-6.286-3.143t-6-4-5.714-0.857-6.571 4q-2.857 2.857-3.429 8.571t-1.143 7.429q-4-2.857 0-10t1.143-10.571q-1.714-3.429-6-2.571t-6.857 2.571-6.571 4.857-5.143 3.714-4.857 3.143-4.857 4.286q-1.714 2.286-3.429 6.857t-2.857 6.286q-1.143-2.286-6.571-3.714t-5.429-3.143q1.143 5.714 2.286 20t2.857 21.714q4 17.714-6.857 27.429-15.429 14.286-16.571 22.857-2.286 12.571 6.857 14.857 0 4-4.571 11.714t-4 12.286q0 3.429 1.143 9.143z"/>\r
+</svg>\r
diff --git a/LCARStrek/browser/devtools/filetype-store.svg b/LCARStrek/browser/devtools/filetype-store.svg
new file mode 100644 (file)
index 0000000..95be627
--- /dev/null
@@ -0,0 +1,7 @@
+<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g>
+<path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
+<path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
+<path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
+</g>
+</svg>
index 481eea6789ef2ff14db42090259da2acf81cb838..29f101985d3f100d3a20d8bdcc53afb79bce3fc9 100644 (file)
Binary files a/LCARStrek/browser/devtools/itemToggle.png and b/LCARStrek/browser/devtools/itemToggle.png differ
diff --git a/LCARStrek/browser/devtools/itemToggle@2x.png b/LCARStrek/browser/devtools/itemToggle@2x.png
new file mode 100644 (file)
index 0000000..f00694d
Binary files /dev/null and b/LCARStrek/browser/devtools/itemToggle@2x.png differ
index c6b965f85febd8fe26eb50eb47b84b420601b971..c1a36b2ee4b34b3ffd26e0df15a3fad5e1f69e6d 100644 (file)
@@ -7,30 +7,78 @@
   margin: 0;
 }
 
-.tagname {
-  color: #FFCF00;
+.more-nodes {
+  padding-left: 16px;
 }
 
-.attrname {
-  color: #9C9CFF;
+.styleinspector-propertyeditor {
+  border: 1px solid #9C9CFF;
 }
 
-.attrvalue {
-  color: #E7ADE7;
+
+/* Selected nodes in the tree should have light selected text.
+   theme-selected doesn't work in this case since the text is a
+   sibling of the class, not a child. */
+.theme-selected ~ .editor,
+.theme-selected ~ .editor .theme-fg-color1,
+.theme-selected ~ .editor .theme-fg-color2,
+.theme-selected ~ .editor .theme-fg-color3,
+.theme-selected ~ .editor .theme-fg-color4,
+.theme-selected ~ .editor .theme-fg-color5,
+.theme-selected ~ .editor .theme-fg-color6,
+.theme-selected ~ .editor .theme-fg-color7 {
+  color: #000000; /* Light foreground text */
 }
 
-.comment {
-  color: #8050B0;
+/* In case a node isn't displayed in the page, we fade the syntax highlighting */
+.not-displayed .open,
+.not-displayed .close {
+  opacity: .7;
 }
 
-.selected {
-  background-color: #008484;
+.tag-line {
+  padding-left: 2px;
 }
 
-.more-nodes {
-  padding-left: 16px;
+/* Preview */
+
+#previewbar {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: 90px;
+  background: black;
+  border-left: 1px solid;
+  border-bottom: 1px solid;
+  overflow: hidden;
 }
 
-.styleinspector-propertyeditor {
-  border: 1px solid #9C9CFF;
+#previewbar {
+  background: #000000; /* Tab Toolbar */
+  border-color: #9C9CFF; /* Splitters */
+}
+
+#preview {
+  position: absolute;
+  top: 0;
+  right: 5px;
+  width: 80px;
+  height: 100%;
+  background-image: -moz-element(#root);
+  background-repeat: no-repeat;
+}
+
+#previewbar.hide,
+#previewbar.disabled {
+  display: none;
+}
+
+#viewbox {
+  position: absolute;
+  top: 0;
+  right: 5px;
+  width: 80px;
+  border: 1px dashed #9C9CFF;
+  background: #000000;
+  outline: 1px solid transparent;
 }
index d4cd744d2c8342dcf11ff96e9983858a49f5e9d9..00adc32c51db95da132d2f8ba29df2412b7b7657 100644 (file)
@@ -340,6 +340,11 @@ box.requests-menu-status[code^="5"] {
   -moz-image-region: rect(0px,16px,16px,0px);
 }
 
+#details-pane-toggle > .toolbarbutton-icon {
+  width: 16px;
+  height: 16px;
+}
+
 #details-pane-toggle[pane-collapsed] {
   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
 }
@@ -349,6 +354,21 @@ box.requests-menu-status[code^="5"] {
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
+@media (min-resolution: 2dppx) {
+  #details-pane-toggle {
+    list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png");
+    -moz-image-region: rect(0px,32px,32px,0px);
+  }
+
+  #details-pane-toggle[pane-collapsed] {
+    list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png");
+  }
+
+  #details-pane-toggle:active {
+    -moz-image-region: rect(0px,64px,32px,32px);
+  }
+}
+
 /* Network request details tabpanels */
 
 .tabpanel-content {
diff --git a/LCARStrek/browser/devtools/projecteditor/file-icons-sheet@2x.png b/LCARStrek/browser/devtools/projecteditor/file-icons-sheet@2x.png
new file mode 100644 (file)
index 0000000..a15a26a
Binary files /dev/null and b/LCARStrek/browser/devtools/projecteditor/file-icons-sheet@2x.png differ
diff --git a/LCARStrek/browser/devtools/projecteditor/projecteditor.css b/LCARStrek/browser/devtools/projecteditor/projecteditor.css
new file mode 100644 (file)
index 0000000..467edd7
--- /dev/null
@@ -0,0 +1,228 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * 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/. */
+
+ :root {
+  color: #FF9F00;
+}
+
+.plugin-hidden {
+  display: none;
+}
+
+.arrow {
+  list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
+  width: 20px;
+  height: 20px;
+}
+
+.arrow[open] {
+  list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
+}
+
+.arrow[invisible] {
+  visibility: hidden;
+}
+
+#projecteditor-menubar {
+  display: none;
+}
+
+#projecteditor-toolbar,
+#projecteditor-toolbar-bottom {
+  display: none; /* For now don't show the status bars */
+  min-height: 22px;
+  height: 22px;
+  background: #9C9CFF;
+}
+
+#sources {
+  overflow: auto;
+}
+
+.sources-tree {
+  overflow:auto;
+  overflow-x: hidden;
+  -moz-user-focus: normal;
+
+  /* Allows this to expand inside of parent xul element, while
+     still supporting child flexbox elements, including ellipses. */
+  -moz-box-flex: 1;
+  display: block;
+}
+
+.sources-tree input {
+  margin: 2px;
+  border: 1px solid #A09090;
+}
+
+#main-deck .sources-tree {
+  background: #000000;
+  min-width: 100px;
+}
+
+.entry {
+  color: #FF9F00;
+  display: flex;
+  align-items: center;
+}
+
+.entry .file-label {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
+
+.entry .file-icon {
+  display: inline-block;
+  background: url("file-icons-sheet@2x.png");
+  background-size: 140px 15px;
+  background-repeat: no-repeat;
+  width: 20px;
+  height: 15px;
+  background-position: -40px 0;
+  flex-shrink: 0;
+}
+
+.entry .file-icon.icon-none {
+  display: none;
+}
+
+.entry .icon-css {
+  background-position: 0 0;
+}
+
+.entry .icon-js {
+  background-position: -20px 0;
+}
+
+.entry .icon-html {
+  background-position: -40px 0;
+}
+
+.entry .icon-file {
+  background-position: -60px 0;
+}
+
+.entry .icon-folder {
+  background-position: -80px 0;
+}
+
+.entry .icon-img {
+  background-position: -100px 0;
+}
+
+.entry .icon-manifest {
+  background-position: -120px 0;
+}
+
+.entry {
+  border: none;
+  box-shadow: none;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.entry:hover:not(.entry-group-title):not(.selected) {
+  background: #404000;
+}
+
+.entry.selected {
+  background: #008484;
+  color: #000000;
+  outline: none;
+}
+
+.entry-group-title {
+  background: #A09090;
+  color: #000000;
+  font-weight: bold;
+  font-size: 1.05em;
+  line-height: 35px;
+  padding: 0 10px;
+}
+
+.sources-tree .entry-group-title .expander {
+  display: none;
+}
+
+.entry .expander {
+  width: 16px;
+  padding: 0;
+}
+
+.tree-collapsed .children {
+  display: none;
+}
+
+/* Plugins */
+
+#projecteditor-toolbar textbox {
+  margin: 0;
+}
+
+.projecteditor-basic-display {
+  padding: 0 3px;
+}
+
+/* App Manager */
+.project-name-label {
+  font-weight: bold;
+  padding-left: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.project-flex {
+  flex: 1;
+}
+
+.project-image {
+  max-height: 25px;
+  margin-left: -10px;
+}
+
+.project-image,
+.project-status,
+.project-options {
+  flex-shrink: 0;
+}
+
+.project-status {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  border: solid 1px #9C9CFF;
+  margin-right: 10px;
+  color: #000000;
+  visibility: hidden;
+}
+
+.project-status[status=valid] {
+  background: #008484;
+  visibility: visible;
+}
+
+.project-status[status=warning] {
+  background: #FF9F00;
+  visibility: visible;
+}
+
+.project-status[status=error] {
+  background: #FF0000;
+  visibility: visible;
+}
+
+/* Status Bar */
+.projecteditor-file-label {
+  font-weight: bold;
+  padding-left: 29px;
+  padding-right: 10px;
+  flex: 1;
+}
+
+/* Image View */
+.editor-image {
+  padding: 10px;
+}
index 6681dc48e2ff5a47259d4b2b3cc75bc1c32625f0..6f545d35578ff15582f303db2f0fe9395d7e6a51 100644 (file)
@@ -8,12 +8,25 @@
 
 .ruleview-rule-source {
   -moz-padding-start: 5px;
-  cursor: pointer;
   text-align: right;
   float: right;
   -moz-user-select: none;
 }
 
+.ruleview-rule-source,
+.ruleview-rule-source > label {
+  cursor: pointer;
+}
+
+.ruleview-rule-source[unselectable],
+.ruleview-rule-source[unselectable] > label {
+  cursor: default;
+}
+
+.ruleview-rule-source:not([unselectable]):hover {
+  text-decoration: underline;
+}
+
 .ruleview-header {
   border-top-width: 1px;
   border-bottom-width: 1px;
   word-wrap: break-word;
 }
 
-.ruleview-rule-source:hover {
-  text-decoration: underline;
-}
-
 .ruleview-rule,
 #noResults {
   padding: 2px 4px;
 }
 
+/* User agent styles are not editable, display them differently */
+.theme-dark .ruleview-rule[uneditable=true] {
+  background: #A09090; /* Tab Toolbar */
+}
+
+.ruleview-rule[uneditable=true] :focus {
+  outline: none;
+}
+
+.ruleview-rule[uneditable=true] .theme-link {
+  color: #336699; /* Blue - Grey */
+}
+
+.ruleview-rule[uneditable=true] .ruleview-enableproperty {
+  visibility: hidden;
+}
+
+.ruleview-rule[uneditable=true] .ruleview-colorswatch {
+  cursor: default;
+}
+
+
+.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname,
+.ruleview-rule[uneditable=true] .ruleview-propertycontainer > .ruleview-propertyvalue {
+  border-bottom-color: transparent;
+}
+
 #noResults {
   font: message-box;
   color: #8050B0;
 }
 
 .ruleview-colorswatch {
+  cursor: pointer;
   border-radius: 50%;
   width: 1em;
   height: 1em;
index 86dae07030fc6277f7a146d7a65cc46fc1675ced..07b474a66860fe40480e28d8be545d0b369df7e6 100644 (file)
@@ -64,9 +64,8 @@ window {
 }
 
 .side-menu-widget-item-checkbox .checkbox-check {
-  -moz-appearance: none;
-  background: none;
   background-image: url("itemToggle.png");
+  background-color: transparent;
   background-repeat: no-repeat;
   background-clip: content-box;
   background-size: 32px 16px;
@@ -76,6 +75,12 @@ window {
   border: 0;
 }
 
+@media (min-resolution: 2dppx) {
+  .side-menu-widget-item-checkbox .checkbox-check {
+    background-image: url("itemToggle@2x.png");
+  }
+}
+
 .side-menu-widget-item-checkbox[checked] .checkbox-check {
   background-position: 0 0;
 }
index af6d501729b8fdabb8ab185e0fda58115cb131b5..91905ff6e1742eedf8494ce518f9833e038edd95 100644 (file)
@@ -13,6 +13,50 @@ window:not([windowtype]) {
   background-color: #000000;
 }
 
+.csscoverage-report {
+  background: #A09090; /* Toolbars */
+}
+
+.csscoverage-report-container {
+  height: 100vh;
+  padding: 10px;
+}
+
+.csscoverage-report-content {
+  font-size: 13px;
+  margin: 0 auto;
+  max-width: 600px;
+  padding: 0 10px;
+}
+
+.csscoverage-report h1,
+.csscoverage-report h2,
+.csscoverage-report h3 {
+  font-weight: bold;
+}
+
+.csscoverage-report textarea {
+  width: 100%;
+  height: 100px;
+}
+
+.csscoverage-report > .csscoverage-toolbar {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+.csscoverage-report > .csscoverage-toolbarbutton {
+  min-width: 4em;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+  border-top: none;
+  border-bottom: none;
+  -moz-border-start: none;
+}
+
 .stylesheet-title,
 .stylesheet-name {
   text-decoration: none;
@@ -62,6 +106,27 @@ window:not([windowtype]) {
   padding: 0 10px;
 }
 
+.stylesheet-sidebar {
+  width: 230px;
+}
+
+.stylesheet-sidebar {
+  border-left: 1px solid #9C9CFF;
+}
+
+.media-rule-label {
+  border-bottom: 1px solid #A09090;
+}
+
+.media-rule-label {
+  padding: 4px;
+  cursor: pointer;
+}
+
+.media-condition-unmatched {
+  color: #8050B0;
+}
+
 .stylesheet-enabled {
   padding: 8px 0;
   margin: 0 8px;
@@ -69,10 +134,17 @@ window:not([windowtype]) {
   background-repeat: no-repeat;
   background-clip: content-box;
   background-position: 0 8px;
+  background-size: 48px 24px;
   width: 24px;
   height: 40px;
 }
 
+@media (min-resolution: 2dppx) {
+  .stylesheet-enabled {
+    background-image: url("itemToggle@2x.png");
+  }
+}
+
 .disabled > .stylesheet-enabled {
   background-position: -24px 8px;
 }
@@ -121,6 +193,12 @@ h3 {
   padding: 0;
 }
 
+@media (max-width: 700px) {
+  .stylesheet-sidebar {
+    width: 150px;
+  }
+}
+
 /* portrait mode */
 @media (max-width: 550px) {
   .splitview-nav {
@@ -144,4 +222,8 @@ h3 {
   .splitview-nav > li > hgroup.stylesheet-info {
     -moz-box-align: baseline;
   }
+
+  .stylesheet-sidebar {
+    width: 180px;
+  }
 }
index f4d70cc7c5d48251f36486ac11edded06c7a528b..f6d13bf6bc26191d1783e0d9744ba00d288d3218 100644 (file)
@@ -39,9 +39,7 @@ svg {
 .edgePath path {
   stroke-width: 1px;
   fill: none;
-}
 
-.edgePath path {
   stroke: #9C9CFF; /* Grey foreground text */
 }
 
index 0b0a6e77271b17d8d870b9366a971749adfc5854..73e223ebc40aef202422f6afbe5038f79061c071 100644 (file)
   opacity: 0.6;
 }
 
-.variable-or-property[non-configurable]:not([pseudo-item]) > .title > .name {
-  border-bottom: 1px dashed #9C9CFF;
-}
-
-.variable-or-property[non-writable]:not([pseudo-item]) > .title > .name {
-  border-bottom: 1px dashed #FF0000;
-}
-
-.variable-or-property[safe-getter]:not([pseudo-item]) > .title > .name {
-  border-bottom: 1px dashed #A09090;
-}
-
 .variable-or-property-non-writable-icon {
   background: url("chrome://browser/skin/devtools/vview-lock.png") no-repeat;
   background-size: cover;
   visibility: hidden;
 }
 
+/* Canvas graphs */
+
+.graph-widget-canvas {
+  width: 100%;
+  height: 100%;
+}
+
+.graph-widget-canvas[input=hovering-background] {
+  cursor: text;
+}
+
+.graph-widget-canvas[input=hovering-region] {
+  cursor: pointer;
+}
+
+.graph-widget-canvas[input=hovering-selection-start-boundary],
+.graph-widget-canvas[input=hovering-selection-end-boundary],
+.graph-widget-canvas[input=adjusting-selection-boundary] {
+  cursor: col-resize;
+}
+
+.graph-widget-canvas[input=hovering-selection-contents] {
+  cursor: grab;
+}
+
+.graph-widget-canvas[input=dragging-selection-contents] {
+  cursor: grabbing;
+}
+
+.graph-widget-canvas ~ * {
+  pointer-events: none;
+}
+
+/* Line graph widget */
+
+.line-graph-widget-container {
+  position: relative;
+}
+
+.line-graph-widget-canvas {
+  background: #0088cc;
+}
+
+.line-graph-widget-gutter {
+  position: absolute;
+  background: #000000;
+  width: 10px;
+  height: 100%;
+  top: 0;
+  left: 0;
+  border-right: 1px solid #9C9CFF;
+}
+
+.line-graph-widget-gutter-line {
+  position: absolute;
+  width: 100%;
+  border-top: 1px solid;
+  transform: translateY(-1px);
+}
+
+.line-graph-widget-gutter-line[type=maximum] {
+  border-color: #008484;
+}
+
+.line-graph-widget-gutter-line[type=minimum] {
+  border-color: #FF0000;
+}
+
+.line-graph-widget-gutter-line[type=average] {
+  border-color: #FF9F00;
+}
+
+.line-graph-widget-tooltip {
+  position: absolute;
+  background: #404000;
+  border-radius: 2px;
+  line-height: 15px;
+  -moz-padding-start: 6px;
+  -moz-padding-end: 6px;
+  transform: translateY(-50%);
+  font-size: 80%;
+  z-index: 1;
+}
+
+.line-graph-widget-tooltip::before {
+  content: "";
+  position: absolute;
+  border-top: 3px solid transparent;
+  border-bottom: 3px solid transparent;
+  top: calc(50% - 3px);
+}
+
+.line-graph-widget-tooltip[arrow=start]::before {
+  -moz-border-end: 3px solid #9C9CFF;
+  left: -3px;
+}
+
+.line-graph-widget-tooltip[arrow=end]::before {
+  -moz-border-start: 3px solid #9C9CFF;
+  right: -3px;
+}
+
+.line-graph-widget-tooltip[type=maximum] {
+  left: calc(10px + 6px);
+}
+
+.line-graph-widget-tooltip[type=minimum] {
+  left: calc(10px + 6px);
+}
+
+.line-graph-widget-tooltip[type=average] {
+  right: 6px;
+}
+
+.line-graph-widget-tooltip > [text=info] {
+  color: #A09090;
+}
+
+.line-graph-widget-tooltip > [text=value] {
+  -moz-margin-start: 3px;
+}
+
+.line-graph-widget-tooltip > [text=metric] {
+  -moz-margin-start: 1px;
+  color: #9C9CFF;
+}
+
+.line-graph-widget-tooltip > [text=value],
+.line-graph-widget-tooltip > [text=metric] {
+/*  text-shadow: 1px  0px rgba(255,255,255,0.6),
+              -1px  0px rgba(255,255,255,0.6),
+               0px -1px rgba(255,255,255,0.6),
+               0px  1px rgba(255,255,255,0.6);*/
+}
+
+.line-graph-widget-tooltip[type=maximum] > [text=value] {
+  color: #008484;
+}
+
+.line-graph-widget-tooltip[type=minimum] > [text=value] {
+  color: #FF0000;
+}
+
+.line-graph-widget-tooltip[type=average] > [text=value] {
+  color: #FF9F00;
+}
+
 /* Charts */
 
 .generic-chart-container {
   color: #A09090; /* Light foreground text */
 }
 
+/* Table Widget */
+
+/* Table body */
+
+.table-widget-body > .devtools-side-splitter {
+  border: none;
+}
+
+.table-widget-body {
+  overflow: auto;
+}
+
+.table-widget-body {
+  background: #000000; /* Background-Sidebar */
+}
+
+.table-widget-body:-moz-locale-dir(ltr) {
+/*  box-shadow: inset -1px 0 0 @smw_marginDark@;*/
+}
+
+.table-widget-body:-moz-locale-dir(rtl) {
+/*  box-shadow: inset 1px 0 0 @smw_marginDark@;*/
+}
+
+.table-widget-body:-moz-locale-dir(ltr) {
+/*  box-shadow: inset -1px 0 0 @smw_marginLight@;*/
+}
+
+.table-widget-body:-moz-locale-dir(rtl) {
+/*  box-shadow: inset 1px 0 0 @smw_marginLight@;*/
+}
+
+/* Column Headers */
+
+.table-widget-column-header,
+.table-widget-cell {
+  -moz-border-end: 1px solid #A09090;
+}
+
+/* Table widget column header colors are taken from netmonitor.inc.css to match
+   the look of both the tables. This needs to be updated along with netmonitor
+   header colors in bug 951714 */
+
+.table-widget-column-header {
+  background: rgba(0,0,0,0);
+  position: sticky;
+  top: 0;
+  min-height: 32px;
+  width: 100%;
+  border: none;
+  padding: 8px 0 0 !important;
+  color: inherit;
+  text-align: center;
+  font-weight: inherit !important;
+  transition: background-color 0.1s ease-in-out;
+}
+
+.table-widget-column-header:hover {
+  background: #FFCF00;
+}
+
+.table-widget-column-header:hover:active {
+  background: #FF9F00;
+}
+
+.table-widget-column-header:not(:active)[sorted] {
+  background: #008484;
+}
+
+.table-widget-column-header:not(:active)[sorted=ascending] {
+  background-image: radial-gradient(farthest-side at center top, hsla(0,0%,0%,.7), hsla(0,0%,0%,0.3));
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+}
+
+.table-widget-column-header:not(:active)[sorted=descending] {
+  background-image: radial-gradient(farthest-side at center bottom, hsla(0,0%,0%,.7), hsla(0,0%,0%,0.3));
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: bottom;
+}
+
+/* Cells */
+
+.table-widget-cell {
+  width: 100%;
+  margin: -1px 0 !important;
+  padding: 3px 4px;
+  background-clip: padding-box;
+  min-width: 100px;
+  -moz-user-focus: normal;
+}
+
+.table-widget-cell {
+  border-top: 1px solid #A09090;
+  border-bottom: 1px solid #A09090;
+  color: #FF9F00; /* Light foreground text */
+}
+
+.theme-dark:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
+.theme-light:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
+.table-widget-cell:not(.theme-selected)[odd] {
+  background: #404000;
+}
+
+.table-widget-cell:last-of-type {
+/*  box-shadow: inset 0 -1px 0 @smw_itemDarkTopBorder@;*/
+}
+
+.table-widget-cell.flash-out {
+  animation: flash-out 0.5s ease-in;
+}
+
+@keyframes flash-out {
+  to {
+    background: #795900;
+  }
+}
+
+/* Empty text and initial text */
+
+.table-widget-empty-text {
+  display: none;
+  text-align: center;
+  font-size: large;
+  margin-top: -20px !important;
+}
+
+.table-widget-body:empty + .table-widget-empty-text:not([value=""]),
+.table-widget-body[empty] + .table-widget-empty-text:not([value=""]) {
+  display: block;
+}
+
+/* Tree Widget */
+
+.tree-widget-container {
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  list-style: none;
+  overflow: hidden;
+  -moz-margin-end: 40px;
+}
+
+.tree-widget-container:-moz-focusring,
+.tree-widget-container *:-moz-focusring {
+  outline-style: none;
+}
+
+.tree-widget-empty-text {
+  padding: 10px 20px;
+  font-size: medium;
+  background: transparent;
+}
+
+/* Tree Item */
+
+.tree-widget-container .tree-widget-item {
+  padding: 2px 0px 4px;
+  /* OSX has line-height 14px by default, which causes weird alignment issues
+   * because of 20px high icons. thus making line-height consistent with that of
+   * windows.
+   */
+  line-height: 17px !important;
+  display: inline-block;
+  width: 100%;
+  word-break: keep-all; /* To prevent long urls like http://foo.com/bar from
+                           breaking in multiple lines */
+}
+
+.tree-widget-container .tree-widget-children {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.tree-widget-item[level="1"] {
+  font-weight: 800;
+}
+
+/* Twisties */
+.tree-widget-item:before {
+  content: "";
+  width: 14px;
+  height: 14px;
+  float: left;
+  margin: 3px 2px -3px;
+  background-repeat: no-repeat;
+  background-image: url("chrome://browser/skin/devtools/controls.png");
+  background-size: 56px 28px;
+  cursor: pointer;
+  background-position: -28px -14px;
+}
+
+.tree-widget-item:-moz-locale-dir(rtl):before {
+  float: right;
+  transform: scaleX(-1);
+}
+
+.theme-light .tree-widget-item:before {
+  background-position: 0 -14px;
+}
+
+.tree-widget-item[empty]:before {
+  background: transparent;
+}
+
+.tree-widget-item[expanded]:before {
+  background-position: -42px -14px;
+}
+
+.theme-light .tree-widget-item[expanded]:before {
+  background-position: -14px -14px;
+}
+
+.tree-widget-item + ul {
+  overflow: hidden;
+  animation: collapse-tree-item 0.2s;
+  max-height: 0;
+}
+
+.tree-widget-item[expanded] + ul {
+  animation: expand-tree-item 0.3s;
+  max-height: unset;
+}
+
+@keyframes collapse-tree-item {
+  from {
+    max-height: 300px;
+  }
+  to {
+    max-height: 0;
+  }
+}
+
+@keyframes expand-tree-item {
+  from {
+    max-height: 0;
+  }
+  to {
+    max-height: 500px;
+  }
+}
+
+@media (min-resolution: 2dppx) {
+  .tree-widget-item:before {
+    background-image: url("chrome://browser/skin/devtools/controls@2x.png");
+  }
+}
+
+/* Indentation of child items in the tree */
+
+/* For level > 6 */
+.tree-widget-item[level] + ul > li > .tree-widget-item {
+  -moz-padding-start: 98px;
+}
+
+/* First level */
+.tree-widget-item[level="1"] + ul > li > .tree-widget-item {
+  -moz-padding-start: 14px;
+}
+
+/* Second level */
+.tree-widget-item[level="2"] + ul > li > .tree-widget-item {
+  -moz-padding-start: 28px;
+}
+
+/* Third level */
+.tree-widget-item[level="3"] + ul > li > .tree-widget-item {
+  -moz-padding-start: 42px;
+}
+
+/* Fourth level */
+.tree-widget-item[level="4"] + ul > li > .tree-widget-item {
+  -moz-padding-start: 56px;
+}
+
+/* Fifth level */
+.tree-widget-item[level="5"] + ul > li > .tree-widget-item {
+  -moz-padding-start: 70px;
+}
+
+/* Sixth level */
+.tree-widget-item[level="6"] + ul > li > .tree-widget-item {
+  -moz-padding-start: 84px;
+}
+
+/* Custom icons for certain tree items indicating the type of the item */
+
+.tree-widget-item[type]:after {
+  content: "";
+  float: left;
+  width: 16px;
+  height: 17px;
+  -moz-margin-end: 4px;
+  background-repeat: no-repeat;
+  background-size: 20px auto;
+  filter: url('filters.svg#invert');
+  background-position: 0 0;
+  background-size: auto 20px;
+}
+
+.tree-widget-item:-moz-locale-dir(rtl):after {
+  float: right;
+}
+
+.theme-dark .tree-widget-item[type]:after {
+  filter: url('filters.svg#invert-white');
+}
+
+.tree-widget-item[type="dir"]:after {
+  background-image: url("chrome://browser/skin/devtools/filetype-dir-close.svg");
+  background-position: 2px 0;
+  background-size: auto 16px;
+  width: 20px;
+}
+
+.tree-widget-item[type="dir"][expanded]:not([empty]):after {
+  background-image: url("chrome://browser/skin/devtools/filetype-dir-open.svg");
+}
+
+.tree-widget-item[type="url"]:after {
+  background-image: url("chrome://browser/skin/devtools/filetype-globe.svg");
+  background-size: auto 18px;
+  width: 18px;
+}
+
 /* === BEGIN manifest-editor.inc.css === */
 
 /* Manifest Editor overrides */
index 4a9f66d39bdde48f908f1745c7a0dc9a7870e14c..e996cf971d6699a09f803378dcf9827c861e8856 100644 (file)
@@ -159,3 +159,8 @@ a[href] img {
   vertical-align: middle;
   margin-left: 2px;
 }
+
+.handlersMenuList > .menulist-label-box > .menulist-icon {
+  max-width: 16px;
+  max-height: 16px;
+}
diff --git a/LCARStrek/browser/preferences/in-content/favicon.ico b/LCARStrek/browser/preferences/in-content/favicon.ico
new file mode 100644 (file)
index 0000000..19fe85a
Binary files /dev/null and b/LCARStrek/browser/preferences/in-content/favicon.ico differ
index 27718a4eb7e37f758a1d4c146319649438e8a1d8..cccf7d3064a9e0c44d38229fd260b3e5b3d336fd 100644 (file)
@@ -34,7 +34,7 @@ caption {
   margin: 0;
 }
 
-.caption-text {
+caption > label {
   font-size: 1.3rem;
   font-weight: bold;
   line-height: 22px;
@@ -270,7 +270,6 @@ radio {
 
 #categories {
   background-color: #A09090;
-/*  -moz-border-end: 1px solid #FF9F00; */
   padding-top: 39px;
   margin: 0;
   border-radius: 1em 0 0 0;
@@ -280,9 +279,10 @@ radio {
   background-color: #000000;
   color: #FFCF00;
   -moz-border-end-width: 0;
-  -moz-padding-start: 14px;
+  -moz-padding-start: 15px;
   -moz-padding-end: 21px;
   min-height: 40px;
+  transition: background-color 150ms;
 }
 
 .category:hover {
@@ -486,12 +486,17 @@ filefield {
 
 /* Applications Pane Styles */
 
-#applications-content {
+#applicationsContent {
   -moz-margin-start: 60px;
-  padding: 15px;
+  padding: 15px 0;
+}
+
+#filter {
+  -moz-margin-start: 0;
 }
 
 #handlersView {
+  -moz-margin-start: 0;
   font-size: 1.25rem;
   line-height: 22px;
   border: none; /*1px solid #9C9CFF;*/
@@ -585,14 +590,7 @@ description > html|a {
   cursor: pointer;
 }
 
-/* Content Pane */
-
-#defaultFontSize {
-  min-width: 5.5em;
-}
-
-/* Sync Pane */
-
+#offlineAppsList,
 #syncEnginesList {
 /*  -moz-appearance: none;
   color: #737980;
@@ -602,8 +600,6 @@ description > html|a {
   background-color: #F1F1F1;*/
 }
 
-/* Advanced Pane */
-
 #advancedPrefs {
   padding-bottom: 0; /* no padding needed in inContent prefs */
 }
@@ -613,15 +609,6 @@ description > html|a {
   -moz-margin-start: 60px;
 }
 
-#offlineAppsList {
-/*  -moz-appearance: none;
-  color: #737980;
-  padding: 2px;
-  border: 1px solid rgba(23,50,77,0.4);
-  border-radius: 5px;
-  background-color: #F1F1F1;*/
-}
-
 #telemetryLearnMore,
 #FHRLearnMore,
 #crashReporterLearnMore {