fourth and final part of syncing LCARStrek with Firefox 31 windows theme changes
authorRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 9 Aug 2014 20:33:37 +0000 (22:33 +0200)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 9 Aug 2014 20:33:37 +0000 (22:33 +0200)
19 files changed:
LCARStrek/browser/browser.css
LCARStrek/browser/customizableui/panelUIOverlay.css
LCARStrek/browser/devtools/canvasdebugger.css
LCARStrek/browser/devtools/command-screenshot.png [new file with mode: 0644]
LCARStrek/browser/devtools/command-screenshot@2x.png [new file with mode: 0644]
LCARStrek/browser/devtools/commandline.css
LCARStrek/browser/devtools/common.css
LCARStrek/browser/devtools/dark-theme.css
LCARStrek/browser/devtools/filters.svg
LCARStrek/browser/devtools/profiler-stopwatch-checked-tbutton.svg [new file with mode: 0644]
LCARStrek/browser/devtools/profiler-stopwatch-checked.svg [new file with mode: 0644]
LCARStrek/browser/devtools/profiler-stopwatch-tbutton.svg [new file with mode: 0644]
LCARStrek/browser/devtools/profiler-stopwatch.svg [new file with mode: 0644]
LCARStrek/browser/devtools/ruleview.css
LCARStrek/browser/devtools/tool-webaudio.svg [new file with mode: 0644]
LCARStrek/browser/devtools/webconsole.css
LCARStrek/browser/downloads/downloads.css
LCARStrek/browser/downloads/indicator.css
LCARStrek/browser/preferences/in-content/preferences.css

index fc84ce15ff56659efa07ad62c820452079d55a0c..d934d4380ee86a4761ed91ca5665c5a85df25c49 100644 (file)
@@ -1358,6 +1358,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button:not([ope
 /* unified back/forward button */
 
 #forward-button {
+  -moz-box-align: stretch; /* let the button shape grow vertically with the location bar */
 }
 
 #forward-button > menupopup {
@@ -1427,20 +1428,23 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but
   background-clip: padding-box !important;
 /*  background-color: hsla(210,25%,98%,.08) !important;
   padding: 6px !important;
-  border-color: hsla(210,4%,10%,.25) !important;*/
-  transition-property: background-color, border-color !important;
+  border-style: none !important;
+  box-shadow: 0 1px 0 0 hsla(210,4%,10%,.25),
+              0 0 0 1px hsla(210,4%,10%,.25);*/
+  transition-property: background-color, box-shadow !important;
   transition-duration: 250ms !important;
 }
 
 #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
-/*  background-color: hsla(210,4%,10%,.08) !important;
-  box-shadow: none !important;*/
+/*  background-color: hsla(210,4%,10%,.08) !important;*/
 }
 
 #back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon,
 #back-button[open="true"] > .toolbarbutton-icon {
 /*  background-color: hsla(210,4%,10%,.12) !important;
-  box-shadow: 0 1px 0 0 hsla(210,80%,20%,.1) inset !important;*/
+  box-shadow: 0 1px 0 0 hsla(210,4%,10%,.25),
+              0 0 0 1px hsla(210,4%,10%,.25),
+              0 1px 0 0 hsla(210,80%,20%,.1) inset !important;*/
 }
 
 #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
@@ -2285,6 +2289,18 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
   -moz-padding-start: 0px;
 }
 
+#sidebar-header > .close-icon {
+/*  padding: 4px 2px;
+  margin: 0;
+  border: none;*/
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+}
+
+#sidebar-header > .close-icon:hover,
+#sidebar-header > .close-icon:hover:active {
+  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
+}
+
 .browserContainer > findbar {
 /*
   background-color: -moz-dialog;
@@ -2611,26 +2627,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
   background-color: #402800;
 }
 
-/* Tabstrip close button */
-.tabs-closebutton {
-  -moz-box-flex: 1;
-  margin: 0px;
-  padding: 2px;
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
-}
-
-.tabs-closebutton > .toolbarbutton-icon {
-}
-
-.tabs-closebutton > .toolbarbutton-text {
-  display: none;
-}
-
-.tabs-closebutton:hover,
-.tabs-closebutton:hover:active {
-  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
-
 toolbarbutton.chevron {
   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
 }
@@ -2908,8 +2904,8 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   border-right-width: 8px;
 }
 
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper[forwarddisabled] > #urlbar > #notification-popup-box {
-/*  padding-left: 5px; */
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box {
+/*  padding-left: 7px; */
 }
 
 #notification-popup-box:-moz-locale-dir(rtl),
index e280b46da4a93866096bf370122ad73a51676620..606b7c6b9a949f09dac44e39190c460a5cf11af2 100644 (file)
@@ -753,17 +753,8 @@ menuitem.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active),
 }
 
 #BMB_bookmarksPopup menupopup > .bookmarks-actions-menuseparator {
