From: Robert Kaiser <robert@widebook.box.kairo.at>
Date: Mon, 10 Sep 2012 16:59:55 +0000 (+0200)
Subject: complete sync of both themes with toolkit winstripe changes in Mozilla 16 cycle
X-Git-Tag: EarlyBlue-2.13~8
X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=71a617ff22ae6266108ab20198128db5ae2bd33c

complete sync of both themes with toolkit winstripe changes in Mozilla 16 cycle
---

diff --git a/EarlyBlue/communicator/search/searchbar.css b/EarlyBlue/communicator/search/searchbar.css
index 070d4a3a..927e1e07 100644
--- a/EarlyBlue/communicator/search/searchbar.css
+++ b/EarlyBlue/communicator/search/searchbar.css
@@ -41,7 +41,7 @@
 }
 
 .search-go-button:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .searchbar-engine-menuitem[selected="true"] > .menu-iconic-text {
diff --git a/EarlyBlue/global/TopLevelImageDocument.css b/EarlyBlue/global/TopLevelImageDocument.css
index 3c0e09b8..ae8067f4 100644
--- a/EarlyBlue/global/TopLevelImageDocument.css
+++ b/EarlyBlue/global/TopLevelImageDocument.css
@@ -7,7 +7,7 @@
     background-color: #222;
   }
 
-  img {
+  .decoded {
     background-color: #fff;
     color: #222;
   }
diff --git a/EarlyBlue/global/alerts/alert.css b/EarlyBlue/global/alerts/alert.css
index 5635a137..6a63465b 100644
--- a/EarlyBlue/global/alerts/alert.css
+++ b/EarlyBlue/global/alerts/alert.css
@@ -32,6 +32,11 @@
   font-weight: bold;
 }
 
+#alertImage {
+  max-width: 48px;
+  max-height: 48px;
+}
+
 .alertText {
   -moz-margin-end: 6px;
 }
diff --git a/EarlyBlue/global/autocomplete.css b/EarlyBlue/global/autocomplete.css
index b69fd8aa..591da911 100644
--- a/EarlyBlue/global/autocomplete.css
+++ b/EarlyBlue/global/autocomplete.css
@@ -111,15 +111,15 @@ panel[type="autocomplete-richlistbox"],
   overflow-x: hidden !important;
 }
 
+.autocomplete-richlistitem {
+  padding: 1px 2px;
+}
+
 .autocomplete-richlistitem[selected="true"] {
   background-color: #336699;
   color: white;
 }
 
-.autocomplete-richlistitem {
-  padding: 1px 2px;
-}
-
 .autocomplete-richlistitem:not(:first-child) {
   border-top: 1px solid #666699;
 }
@@ -167,10 +167,6 @@ html|span.ac-emphasize-text {
   text-decoration: underline;
 }
 
-html|span.ac-emphasize-alt {
-  text-decoration: underline;
-}
-
 .ac-title, .ac-url {
   overflow: hidden;
 }
diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css
index 732f3feb..c0c63339 100644
--- a/EarlyBlue/global/media/videocontrols.css
+++ b/EarlyBlue/global/media/videocontrols.css
@@ -251,36 +251,36 @@ html|table {
 
 /* CSS Transitions */
 .clickToPlay {
-  -moz-transition-property: opacity, background-size;
-  -moz-transition-duration: 400ms, 400ms;
+  transition-property: opacity, background-size;
+  transition-duration: 400ms, 400ms;
 }
 .clickToPlay[fadeout] {
   background-size: auto, 192px 192px;
   opacity: 0;
 }
 .clickToPlay[fadeout][immediate] {
-  -moz-transition-property: opacity, background-size;
-  -moz-transition-duration: 0s, 0s;
+  transition-property: opacity, background-size;
+  transition-duration: 0s, 0s;
 }
 .controlBar:not([immediate]) {
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 200ms;
+  transition-property: opacity;
+  transition-duration: 200ms;
 }
 .controlBar[fadeout] {
   opacity: 0;
 }
 .volumeStack:not([immediate]) {
-  -moz-transition-property: opacity, margin-top;
-  -moz-transition-duration: 200ms, 200ms;
+  transition-property: opacity, margin-top;
+  transition-duration: 200ms, 200ms;
 }
 .volumeStack[fadeout] {
   opacity: 0;
   margin-top: 0;
 }
 .statusOverlay:not([immediate]) {
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 300ms;
-  -moz-transition-delay: 750ms;
+  transition-property: opacity;
+  transition-duration: 300ms;
+  transition-delay: 750ms;
 }
 .statusOverlay[fadeout] {
   opacity: 0;
diff --git a/EarlyBlue/global/popup.css b/EarlyBlue/global/popup.css
index 4ca198f7..74f3cc77 100644
--- a/EarlyBlue/global/popup.css
+++ b/EarlyBlue/global/popup.css
@@ -17,7 +17,33 @@ panel {
 panel[type="arrow"] {
   background: transparent;
   border: none;
-  -moz-transition: opacity 300ms;
+  transition: opacity 300ms;
+}
+
+.panel-arrowcontainer[panelopen] {
+  transition-duration: 200ms, 150ms;
+  transition-property: opacity, transform;
+  transition-timing-function: ease-out;
+}
+
+.panel-arrowcontainer:not([panelopen]) {
+  opacity: 0;
+}
+
+.panel-arrowcontainer:not([panelopen])[side="top"] {
+  transform: translateY(-20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="bottom"] {
+  transform: translateY(20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="left"] {
+  transform: translateX(-20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="right"] {
+  transform: translateX(20px);
 }
 
 panel[type="arrow"][side="top"],
@@ -53,7 +79,7 @@ panel[type="arrow"][side="right"] {
 }
 
 .panel-arrow[side="bottom"] {
-  -moz-transform: scaleY(-1);
+  transform: scaleY(-1);
   margin-top: -5px;
 }
 
@@ -70,7 +96,7 @@ panel[type="arrow"][side="right"] {
 }
 
 .panel-arrow[side="right"] {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
   margin-left: -5px;
 }
 
diff --git a/EarlyBlue/global/resizer.css b/EarlyBlue/global/resizer.css
index 0ae34ef7..cc0c6f4e 100644
--- a/EarlyBlue/global/resizer.css
+++ b/EarlyBlue/global/resizer.css
@@ -10,13 +10,13 @@ resizer {
 
 resizer[rtl="true"],
 resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 resizer[dir="left"],
 resizer[dir="bottomleft"],
 resizer[dir="bottomstart"] {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 resizer[dir="bottomleft"],
diff --git a/EarlyBlue/global/textbox.css b/EarlyBlue/global/textbox.css
index 9ba19f70..c24a8826 100644
--- a/EarlyBlue/global/textbox.css
+++ b/EarlyBlue/global/textbox.css
@@ -87,7 +87,7 @@ textbox.plain {
 }
 
 .textbox-search-icon:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .textbox-search-icon[searchbutton]:not([disabled]) {
diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css
index c852e463..bc6828a4 100644
--- a/EarlyBlue/mozapps/extensions/extensions.css
+++ b/EarlyBlue/mozapps/extensions/extensions.css
@@ -185,14 +185,14 @@
   border-bottom: 0;
   height: 0;
   opacity: 0;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 1s, 0.8s;
+  transition-property: height, opacity;
+  transition-duration: 1s, 0.8s;
 }
 
 .category:not([disabled]) {
   height: 52px;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 1s, 0.8s;
+  transition-property: height, opacity;
+  transition-duration: 1s, 0.8s;
 }
 
 .category[selected] {
@@ -530,14 +530,14 @@
   height: 0;
   overflow: hidden;
   opacity: 0;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 0.5s, 0.5s;
+  transition-property: height, opacity;
+  transition-duration: 0.5s, 0.5s;
 }
 
 .addon[show-relnotes] .relnotes-container {
   opacity: 1;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 0.5s, 0.5s;
+  transition-property: height, opacity;
+  transition-duration: 0.5s, 0.5s;
 }
 
 .addon .relnotes-header {
@@ -686,8 +686,8 @@
 
 #detail-view[loading-extended] .loading {
   opacity: 1;
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 1s;
+  transition-property: opacity;
+  transition-duration: 1s;
 }
 
 .detail-view-container {
diff --git a/EarlyBlue/mozapps/plugins/pluginProblem.css b/EarlyBlue/mozapps/plugins/pluginProblem.css
index 7067e399..cd599627 100644
--- a/EarlyBlue/mozapps/plugins/pluginProblem.css
+++ b/EarlyBlue/mozapps/plugins/pluginProblem.css
@@ -30,7 +30,9 @@ html|a {
 :-moz-type-unsupported .icon[status="ready"] {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
 }
-:-moz-handler-clicktoplay .icon {
+:-moz-handler-clicktoplay .icon,
+:-moz-handler-vulnerable-updatable .icon,
+:-moz-handler-vulnerable-no-update .icon {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png");
 }
 :-moz-handler-disabled .icon {
@@ -54,8 +56,9 @@ html|a {
   cursor: default;
 }
 
-:-moz-handler-clicktoplay,
-.msgClickToPlay {
+:-moz-handler-clicktoplay .msgClickToPlay,
+:-moz-handler-vulnerable-updatable .msgClickToPlay,
+:-moz-handler-vulnerable-no-update .msgClickToPlay {
   cursor: pointer;
 }
 
diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 5be039e4..f5d3a7cb 100644
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -643,7 +643,7 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
 #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
 #forward-button:-moz-locale-dir(rtl),
 #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 #nav-bar #back-button {
@@ -776,7 +776,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
     #unified-back-forward-button:not([switchingtabs]) > #forward-button {
-  -moz-transition: opacity 150ms ease-out;
+  transition: opacity 150ms ease-out;
 }
 
 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
@@ -1168,7 +1168,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
     #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar {
-  -moz-transition: margin-left 150ms ease-out;
+  transition: margin-left 150ms ease-out;
 }
 
 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
@@ -1195,7 +1195,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
     #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
   /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
-  -moz-transition-delay: 100s;
+  transition-delay: 100s;
 }
 
 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
@@ -1212,7 +1212,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
     #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
   /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
@@ -1313,21 +1313,21 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
     #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
   padding-left: 2px;
-  -moz-transition: padding-left;
+  transition: padding-left;
 }
 
 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
     #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
   padding-right: 2px;
-  -moz-transition: padding-right;
+  transition: padding-right;
 }
 
 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
     #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box {
   /* forward button hiding is delayed when hovered */
-  -moz-transition-delay: 100s;
+  transition-delay: 100s;
 }
 
 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
@@ -1563,7 +1563,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
 
 #go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
 #urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 #urlbar-go-button:hover,
@@ -1824,7 +1824,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
 }
 
 .tab-close-button:-moz-system-metric(touch-enabled) {
-  -moz-transform: scale(1.2);
+  transform: scale(1.2);
 }
 
 .tab-close-button:hover,
@@ -1965,7 +1965,7 @@ toolbarbutton.chevron:hover {
 
 toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
 toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 toolbarbutton.chevron > .toolbarbutton-text,
@@ -2180,7 +2180,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 
 #notification-popup-box:-moz-locale-dir(rtl),
 .notification-anchor-icon:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .notification-anchor-icon {
@@ -2629,7 +2629,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
   width: 14px;
   height: 14px;
   -moz-margin-start: -moz-calc(50% - 7px);
-  -moz-transform: rotate(-45deg);
+  transform: rotate(-45deg);
   border: 1px solid transparent;
   background-clip: padding-box;
   background-repeat: no-repeat;
@@ -2746,7 +2746,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 
 #inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
 #inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
-/*  -moz-transform: scaleX(-1); */
+/*  transform: scaleX(-1); */
 }
 
 .inspector-breadcrumbs-button {
@@ -3069,7 +3069,7 @@ stack[anonid=browserStack][responsivemode] {
   width: 7px;
   height: 24px;
   cursor: ew-resize;
-  -moz-transform: translate(12px, -12px);
+  transform: translate(12px, -12px);
   background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
 }
 
@@ -3077,7 +3077,7 @@ stack[anonid=browserStack][responsivemode] {
   width: 16px;
   height: 16px;
   cursor: se-resize;
-  -moz-transform: translate(12px, 12px);
+  transform: translate(12px, 12px);
   background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
 }
 
diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css
index 6cdbe48f..93838fe4 100644
--- a/LCARStrek/browser/devtools/common.css
+++ b/LCARStrek/browser/devtools/common.css
@@ -68,9 +68,9 @@ devtools-menulist:-moz-focusring,
   padding-bottom: 0;
   -moz-padding-start: 18px;
   -moz-padding-end: 12px;
-  -moz-transition-property: background-color, border-color, box-shadow;
-  -moz-transition-duration: 150ms;
-  -moz-transition-timing-function: ease;
+  transition-property: background-color, border-color, box-shadow;
+  transition-duration: 150ms;
+  transition-timing-function: ease;
   color: inherit;
 }
 
diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css
index 6126a546..9aab7f0f 100644
--- a/LCARStrek/browser/devtools/debugger.css
+++ b/LCARStrek/browser/devtools/debugger.css
@@ -111,17 +111,17 @@ window {
   -moz-margin-end: 1px;
   margin-top: 2px;
   border-bottom: 1px dotted #008484;
-  -moz-transition: background 1s ease-in-out;
+  transition: background 1s ease-in-out;
   background: #000000;
 }
 
 .variable[changed] {
-  -moz-transition-duration: 0.4s;
+  transition-duration: 0.4s;
   background: #FFCF00;
 }
 
 .variable[added] {
-  -moz-transition-duration: 0.4s;
+  transition-duration: 0.4s;
   background: #008484;
 }
 
@@ -247,14 +247,14 @@ window {
 @-moz-keyframes showblock {
   from {
     opacity: 0;
-    -moz-transform-origin: top;
-    -moz-transform: scaleY(0);
+    transform-origin: top;
+    transform: scaleY(0);
   }
 
   to {
     opacity: 1;
-    -moz-transform-origin: top;
-    -moz-transform: scaleY(1);
+    transform-origin: top;
+    transform: scaleY(1);
   }
 }
 
diff --git a/LCARStrek/browser/devtools/splitview.css b/LCARStrek/browser/devtools/splitview.css
index c6e38582..fc6f2eee 100644
--- a/LCARStrek/browser/devtools/splitview.css
+++ b/LCARStrek/browser/devtools/splitview.css
@@ -103,11 +103,11 @@
   border-style: solid;
   border-color: #9C9CFF;*/
   margin: 5px 0;
-  -moz-transform: translateX(-22px); /* account for startcap as well */
+  transform: translateX(-22px); /* account for startcap as well */
 }
 
 .splitview-landscape-resizer:-moz-locale-dir(rtl) {
-  -moz-transform: translateX(22px);
+  transform: translateX(22px);
 }
 
 .splitview-portrait-resizer {
diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css
index c9303d60..4594e310 100644
--- a/LCARStrek/browser/devtools/webconsole.css
+++ b/LCARStrek/browser/devtools/webconsole.css
@@ -11,7 +11,7 @@ window {
 }
 
 .hud-box.animated {
-  -moz-transition: height 100ms;
+  transition: height 100ms;
 }
 
 .hud-outer-wrapper {
diff --git a/LCARStrek/browser/downloads/downloads.css b/LCARStrek/browser/downloads/downloads.css
index e91d6f23..cc6468a0 100644
--- a/LCARStrek/browser/downloads/downloads.css
+++ b/LCARStrek/browser/downloads/downloads.css
@@ -203,15 +203,15 @@ richlistitem[type="download"][state="1"] > .downloadInfo:hover {
 }
 
 @-moz-keyframes downloadsIndicatorNotificationRight {
-  from { opacity: 0; -moz-transform: translate(-128px, 128px) scale(8); }
+  from { opacity: 0; transform: translate(-128px, 128px) scale(8); }
   20%  { opacity: .85; -moz-animation-timing-function: ease-out; }
-  to   { opacity: 0; -moz-transform: translate(0) scale(1); }
+  to   { opacity: 0; transform: translate(0) scale(1); }
 }
 
 @-moz-keyframes downloadsIndicatorNotificationLeft {
-  from { opacity: 0; -moz-transform: translate(128px, 128px) scale(8); }
+  from { opacity: 0; transform: translate(128px, 128px) scale(8); }
   20%  { opacity: .85; -moz-animation-timing-function: ease-out; }
-  to   { opacity: 0; -moz-transform: translate(0) scale(1); }
+  to   { opacity: 0; transform: translate(0) scale(1); }
 }
 
 #downloads-indicator[notification] > #downloads-indicator-anchor > #downloads-indicator-notification {
diff --git a/LCARStrek/browser/newtab/newTab.css b/LCARStrek/browser/newtab/newTab.css
index 30de146b..8601a36c 100644
--- a/LCARStrek/browser/newtab/newTab.css
+++ b/LCARStrek/browser/newtab/newTab.css
@@ -38,7 +38,7 @@
   border: 1px solid;
   border-color: #9C9CFF;
   border-radius: 1px;
-  -moz-transition: border-color 100ms ease-out;
+  transition: border-color 100ms ease-out;
 }
 
 .newtab-cell:empty {
@@ -56,7 +56,7 @@
 /* SITES */
 .newtab-site {
   text-decoration: none;
-  -moz-transition-property: top, left, opacity, box-shadow, background-color;
+  transition-property: top, left, opacity, box-shadow, background-color;
 }
 
 .newtab-site:hover,
@@ -65,7 +65,7 @@
 }
 
 .newtab-site[dragged] {
-  -moz-transition-property: box-shadow, background-color;
+  transition-property: box-shadow, background-color;
   background-color: #002121;
 }
 
diff --git a/LCARStrek/browser/searchbar.css b/LCARStrek/browser/searchbar.css
index 831f3472..b09c72f4 100644
--- a/LCARStrek/browser/searchbar.css
+++ b/LCARStrek/browser/searchbar.css
@@ -66,7 +66,7 @@
 }
 
 .search-go-button:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .search-go-button:hover {
diff --git a/LCARStrek/browser/tabview/tabview.css b/LCARStrek/browser/tabview/tabview.css
index ae43188d..607f954d 100644
--- a/LCARStrek/browser/tabview/tabview.css
+++ b/LCARStrek/browser/tabview/tabview.css
@@ -91,23 +91,23 @@ html[dir=rtl] .close {
   width: 16px;
   height: 16px;
   background: url("chrome://global/skin/icons/resizer.png") no-repeat;
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 0.5s;
-  -moz-transition-timing-function: ease-out;
+  transition-property: opacity;
+  transition-duration: 0.5s;
+  transition-timing-function: ease-out;
   opacity: 0.2;
 }
 
 html[dir=rtl] .expander {
   right: auto;
   left: 6px;
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .expander:hover,
 .appTabIcon:hover {
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 0.5s;
-  -moz-transition-timing-function: ease-out;
+  transition-property: opacity;
+  transition-duration: 0.5s;
+  transition-timing-function: ease-out;
   opacity: 1.0;
 }
 
@@ -440,7 +440,7 @@ html[dir=rtl] .title-shield {
 html[dir=rtl] .resizer {
   right: auto;
   left: 0;
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .iq-resizable-handle {
diff --git a/LCARStrek/communicator/search/searchbar.css b/LCARStrek/communicator/search/searchbar.css
index e05e129f..ba3f727f 100644
--- a/LCARStrek/communicator/search/searchbar.css
+++ b/LCARStrek/communicator/search/searchbar.css
@@ -47,7 +47,7 @@
 }
 
 .search-go-button:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .search-go-button:hover {
diff --git a/LCARStrek/global/TopLevelImageDocument.css b/LCARStrek/global/TopLevelImageDocument.css
index f017e130..f19e43d4 100644
--- a/LCARStrek/global/TopLevelImageDocument.css
+++ b/LCARStrek/global/TopLevelImageDocument.css
@@ -7,7 +7,7 @@
     background-color: #221500;
   }
 
-  img {
+  .decoded {
     background-color: #FFFFFF;
     color: #221500;
   }
diff --git a/LCARStrek/global/alerts/alert.css b/LCARStrek/global/alerts/alert.css
index 2629ba35..13b8d674 100644
--- a/LCARStrek/global/alerts/alert.css
+++ b/LCARStrek/global/alerts/alert.css
@@ -32,6 +32,11 @@
   font-weight: bold;
 }
 
+#alertImage {
+  max-width: 48px;
+  max-height: 48px;
+}
+
 .alertText {
   -moz-margin-end: 6px;
 }
diff --git a/LCARStrek/global/autocomplete.css b/LCARStrek/global/autocomplete.css
index 4d44a49c..ee86e331 100644
--- a/LCARStrek/global/autocomplete.css
+++ b/LCARStrek/global/autocomplete.css
@@ -122,15 +122,15 @@ panel[type="autocomplete-richlistbox"],
   overflow-x: hidden !important;
 }
 
+.autocomplete-richlistitem {
+  padding: 1px 2px;
+}
+
 .autocomplete-richlistitem[selected="true"] {
   background-color: #008484;
   color: #000000;
 }
 
-.autocomplete-richlistitem {
-  padding: 1px 2px;
-}
-
 .autocomplete-richlistitem:not(:first-child) {
   border-top: 1px solid #E7ADE7;
 }
@@ -178,10 +178,6 @@ html|span.ac-emphasize-text {
   text-decoration: underline;
 }
 
-html|span.ac-emphasize-alt {
-  text-decoration: underline;
-}
-
 .ac-title, .ac-url {
   overflow: hidden;
 }
diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css
index 912093a1..52224119 100644
--- a/LCARStrek/global/media/videocontrols.css
+++ b/LCARStrek/global/media/videocontrols.css
@@ -288,36 +288,36 @@ html|table {
 
 /* CSS Transitions */
 .clickToPlay {
-  -moz-transition-property: opacity, background-size;
-  -moz-transition-duration: 400ms, 400ms;
+  transition-property: opacity, background-size;
+  transition-duration: 400ms, 400ms;
 }
 .clickToPlay[fadeout] {
   background-size: auto, 192px 192px;
   opacity: 0;
 }
 .clickToPlay[fadeout][immediate] {
-  -moz-transition-property: opacity, background-size;
-  -moz-transition-duration: 0s, 0s;
+  transition-property: opacity, background-size;
+  transition-duration: 0s, 0s;
 }
 .controlBar:not([immediate]) {
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 200ms;
+  transition-property: opacity;
+  transition-duration: 200ms;
 }
 .controlBar[fadeout] {
   opacity: 0;
 }
 .volumeStack:not([immediate]) {
-  -moz-transition-property: opacity, margin-top;
-  -moz-transition-duration: 200ms, 200ms;
+  transition-property: opacity, margin-top;
+  transition-duration: 200ms, 200ms;
 }
 .volumeStack[fadeout] {
   opacity: 0;
   margin-top: 0;
 }
 .statusOverlay:not([immediate]) {
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 300ms;
-  -moz-transition-delay: 750ms;
+  transition-property: opacity;
+  transition-duration: 300ms;
+  transition-delay: 750ms;
 }
 .statusOverlay[fadeout] {
   opacity: 0;
diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css
index 577e6e32..984f3da0 100644
--- a/LCARStrek/global/popup.css
+++ b/LCARStrek/global/popup.css
@@ -21,7 +21,33 @@ panel {
 panel[type="arrow"] {
   background: transparent;
   border: none;
-  -moz-transition: opacity 300ms;
+  transition: opacity 300ms;
+}
+
+.panel-arrowcontainer[panelopen] {
+  transition-duration: 200ms, 150ms;
+  transition-property: opacity, transform;
+  transition-timing-function: ease-out;
+}
+
+.panel-arrowcontainer:not([panelopen]) {
+  opacity: 0;
+}
+
+.panel-arrowcontainer:not([panelopen])[side="top"] {
+  transform: translateY(-20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="bottom"] {
+  transform: translateY(20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="left"] {
+  transform: translateX(-20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="right"] {
+  transform: translateX(20px);
 }
 
 panel[type="arrow"][side="top"],
@@ -58,7 +84,7 @@ panel[type="arrow"][side="right"] {
 }
 
 .panel-arrow[side="bottom"] {
-  -moz-transform: scaleY(-1);
+  transform: scaleY(-1);
   margin-top: -5px;
 }
 
@@ -75,7 +101,7 @@ panel[type="arrow"][side="right"] {
 }
 
 .panel-arrow[side="right"] {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
   margin-left: -5px;
 }
 
diff --git a/LCARStrek/global/resizer.css b/LCARStrek/global/resizer.css
index 6939e114..ac06b47f 100644
--- a/LCARStrek/global/resizer.css
+++ b/LCARStrek/global/resizer.css
@@ -9,13 +9,13 @@ resizer {
 
 resizer[rtl="true"],
 resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 resizer[dir="left"],
 resizer[dir="bottomleft"],
 resizer[dir="bottomstart"] {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 resizer[dir="bottomleft"],
diff --git a/LCARStrek/global/textbox.css b/LCARStrek/global/textbox.css
index 8b99810e..54482124 100644
--- a/LCARStrek/global/textbox.css
+++ b/LCARStrek/global/textbox.css
@@ -91,7 +91,7 @@ textbox.plain {
 }
 
 .textbox-search-icon:-moz-locale-dir(rtl) {
-  -moz-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 .textbox-search-icon[searchbutton]:not([disabled]) {
diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css
index 276cb90a..d8e7f5fb 100644
--- a/LCARStrek/mozapps/extensions/extensions.css
+++ b/LCARStrek/mozapps/extensions/extensions.css
@@ -197,14 +197,14 @@
   border-bottom: 0;
   height: 0;
   opacity: 0;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 1s, 0.8s;
+  transition-property: height, opacity;
+  transition-duration: 1s, 0.8s;
 }
 
 .category:not([disabled]) {
   height: 52px;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 1s, 0.8s;
+  transition-property: height, opacity;
+  transition-duration: 1s, 0.8s;
 }
 
 .category[selected] {
@@ -563,14 +563,14 @@
   height: 0;
   overflow: hidden;
   opacity: 0;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 0.5s, 0.5s;
+  transition-property: height, opacity;
+  transition-duration: 0.5s, 0.5s;
 }
 
 .addon[show-relnotes] .relnotes-container {
   opacity: 1;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 0.5s, 0.5s;
+  transition-property: height, opacity;
+  transition-duration: 0.5s, 0.5s;
 }
 
 .addon .relnotes-header {
@@ -734,8 +734,8 @@
 
 #detail-view[loading-extended] .loading {
   opacity: 1;
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 1s;
+  transition-property: opacity;
+  transition-duration: 1s;
 }
 
 .detail-view-container {
diff --git a/LCARStrek/mozapps/plugins/pluginProblem.css b/LCARStrek/mozapps/plugins/pluginProblem.css
index e7ce487e..a2d3a112 100644
--- a/LCARStrek/mozapps/plugins/pluginProblem.css
+++ b/LCARStrek/mozapps/plugins/pluginProblem.css
@@ -30,7 +30,9 @@ html|a {
 :-moz-type-unsupported .icon[status="ready"] {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
 }
-:-moz-handler-clicktoplay .icon {
+:-moz-handler-clicktoplay .icon,
+:-moz-handler-vulnerable-updatable .icon,
+:-moz-handler-vulnerable-no-update .icon {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png");
 }
 :-moz-handler-disabled .icon {
@@ -54,8 +56,9 @@ html|a {
   cursor: default;
 }
 
-:-moz-handler-clicktoplay,
-.msgClickToPlay {
+:-moz-handler-clicktoplay .msgClickToPlay,
+:-moz-handler-vulnerable-updatable .msgClickToPlay,
+:-moz-handler-vulnerable-no-update .msgClickToPlay {
   cursor: pointer;
 }