From: Robert Kaiser <robert@widebook.box.kairo.at>
Date: Mon, 15 Oct 2012 13:13:59 +0000 (+0200)
Subject: first part of update for both themes to browser winstripe changes in Firefox 17 cycle
X-Git-Tag: LCARStrek-2.14~4
X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=c29b709d831267c35464cdff935f54cd752609db

first part of update for both themes to browser winstripe changes in Firefox 17 cycle
---

diff --git a/LCARStrek/browser/aboutCertError.css b/LCARStrek/browser/aboutCertError.css
index e44ecf9c..557e7425 100644
--- a/LCARStrek/browser/aboutCertError.css
+++ b/LCARStrek/browser/aboutCertError.css
@@ -42,7 +42,7 @@ h2 {
   background-origin: content-box;
 }
 
-body[dir="rtl"] #errorPageContainer {
+#errorPageContainer:-moz-dir(rtl) {
   background-position: right 0;
 }
 
@@ -70,7 +70,7 @@ body[dir="rtl"] #errorPageContainer {
   color: #000000;
 }
 
-body[dir="rtl"] .expander > button {
+.expander > button:-moz-dir(rtl) {
   background-position: right center;
 }
 
@@ -78,6 +78,6 @@ body[dir="rtl"] .expander > button {
   background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
 }
 
-body[dir="rtl"] .expander[collapsed] > button {
+.expander[collapsed] > button:-moz-dir(rtl) {
   background-image: url("chrome://global/skin/tree/twisty-closed-rtl-selected.gif");
 }
diff --git a/LCARStrek/browser/aboutPrivateBrowsing.css b/LCARStrek/browser/aboutPrivateBrowsing.css
index 3a17997b..3b5d4b54 100644
--- a/LCARStrek/browser/aboutPrivateBrowsing.css
+++ b/LCARStrek/browser/aboutPrivateBrowsing.css
@@ -32,7 +32,7 @@ body.normal > #errorPageContainer {
   background: url("chrome://global/skin/icons/information-16.png") no-repeat top left;
 }
 
-body[dir="rtl"] #moreInfo {
+#moreInfo:-moz-dir(rtl) {
   background-position: top right;
 }
 
diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 5a51b936..b55e58ac 100644
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -1891,7 +1891,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   }
 
   .tab-content {
-    min-height: -moz-calc(6.8mozmm - 7px); /* subtract borders from the desired height */
+    min-height: calc(6.8mozmm - 7px); /* subtract borders from the desired height */
   }
 }
 
@@ -2419,29 +2419,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   outline: 1px dotted #008484;
 }
 
-/* Inspector / Highlighter */
-
-#highlighter-panel {
-  -moz-window-shadow: none;
-  background: #000000;
-  border: none;
-}
-
-listitem.style-selector {
-  background-color: #9C9CFF;
-  color: #000000;
-}
-
-listitem.style-section {
-  background-color: #E7ADE7;
-  color: #000000;
-  font-weight: bold;
-}
-
-panel[dimmed="true"] {
-  opacity: 0.5;
-}
-
 /* Add-on bar */
 
 #addon-bar {
@@ -2616,7 +2593,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 
 #highlighter-nodeinfobar-text {
   /* 100% - size of the buttons and margins */
-  max-width: -moz-calc(100% - 2 * (26px + 6px));
+  max-width: calc(100% - 2 * (26px + 6px));
   padding-bottom: 1px;
 }
 