-  / Hide bottom separator as the styled footer includes a top border serving the same purpose.
-   * We can't just use display: none here, otherwise scrollbox.xml will flip out and sometimes
-   * refuse to scroll for us (see bug 984156). Instead, we set it to visibility hidden, force
-   * a minimum height, and then negative-margin that single pixel into oblivion. That seems
-   * to be enough to make scrollbox happy.
-   /
-  -moz-appearance: none;
-  visibility: hidden;
-  min-height: 1px;
-  margin: -1px 0 0;
-  border: none;
+  / Hide bottom separator as the styled footer includes a top border serving the same purpose /
+  display: none;
 }
 
 / Popups with only one item don't have a footer /
index c1d69b38656aa1e6cc66a309f21708a4f151f3b1..295f485a8cf02aa6828fc1d24bddb0af339ababc 100644 (file)
 }
 
 #record-snapshot {
+  list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-tbutton.svg");
+}
+
+#record-snapshot:hover {
   list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch.svg");
 }
 
 #record-snapshot[checked] {
+  list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked-tbutton.svg");
+}
+
+#record-snapshot[checked]:hover {
   list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked.svg");
 }
 
diff --git a/LCARStrek/browser/devtools/command-screenshot.png b/LCARStrek/browser/devtools/command-screenshot.png
new file mode 100644 (file)
index 0000000..cdf4113
Binary files /dev/null and b/LCARStrek/browser/devtools/command-screenshot.png differ
diff --git a/LCARStrek/browser/devtools/command-screenshot@2x.png b/LCARStrek/browser/devtools/command-screenshot@2x.png
new file mode 100644 (file)
index 0000000..9779d63
Binary files /dev/null and b/LCARStrek/browser/devtools/command-screenshot@2x.png differ
index 1163245ea1b0e56a568d4deebe7b75bc91aefff9..cae01b8d80f66d6db2b06b05ca1f8b12d15e7375 100644 (file)
   color: #FF9F00;
 }
 
-.gcli-menu-option:hover,
-.gcli-menu-highlight.gcli-menu-option:hover {
+.gcli-menu-name:hover,
+.gcli-menu-desc:hover {
   background-color: #FFCF00;
   color: #000000;
 }
 
-.gcli-menu-highlight {
+.gcli-menu-highlight,
+.gcli-menu-highlight:hover {
   background-color: #795900;
 }
 
index 126b2cb1102a57fe3608ebd71def93cef5faee1d..6d8d2e7b1395db339babfd5d182f87a328cc4a1d 100644 (file)
@@ -245,4 +245,20 @@ notification {
   background-position: 0 0, 10px 10px;
 }
 
+.devtools-tooltip-iframe {
+  border: none;
+  background: transparent;
+}
+
+/* Eyedropper Widget */
+
+.devtools-eyedropper-panel {
+  pointer-events: none;
+  -moz-appearance: none;
+  width: 156px;
+  height: 120px;
+  background-color: transparent;
+  border: none;
+}
+
 /* === END common.inc.css === */
index 1598355f1062f2617bc301cb82e999375bd6e387..48def1132b26e2e52a07a6d564da97b7ccbe2d1b 100644 (file)
 
 .theme-toolbar,
 .devtools-toolbar,
-.devtools-sidebar-tabs > tabs { /* General toolbar styling */
+.devtools-sidebar-tabs > tabs,
+.CodeMirror-dialog { /* General toolbar styling */
 }
 
 
@@ -385,15 +386,14 @@ devtools-menulist:-moz-focusring,
 }
 
 .devtools-option-toolbarbutton {
-  list-style-image: url("chrome://browser/skin/devtools/option-icon.png");
-  -moz-image-region: rect(0px 16px 16px 0px);
+  list-style-image: url("chrome://browser/skin/devtools/tool-options-tbutton.svg");
 /*  background: none;
   border: none; */
 }
 
 .devtools-option-toolbarbutton:hover,
 .devtools-option-toolbarbutton[open=true] {
-  -moz-image-region: rect(0px 32px 16px 16px);
+  list-style-image: url("chrome://browser/skin/devtools/tool-options.svg");
 }
 
 .devtools-menulist > .menulist-label-box {
@@ -663,6 +663,10 @@ devtools-menulist:-moz-focusring,
   background-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
 }
 
+#command-button-screenshot > image {
+  background-image: url("chrome://browser/skin/devtools/command-screenshot.png");
+}
+
 #command-button-responsive > image {
   background-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
 }
@@ -692,6 +696,10 @@ devtools-menulist:-moz-focusring,
     background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png");
   }
 
+  #command-button-screenshot > image {
+    background-image: url("chrome://browser/skin/devtools/command-screenshot@2x.png");
+  }
+
   #command-button-responsive > image {
     background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png");
   }
index 9a50a6cc5bc823dafc38d1f94b5bdf33eb1eeeaa..69c6bc3e2735b3a912c5f44b218fa4211ae370d9 100644 (file)
@@ -6,4 +6,11 @@
     <feFuncB type="table" tableValues=".1 0"/>
   </feComponentTransfer>
 </filter>
-</svg>
\ No newline at end of file
+<filter id="invert-white" x="0%" y="0%" width="100%" height="100%" >
+  <feComponentTransfer>
+    <feFuncR type="table" tableValues=".6 0"/>
+    <feFuncG type="table" tableValues=".6 0"/>
+    <feFuncB type="table" tableValues=".6 0"/>
+  </feComponentTransfer>
+ </filter>
+</svg>
diff --git a/LCARStrek/browser/devtools/profiler-stopwatch-checked-tbutton.svg b/LCARStrek/browser/devtools/profiler-stopwatch-checked-tbutton.svg
new file mode 100644 (file)
index 0000000..2d4cd4c
--- /dev/null
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#FFCF00" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+<g opacity=".3">
+<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+</g>
+</g>
+</svg>
diff --git a/LCARStrek/browser/devtools/profiler-stopwatch-checked.svg b/LCARStrek/browser/devtools/profiler-stopwatch-checked.svg
new file mode 100644 (file)
index 0000000..97b536b
--- /dev/null
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#000000" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+<g opacity=".3">
+<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+</g>
+</g>
+</svg>
diff --git a/LCARStrek/browser/devtools/profiler-stopwatch-tbutton.svg b/LCARStrek/browser/devtools/profiler-stopwatch-tbutton.svg
new file mode 100644 (file)
index 0000000..2d4cd4c
--- /dev/null
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#FFCF00" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+<g opacity=".3">
+<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+</g>
+</g>
+</svg>
diff --git a/LCARStrek/browser/devtools/profiler-stopwatch.svg b/LCARStrek/browser/devtools/profiler-stopwatch.svg
new file mode 100644 (file)
index 0000000..97b536b
--- /dev/null
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#000000" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+<g opacity=".3">
+<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+</g>
+</g>
+</svg>
index f999d6ef4aba77efbb9cfe3d5bceeacc0844ef61..2d595e14b535bc1e12c033fcfa80edce9ff47863 100644 (file)
 }
 
 .ruleview-property {
-  border-left: 2px solid transparent;
+  border-left: 3px solid transparent;
   clear: right;
 }
 
 }
 
 .ruleview-property[dirty] {
-  border-left-color: #9C9CFF;
+  border-left-color: #9C9CFF; /* Green */
 }
 
 .ruleview-namecontainer > .ruleview-propertyname,