@@ -2672,7 +2649,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 .highlighter-nodeinfobar-arrow {
   width: 14px;
   height: 14px;
-  -moz-margin-start: -moz-calc(50% - 7px);
+  -moz-margin-start: calc(50% - 7px);
   transform: rotate(-45deg);
   border: 1px solid transparent;
   background-clip: padding-box;
@@ -3125,6 +3102,20 @@ stack[anonid=browserStack][responsivemode] {
   background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
 }
 
+/* Web Console */
+
+.web-console-frame {
+  /* border-bottom: 3px solid #000000; */
+}
+
+.web-console-frame[animated] {
+  transition: height 100ms;
+}
+
+.web-console-splitter {
+  border: none;
+}
+
 /* Developer Toolbar */
 
 .developer-toolbar-button {
@@ -3134,6 +3125,7 @@ stack[anonid=browserStack][responsivemode] {
   list-style-image: url("chrome://browser/skin/devtools/tools-icons-small.png");
 }
 
+.developer-toolbar-button[open=true],
 .developer-toolbar-button:active:hover,
 .developer-toolbar-button[checked=true] {
 }
@@ -3162,6 +3154,7 @@ stack[anonid=browserStack][responsivemode] {
 }
 
 #developer-toolbar-other-tools > .toolbarbutton-menu-dropmarker {
+  display: none;
 }
 
 /* Error counter */
@@ -3172,19 +3165,7 @@ stack[anonid=browserStack][responsivemode] {
   text-shadow: none;
   background-color: #FF0000;
   border-radius: 1px;
-}
-
-/* Web Console */
-
-.web-console-frame {
-}
-
-.web-console-frame[animated] {
-  transition: height 100ms;
-}
-
-.web-console-splitter {
-  border: none;
+  -moz-margin-end: 5px;
 }
 
 /* Social toolbar item */
@@ -3286,13 +3267,6 @@ stack[anonid=browserStack][responsivemode] {
   text-decoration: underline;
 }
 
-#social-notification-panel {
-  min-height: 100px;
-  min-width: 100px;
-  max-height: 600px;
-  max-width: 400px;
-}
-
 .social-panel > .panel-arrowcontainer > .panel-arrowcontent {
   padding: 0;
 }