diff --git a/LCARStrek/browser/devtools/tool-webaudio.svg b/LCARStrek/browser/devtools/tool-webaudio.svg
new file mode 100644 (file)
index 0000000..3f0e360
--- /dev/null
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="-6.167 -16.135 100 100" enable-background="new -6.167 -16.135 100 100" xml:space="preserve">
+  <path fill="none" stroke="#000000" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M86.666,33.864  c-0.797,5.297-3.467,32.799-10.518,32.866c-7.086,0.066-9.973-27.596-10.9-32.866C64.322,28.597,61.436,0.933,54.35,1  c-7.105,0.068-9.644,27.561-10.517,32.864c-0.874,5.305-3.412,32.799-10.517,32.866c-7.087,0.066-9.974-27.596-10.899-32.866  C21.49,28.597,18.604,0.933,11.517,1C4.466,1.067,1.796,28.569,1,33.864"/>
+</svg>
\ No newline at end of file
index f221fd60c488f6773578ff47f5f9d73064f66ae9..dfd389714be60156471ee3356b81a9fd19950ac4 100644 (file)
@@ -33,31 +33,35 @@ a {
 .message {
   display: flex;
   flex: 0 0 auto;
-  -moz-margin-start: 6px;
-  -moz-margin-end: 8px;
-  width: calc(100% - 6px - 8px);
+  padding: 0 7px;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .message > .timestamp {
   flex: 0 0 auto;
   color: #8050B0;
-  margin: 4px 0;
+  margin: 4px 6px 0 0;
+}
+
+.message > .indent {
+  flex: 0 0 auto;
 }
 
 .message > .icon {
   background: -moz-image-rect(url("chrome://browser/skin/devtools/webconsole.png"), 0, 1, 0, 0) no-repeat;
-  background-position: center 0.5em;
+  background-position: center;
   flex: 0 0 auto;
-  margin: 0 6px;
+  margin: 3px 6px 0 0;
   padding: 0 4px;
   width: 8px;
+  height: 1em;
+  align-self: flex-start;
 }
 
-.message > .body {
+.message > .message-body-wrapper {
   flex: 1 1 100%;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  margin-top: 4px;
+  margin: 3px;
 }
 
 /* The red bubble that shows the number of times a message is repeated */
@@ -80,13 +84,12 @@ a {
 }
 
 .message-location {
-  -moz-margin-start: 6px;
   display: flex;
   flex: 0 0 auto;
   align-self: flex-start;
   justify-content: flex-end;
   width: 10em;
-  margin-top: 4px;
+  margin-top: 3px;
   color: #3333FF;
   text-decoration: none;
   white-space: nowrap;
@@ -113,6 +116,25 @@ a {
   color: inherit;
 }
 
+.message-flex-body {
+  display: flex;
+}
+
+.message-body {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+.message-flex-body > .message-body {
+  display: block;
+  flex: 1 1 auto;
+  vertical-align: middle;
+}
+
+.message-flex-body > .message-location {
+  margin-top: 0;
+}
+
 .jsterm-input-container {
   border-top-width: 1px;
   border-top-style: solid;
@@ -131,10 +153,20 @@ a {
   align-items: flex-start;
 }
 
+#output-container.hideTimestamps > .message {
+  -moz-padding-start: 0;
+  -moz-margin-start: 7px;
+  width: calc(100% - 7px);
+}
+
 #output-container.hideTimestamps > .message > .timestamp {
   display: none;
 }
 
+#output-container.hideTimestamps > .message > .indent {
+  background-color: #000000; /* .theme-body */
+}
+
 .filtered-by-type,
 .filtered-by-string {
   display: none;
@@ -183,15 +215,23 @@ a {
   border-color: #FFCF00;
 }
 
-.message[category=network] > .icon {
-  -moz-border-start: solid #FFCF00 6px;
+.message[severity=error] {
+  background-color: #FF0000;
+}
+
+.console-string {
+  color: #FF0000;
+}
+
+.message[category=network] > .indent {
+  -moz-border-end: solid #FF0000 6px;
 }
 
 .message[category=network][severity=error] > .icon {
   background-image: -moz-image-rect(url("chrome://browser/skin/devtools/webconsole.png"), 0, 16, 8, 8);
 }
 
-.message[category=network] > .body {
+.message[category=network] > .message-body {
   display: flex;
 }
 
@@ -229,8 +269,8 @@ a {
   border-color: #9C9CFF;
 }
 
-.message[category=cssparser] > .icon {
-  -moz-border-start: solid #9C9CFF 6px;
+.message[category=cssparser] > .indent {
+  -moz-border-end: solid #9C9CFF 6px;
 }
 
 .message[category=cssparser][severity=error] > .icon {
@@ -247,8 +287,8 @@ a {
    border-color: #FF9F00;
 }
 
-.message[category=exception] > .icon {
-  -moz-border-start: solid #FF9F00 6px;
+.message[category=exception] > .indent {
+  -moz-border-end: solid #FF9F00 6px;
 }
 
 .message[category=exception][severity=error] > .icon {
@@ -265,8 +305,8 @@ a {
    border-color: #8050B0;
 }
 
-.message[category=console] > .icon {
-  -moz-border-start: solid #8050B0 6px;
+.message[category=console] > .indent {
+  -moz-border-end: solid #8050B0 6px;
 }
 
 .message[category=console][severity=error] > .icon,
@@ -283,9 +323,9 @@ a {
 }
 
 /* Input and output styles */
-.message[category=input] > .icon,
-.message[category=output] > .icon {
-  -moz-border-start: solid #A09090 6px;
+.message[category=input] > .indent,
+.message[category=output] > .indent {
+  -moz-border-end: solid #A09090 6px;
 }
 
 .message[category=input] > .icon {
@@ -314,7 +354,7 @@ a {
   overflow-x: hidden;
 }
 
-.inlined-variables-view .body {
+.inlined-variables-view .message-body {
   display: flex;
   flex-direction: column;
 }
@@ -340,8 +380,8 @@ a {
 
 /* Security styles */
 
-.message[category=security] > .icon {
-  -moz-border-start: solid #FF0000 6px;
+.message[category=security] > .indent {
+  -moz-border-end: solid #FF0000 6px;
 }
 
 .webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before {
@@ -370,26 +410,30 @@ a {
   text-decoration: none;
 }
 
-.consoleTrace .body > div {
-  display: flex;
-  margin-bottom: 5px;
-}
-
-.consoleTrace .title {
-  display: block;
-  flex: 1 1 auto;
-}
-
 .stacktrace {
+  display: none;
   list-style: none;
   padding: 0 1em 0 1.5em;
-  margin: 0;
+  margin: 5px 0 0 0;
   max-height: 10em;
   overflow-y: auto;
-
   border: 1px solid #A09090;
   border-radius: 3px;
 }
+.message[severity=error] .stacktrace {
+  background-color: #000000;
+}
+
+.message[open] .stacktrace {
+  display: block;
+}
+
+.message .theme-twisty {
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 3px 0 0;
+}
 
 .stacktrace li {
   display: flex;
index 078a5f59fba3cefed6fc9c49e35d5ed07600cb13..e90d51e054f9802e6c3a8099370cc5f070998e12 100644 (file)
   display: none;
 }
 
+#downloadsPanel[hasdownloads] > #emptyDownloads {
+  display: none;
+}
+
+#emptyDownloads {
+  padding: 10px 20px;
+  max-width: 40ch;
+}
+
 #downloadsHistory {
   cursor: pointer;
   margin: 4px !important;
   border: none;
 }
 
-#downloadsPanel[hasdownloads] > #downloadsFooter {
+#downloadsFooter {
 }
 
-#downloadsPanel[hasdownloads] > #downloadsFooter:hover {
+#downloadsFooter:hover {
 }
 
-#downloadsPanel[hasdownloads] > #downloadsFooter:hover:active {
+#downloadsFooter:hover:active {
 }
 
 /*** Downloads Summary and List items ***/
index 99585bc3f3084aa27960eb5228a8fabc5031dfb6..9b3e09cacc95175fcf8cf1f86cefeb4f8e53693d 100644 (file)
@@ -34,7 +34,7 @@
   color: #000000;
 }
 
-#downloads-indicator-icon:-moz-lwtheme-brighttext {
+toolbar[brighttext] #downloads-button:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon {
 /*  background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"),
                               0, 108, 18, 90) center no-repeat;*/
 }
   text-align: center;
 }
 
-#downloads-indicator-counter:-moz-lwtheme-brighttext {
+toolbar[brighttext] #downloads-indicator-counter {
 /*  color: white;
   text-shadow: 0 0 1px rgba(0,0,0,.7),
                0 1px 1.5px rgba(0,0,0,.5);*/
index ac4160cfaf1b51bc482db2832cf7332bc74285c6..c54cda0540448f76fc751ab169d947bd772d567a 100644 (file)
@@ -8,7 +8,7 @@
 
 @font-face {
   font-family: "Clear Sans";
-  src: url("chrome://browser/skin/fonts/ClearSans-Regular.ttf");
+  src: url("chrome://browser/content/fonts/ClearSans-Regular.woff") format('woff');
 }
 
 page {
@@ -28,15 +28,13 @@ caption {
 }
 
 .main-content {
-  max-width: 800px;
-}
-
-prefpane > .content-box {
+  padding: 40px 48px 48px;
   overflow: auto;
 }
 
 prefpane {
-  padding: 40px 48px 48px;
+  max-width: 800px;
+  padding: 0;
   font-family: "Clear Sans", sans-serif;
   font-size: 1.25rem;
   line-height: 22px;
@@ -44,7 +42,7 @@ prefpane {
 }
 
 prefpane > .content-box {
-  overflow: auto;
+  overflow: visible;
 }
 
 /* groupboxes */
@@ -345,31 +343,65 @@ radio[selected]::before {
 }
 
 #header-general > .header-icon {
-  -moz-image-region: rect(3px, 45px, 45px, 3px);
+  -moz-image-region: rect(0, 40px, 40px, 0);
 }
 
 #header-content > .header-icon {
-  -moz-image-region: rect(3px, 93px, 45px, 51px);
+  -moz-image-region: rect(0, 80px, 40px, 40px);
 }
 
 #header-application > .header-icon {
-  -moz-image-region: rect(3px, 141px, 45px, 99px);
+  -moz-image-region: rect(0, 120px, 40px, 80px);
 }
 
 #header-privacy > .header-icon {
-  -moz-image-region: rect(3px, 189px, 45px, 147px);
+  -moz-image-region: rect(0, 160px, 40px, 120px);
 }
 
 #header-security > .header-icon {
-  -moz-image-region: rect(3px, 237px, 45px, 195px);
+  -moz-image-region: rect(0, 200px, 40px, 160px);
 }
 
 #header-sync > .header-icon {
-  -moz-image-region: rect(3px, 285px, 45px, 243px);
+  -moz-image-region: rect(0, 240px, 40px, 200px);
 }
 
 #header-advanced > .header-icon {
-  -moz-image-region: rect(3px, 333px, 45px, 291px);
+  -moz-image-region: rect(0, 280px, 40px, 240px);
+}
+
+@media (min-resolution: 2dppx) {
+  .header-icon {
+    list-style-image: url("chrome://browser/skin/preferences/in-content/header@2x.png");
+  }
+
+  #header-general > .header-icon {
+    -moz-image-region: rect(0, 80px, 80px, 0);
+  }
+
+  #header-content > .header-icon {
+    -moz-image-region: rect(0, 160px, 80px, 80px);
+  }
+
+  #header-application > .header-icon {
+    -moz-image-region: rect(0, 240px, 80px, 160px);
+  }
+
+  #header-privacy > .header-icon {
+    -moz-image-region: rect(0, 320px, 80px, 240px);
+  }
+
+  #header-security > .header-icon {
+    -moz-image-region: rect(0, 400px, 80px, 320px);
+  }
+
+  #header-sync > .header-icon {
+    -moz-image-region: rect(0, 480px, 80px, 400px);
+  }
+
+  #header-advanced > .header-icon {
+    -moz-image-region: rect(0, 560px, 80px, 480px);
+  }
 }
 
 .indent {
@@ -462,7 +494,7 @@ filefield {
 #typeColumn > .treecol-sortdirection[sortDirection=ascending],
 #actionColumn > .treecol-sortdirection[sortDirection=ascending],
 #typeColumn > .treecol-sortdirection[sortDirection=descending],
-#actionColumn > .treecol-sortdirection[sortDirection=descending]  {
+#actionColumn > .treecol-sortdirection[sortDirection=descending] {
 }
 
 #typeColumn > .treecol-sortdirection[sortDirection=descending],