diff --git a/LCARStrek/browser/devtools/gcli.css b/LCARStrek/browser/devtools/commandline.css
similarity index 100%
rename from LCARStrek/browser/devtools/gcli.css
rename to LCARStrek/browser/devtools/commandline.css
diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css
index 93838fe4..7505dcfc 100644
--- a/LCARStrek/browser/devtools/common.css
+++ b/LCARStrek/browser/devtools/common.css
@@ -82,7 +82,7 @@ devtools-menulist:-moz-focusring,
 }
 
 .devtools-searchinput:-moz-locale-dir(rtl) {
-  background-position: -moz-calc(100% - 4px) 3px, top left, top left;
+  background-position: calc(100% - 4px) 3px, top left, top left;
 }
 
 .devtools-searchinput > .textbox-input-box > .textbox-search-icons {
diff --git a/LCARStrek/browser/devtools/csshtmltree.css b/LCARStrek/browser/devtools/csshtmltree.css
index adc78221..72d5a263 100644
--- a/LCARStrek/browser/devtools/csshtmltree.css
+++ b/LCARStrek/browser/devtools/csshtmltree.css
@@ -148,18 +148,34 @@ link:hover {
 }
 
 .ruleview-rule-source {
-  background-color: #000000;
-  color: #9C9CFF;
-  padding: 2px 5px;
+  color: #9C9CFF; /* original: green */
+  -moz-padding-start: 5px;
   cursor: pointer;
+  text-align: right;
+  float: right;
+  -moz-user-select: -moz-none;
+}
+
+.ruleview-rule-inheritance {
+  background-color: #000000;
+  color: #8050B0;
+  border-top: 1px solid #9C9CFF;
+  border-bottom: 1px solid #9C9CFF;
+  padding: 1px 4px;
+  margin-top: 4px;
+  -moz-user-select: -moz-none;
 }
 
 .ruleview-rule-source:hover {
   text-decoration: underline;
 }
 
-.ruleview-code {
-  padding: 2px 5px;
+.ruleview-rule {
+  padding: 2px 4px;
+}
+
+.ruleview-rule + .ruleview-rule {
+  border-top: 1px dotted #008484;
 }
 
 .ruleview-warning {
@@ -188,8 +204,15 @@ link:hover {
 .ruleview-enableproperty {
   height: 10px;
   width: 10px;
-  -moz-margin-start: 2px;
+  -moz-margin-start: 1px;
   -moz-margin-end: 0;
+  transition: opacity 100ms;
+  transition-delay: 200ms;
+}
+
+.ruleview-property:not(:hover) > .ruleview-enableproperty {
+  opacity: 0;
+  transition: none;
 }
 
 .ruleview-expander {
@@ -212,7 +235,11 @@ link:hover {
 
 .ruleview-propertyname {
   padding: 1px 0;
-  color: #9C9CFF;
+  color: #9C9CFF; /* original: blue */
+}
+
+.ruleview-propertyvalue {
+  padding: 1px 0;
 }
 
 .ruleview-namecontainer,
@@ -250,7 +277,7 @@ link:hover {
 
 .ruleview-namecontainer > .ruleview-propertyname,
 .ruleview-propertycontainer > .ruleview-propertyvalue {
-  border-bottom: 1px dotted transparent;
+  border-bottom: 1px dashed transparent;
 }
 
 .ruleview-namecontainer:hover > .ruleview-propertyname,
diff --git a/LCARStrek/browser/devtools/debugger-collapse.png b/LCARStrek/browser/devtools/debugger-collapse.png
new file mode 100644
index 00000000..35f10cfc
Binary files /dev/null and b/LCARStrek/browser/devtools/debugger-collapse.png differ
diff --git a/LCARStrek/browser/devtools/debugger-expand.png b/LCARStrek/browser/devtools/debugger-expand.png
new file mode 100644
index 00000000..47e9dad7
Binary files /dev/null and b/LCARStrek/browser/devtools/debugger-expand.png differ
diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css
index 8692aa2e..54b7ebf9 100644
--- a/LCARStrek/browser/devtools/debugger.css
+++ b/LCARStrek/browser/devtools/debugger.css
@@ -25,7 +25,7 @@ window {
 }
 
 #scripts {
-  max-width: 350px;
+  min-width: 150px;
 }
 
 /**
@@ -59,7 +59,85 @@ window {
 }
 
 /**
- * Stack frames
+ * Scripts searching
+ */
+
+#globalsearch {
+  background-color: #000000;
+  min-height: 50px;
+  max-height: 150px;
+}
+
+.dbg-script-results:not(:last-child) {
+  border-bottom: 1px dotted #9C9CFF;
+}
+
+.dbg-results-header {
+  -moz-padding-start: 6px;
+}
+
+.dbg-results-header .script-url {
+  font-weight: 600;
+}
+
+.dbg-results-header .match-count {
+  -moz-padding-start: 6px;
+  color: 8050B0;
+}
+
+.dbg-results-container .line-number {
+  background: #000000;
+  min-width: 35px;
+  -moz-padding-end: 4px;
+  -moz-border-end: 1px dotted #9C9CFF;
+  text-align: end;
+  font: 8pt monospace;
+}
+
+.dbg-results-container .line-contents {
+  -moz-padding-start: 4px;
+  font: 8pt monospace;
+}
+
+.dbg-results-container .line-contents:hover {
+  background: #000000;
+}
+
+.dbg-results-container .line-contents > .string {
+  padding: 1px;
+}
+
+.dbg-results-container .line-contents > .string[match=true] {
+  background: #E7ADE7;
+  color: #000000;
+  padding: 0;
+  border: 1px solid #9C9CFF;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: transform 0.2s ease-in-out;
+  transform: scale(1, 1);
+}
+
+.dbg-results-container .line-contents > .string[match=true][focused] {
+  transition-duration: 0.1s;
+  transform: scale(1.75, 1.75);
+}
+
+/**
+ * Stack frames and breakpoints panel
+ */
+
+#stackframes\+breakpoints {
+  background-color: #000000;
+  min-width: 50px;
+}
+
+#stackframes\+breakpoints[animated] {
+  -moz-transition: margin 0.25s ease-in-out;
+}
+
+/**
+ * Stack frames view
  */
 
 #stackframes {
@@ -98,6 +176,11 @@ window {
 
 #variables {
 /*  background-color: white; */
+  min-width: 50px;
+}
+
+#variables[animated] {
+  -moz-transition: margin 0.25s ease-in-out;
 }
 
 /**
@@ -139,11 +222,19 @@ window {
   -moz-margin-start: 1px;
   -moz-margin-end: 1px;
   margin-top: 2px;
-  border-bottom: 1px dotted #008484;
   transition: background 1s ease-in-out;
   background: #000000;
 }
 
+.variable:not(:last-child) {
+  border-bottom: 1px dotted #008484;
+  border-radius: 8px;
+}
+
+.variable:last-child {
+  margin-bottom: 2px;
+}
+
 .variable[changed] {
   transition-duration: 0.4s;
   background: #FFCF00;
@@ -278,12 +369,13 @@ window {
  * Animations
  */
 
-.details[open][animated] {
-  -moz-animation-duration: 0.25s;
-  -moz-animation-name: showblock;
+.details[open][animated],
+.dbg-results-container[open][animated] {
+  animation-duration: 0.25s;
+  animation-name: showblock;
 }
 
-@-moz-keyframes showblock {
+@keyframes showblock {
   from {
     opacity: 0;
     transform-origin: top;
@@ -301,6 +393,23 @@ window {
  * Toolbar Controls
  */
 
+#toggle-panes {
+  background: none;
+  border: none;
+  box-shadow: none;
+  list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#toggle-panes:not([stackframesAndBreakpointsHidden]):not([variablesHidden]) {
+  list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
+}
+
+#toggle-panes:hover,
+#toggle-panes:hover:active {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
 #resume {
   list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
diff --git a/LCARStrek/browser/devtools/markup-view.css b/LCARStrek/browser/devtools/markup-view.css
new file mode 100644
index 00000000..6b715b7a
--- /dev/null
+++ b/LCARStrek/browser/devtools/markup-view.css
@@ -0,0 +1,73 @@
+/* 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/. */
+
+* {
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  font: message-box;
+  background-color: #000000;
+  color: #FF9F00;
+}
+
+.tagname {
+  color: #FFCF00;
+}
+
+.attrname {
+  color: #9C9CFF;
+}
+
+.attrvalue {
+  color: #E7ADE7;
+}
+
+.newattr {
+  cursor: pointer;
+}
+
+.comment {
+  color: #8050B0;
+}
+
+.selected {
+  background-color: #008484;
+}
+
+/* Give some padding to focusable elements to match the editor input
+ * that will replace them. */
+span[tabindex] {
+  display: inline-block;
+  padding: 1px 0;
+}
+
+li.container {
+  position: relative;
+  padding: 2px 0 0 2px;
+}
+
+.codebox {
+  padding-left: 14px;
+}
+
+.expander {
+  position: absolute;
+  top: 5px;
+  left: 0;
+  width: 14px;
+  height: 14px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-image: url("chrome://global/skin/tree/twisty-clsd.png");
+}
+
+.expander[expanded] {
+  background-image: url("chrome://global/skin/tree/twisty-open.png");
+}
+
+.styleinspector-propertyeditor {
+  border: 1px solid #9C9CFF;
+}
diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css
index ce4395a3..e6492647 100644
--- a/LCARStrek/browser/devtools/webconsole.css
+++ b/LCARStrek/browser/devtools/webconsole.css
@@ -6,14 +6,6 @@ window {
   padding: 0;
 }
 
-.hud-box {
-  border-bottom: 3px solid #000000;
-}
-
-.hud-box.animated {
-  transition: height 100ms;
-}
-
 .hud-outer-wrapper {
   width: 100%; 
   height: 100%;
@@ -30,7 +22,7 @@ window {
   color: #8050B0;
   margin-top: 0;
   margin-bottom: 0;
-  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
+  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 .hud-msg-node {
@@ -61,7 +53,7 @@ window {
   -moz-margin-start: 3px;
   -moz-margin-end: 6px;
   white-space: pre-wrap;
-  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
+  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 .webconsole-msg-body-piece {
@@ -81,7 +73,7 @@ window {
   background-color: #FF0000;
   border-radius: 40px;
   /* font: message-box; */
-  font-size: 10px;
+  font-size: 0.9em;
   font-weight: 600;
 }
 
@@ -106,7 +98,7 @@ window {
 
 .jsterm-input-node,
 .jsterm-complete-node {
-  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
+  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 .hud-output-node {
@@ -121,22 +113,21 @@ window {
   display: none;
 }
 
-.webconsole-clear-console-button > .toolbarbutton-icon {
-  display: none;
-}
+/* WebConsole colored drops */
 
-.webconsole-filter-button > .toolbarbutton-menubutton-button {
-  -moz-box-orient: horizontal;
-  list-style-image: url("chrome://browser/skin/devtools/webconsole.png");
+.webconsole-filter-button[checked=true] {
+  /* color: white !important; */
 }
 
-.webconsole-filter-button:hover:active > .toolbarbutton-menubutton-button,
-.webconsole-filter-button[open="true"] > .toolbarbutton-menubutton-button {
-}
-
-.webconsole-filter-button {
-  -moz-margin-start: 3px;
-  padding: 0 !important;
+.webconsole-filter-button > .toolbarbutton-menubutton-button:before {
+  content: "";
+  display: inline-block;
+  height: 8px;
+  width: 8px;
+  border-radius: 50%;
+  margin-left: 5px;
+  border-width: 1px;
+  border-style: solid;
 }
 
 .webconsole-filter-button menuitem {
@@ -149,8 +140,9 @@ window {
 }
 
 /* Network styles */
-.webconsole-filter-button[category="net"] {
-  -moz-image-region: rect(0, 8px, 8px, 0);
+.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
+  background-image: linear-gradient(#796400, #000000);
+  border-color: #FFCF00;
 }
 
 .webconsole-msg-network > .webconsole-msg-icon-container {
@@ -162,8 +154,9 @@ window {
 }
 
 /* CSS styles */
-.webconsole-filter-button[category="css"] {
-  -moz-image-region: rect(8px, 8px, 16px, 0);
+.webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
+  background-image: linear-gradient(#484879, #000000);
+  border-color: #9C9CFF;
 }
 
 .webconsole-msg-cssparser > .webconsole-msg-icon-container {
@@ -179,8 +172,9 @@ window {
 }
 
 /* JS styles */
-.webconsole-filter-button[category="js"] {
-  -moz-image-region: rect(16px, 8px, 24px, 0);
+webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
+   background-image: linear-gradient(#794900, #000000);
+   border-color: #FF9F00;
 }
 
 .webconsole-msg-exception > .webconsole-msg-icon-container {
@@ -196,8 +190,9 @@ window {
 }
 
 /* Web Developer styles */
-.webconsole-filter-button[category="logging"] {
-  -moz-image-region: rect(24px, 8px, 32px, 0);
+.webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before {
+   background-image: linear-gradient(#402858, #000000);
+   border-color: #8050B0;
 }
 
 .webconsole-msg-console > .webconsole-msg-icon-container {
@@ -239,7 +234,7 @@ webconsole-mixed-content {
 .webconsole-msg-output {
   -moz-image-region: rect(24px, 48px, 32px, 40px);
 }
-
+/*
 .webconsole-close-button {
   border: none;
   padding-top: 4px;
@@ -251,34 +246,9 @@ webconsole-mixed-content {
 .webconsole-close-button:hover:active {
   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
 }
-
+*/
 /* JSTerm Styles */
 
-.jsterm-wrapper-node {
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace; 
-  font-size: 1em;
-  background-color: #000; 
-  border: 1px solid #333; 
-  padding: 0.1em;
-  width: 100%;
-  height: 400px;
-}
-
-.jsterm-output-node {
-  width: 100%;
-  height: 400px;
-  color: white;
-  background-color: black;
-  overflow: auto;
-  overflow-x: auto;
-  position: absolute;
-  -moz-box-direction: reverse;
-}
-
-.jsterm-scroll-to-node {
-  height: 1px; width: 1px; position: relative; top: 92%; display: block;
-}
-
 .jsterm-input-node,
 .jsterm-complete-node {
   -moz-padding-start: 16px;
@@ -298,25 +268,13 @@ webconsole-mixed-content {
   color: #8050B0;
 }
 
-.jsterm-output-line {
-  font-size: 1em;
-}
-
-.hud-console-filter-toolbar {
-  -moz-box-align: center;
-}
+/* Filter */
 
-.web-console-panel {
-  -moz-appearance: none;
-  background-color: black;
-}
+/*
+ * This hardcoded width likely due to a toolkit Windows specific bug.
+ * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7
+ */
 
-.web-console-panel > .hud-box {
-  height: 100%;
-  width: 100%;
-  background-color: black;
-}
-
-.hud-splitter {
-  border: 0;
+.hud-filter-box {
+  width: 200px;
 }
diff --git a/LCARStrek/browser/downloads/downloads.css b/LCARStrek/browser/downloads/downloads.css
index 2bddeec9..027c6834 100644
--- a/LCARStrek/browser/downloads/downloads.css
+++ b/LCARStrek/browser/downloads/downloads.css
@@ -26,7 +26,6 @@
 }
 
 #downloadsListBox {
-  width: 60ch;
   background-color: transparent;
   padding: 4px;
   color: inherit;
@@ -202,25 +201,25 @@ richlistitem[type="download"][state="1"] > .downloadInfo:hover {
   background-size: 16px;
 }
 
-@-moz-keyframes downloadsIndicatorNotificationRight {
+@keyframes downloadsIndicatorNotificationRight {
   from { opacity: 0; transform: translate(-128px, 128px) scale(8); }
-  20%  { opacity: .85; -moz-animation-timing-function: ease-out; }
+  20%  { opacity: .85; animation-timing-function: ease-out; }
   to   { opacity: 0; transform: translate(0) scale(1); }
 }
 
-@-moz-keyframes downloadsIndicatorNotificationLeft {
+@keyframes downloadsIndicatorNotificationLeft {
   from { opacity: 0; transform: translate(128px, 128px) scale(8); }
-  20%  { opacity: .85; -moz-animation-timing-function: ease-out; }
+  20%  { opacity: .85; animation-timing-function: ease-out; }
   to   { opacity: 0; transform: translate(0) scale(1); }
 }
 
 #downloads-indicator[notification] > #downloads-indicator-anchor > #downloads-indicator-notification {
-  -moz-animation-name: downloadsIndicatorNotificationRight;
-  -moz-animation-duration: 1s;
+  animation-name: downloadsIndicatorNotificationRight;
+  animation-duration: 1s;
 }
 
 #downloads-indicator[notification]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification {
-  -moz-animation-name: downloadsIndicatorNotificationLeft;
+  animation-name: downloadsIndicatorNotificationLeft;
 }
 
 /*** Progress bar and text ***/
diff --git a/LCARStrek/browser/feeds/subscribe-ui.css b/LCARStrek/browser/feeds/subscribe-ui.css
index 8ca53283..09b0d1a7 100644
--- a/LCARStrek/browser/feeds/subscribe-ui.css
+++ b/LCARStrek/browser/feeds/subscribe-ui.css
@@ -24,6 +24,6 @@
   list-style-image: url("chrome://browser/skin/preferences/application.png");
 }
 
-#feedHeader[dir="rtl"] .handlersMenuList > menupopup {
+.handlersMenuList > menupopup:-moz-dir(rtl) {
   direction: rtl;
 }
diff --git a/LCARStrek/browser/feeds/subscribe.css b/LCARStrek/browser/feeds/subscribe.css
index e41760c0..b7d0cbb9 100644
--- a/LCARStrek/browser/feeds/subscribe.css
+++ b/LCARStrek/browser/feeds/subscribe.css
@@ -50,7 +50,7 @@ html {
   background: url("chrome://communicator/skin/icons/audioFeedIcon.png") 0% 10% no-repeat #FFCF00;
 }
 
-#feedHeader[dir="rtl"] {
+#feedHeader:-moz-dir(rtl) {
   background-position: 100% 10%;
 }
 
diff --git a/LCARStrek/browser/tabview/tabview.css b/LCARStrek/browser/tabview/tabview.css
index 607f954d..0acd44ea 100644
--- a/LCARStrek/browser/tabview/tabview.css
+++ b/LCARStrek/browser/tabview/tabview.css
@@ -47,11 +47,11 @@ body {
   width: 17px;
 }
 
-html[dir=ltr] .favicon {
+.favicon:-moz-dir(ltr) {
   border-bottom-right-radius: 0.4em;
 }
 
-html[dir=rtl] .favicon {
+.favicon:-moz-dir(rtl) {
   border-bottom-left-radius: 0.4em;
   left: auto;
   right: 2px;
@@ -80,7 +80,7 @@ html[dir=rtl] .favicon {
   background-color: #FFCF00;
 }
 
-html[dir=rtl] .close {
+.close:-moz-dir(rtl) {
   right: auto;
   left: 6px;
 }
@@ -97,7 +97,7 @@ html[dir=rtl] .close {
   opacity: 0.2;
 }
 
-html[dir=rtl] .expander {
+.expander:-moz-dir(rtl) {
   right: auto;
   left: 6px;
   transform: scaleX(-1);
@@ -190,7 +190,7 @@ html[dir=rtl] .expander {
   padding: 2px;
 }
 
-html[dir=rtl] .groupItem .close {
+.groupItem .close:-moz-dir(rtl) {
   right: auto;
   left: 0px;
   background-position: bottom right;
@@ -215,7 +215,7 @@ html[dir=rtl] .groupItem .close {
   line-height: 0;
 }
 
-html[dir=rtl] .appTabTrayContainer {
+.appTabTrayContainer:-moz-dir(rtl) {
   right: auto;
   left: 1px;
 }
@@ -279,7 +279,7 @@ html[dir=rtl] .appTabTrayContainer {
   opacity: 0.5;
 }
 
-html[dir=rtl] .undo .close {
+.undo .close:-moz-dir(rtl) {
   right: auto;
   left: 7px;
 }
@@ -299,7 +299,7 @@ html[dir=rtl] .undo .close {
   box-shadow: 1px 1px 0 rgba(0,132,132,.15);
 }
 
-html[dir=rtl] .guideTrench {
+.guideTrench:-moz-dir(rtl) {
   box-shadow: -1px 1px 0 rgba(0,132,132,.15);
 }
 
@@ -332,7 +332,7 @@ html[dir=rtl] .guideTrench {
   box-shadow: 5px 5px 3px rgba(255,207,0,.5);
 }
 
-html[dir=rtl] .active {
+.active:-moz-dir(rtl) {
   box-shadow: -5px 5px 3px rgba(255,207,0,.5);
 }
 
@@ -340,7 +340,7 @@ html[dir=rtl] .active {
   box-shadow: 2px 2px 7px -1px rgba(0,132,132,.6);
 }
 
-html[dir=rtl] .acceptsDrop {
+.acceptsDrop:-moz-dir(rtl) {
   box-shadow: -2px 2px 7px -1px rgba(0,132,132,.6);
 }
 
@@ -362,7 +362,7 @@ input.name {
   border-radius: 3px;
 }
 
-html[dir=rtl] input.name {
+input.name:-moz-dir(rtl) {
   background-position: right top;
 }
 
@@ -405,7 +405,7 @@ input.name:-moz-placeholder {
   cursor: text;
 }
 
-html[dir=rtl] .title-shield {
+.title-shield:-moz-dir(rtl) {
   left: auto;
   right: 0;
 }
@@ -437,7 +437,7 @@ html[dir=rtl] .title-shield {
   opacity: .2;
 }
 
-html[dir=rtl] .resizer {
+.resizer:-moz-dir(rtl) {
   right: auto;
   left: 0;
   transform: scaleX(-1);
@@ -457,7 +457,7 @@ html[dir=rtl] .resizer {
   bottom: -2px;
 }
 
-html[dir=rtl] .iq-resizable-se {
+.iq-resizable-se:-moz-dir(rtl) {
   cursor: sw-resize;
   right: auto;
   left: 1px;
@@ -514,6 +514,8 @@ html[dir=rtl] .iq-resizable-se {
 
 #searchbox{
   width: 270px;
+  max-width: -moz-available;
+  -moz-margin-start: 20px;
   height: 30px;
   color: #FF9F00;
   border: 2px solid #008484;
@@ -566,7 +568,7 @@ html[dir=rtl] .iq-resizable-se {
   box-shadow: 0px -1px 0px rgba(255,207,0,.1), inset 0px 2px 5px rgba(255,207,0,.3);
 }
 
-html[dir=rtl] #otherresults {
+#otherresults:-moz-dir(rtl) {
   left: auto;
   right: 0;
 }