sync both themes with toolkit windows theme changes in Mozilla 32 cycle

[themes.git] / LCARStrek / mozapps / plugins / pluginProblem.css

diff --git a/LCARStrek/mozapps/plugins/pluginProblem.css b/LCARStrek/mozapps/plugins/pluginProblem.css
index 32e67ae537f42969eca8aee0967035df1da41b76..32baf8cdeb577219f0c58b4a5b22e79bce74434c 100644 (file)
--- a/LCARStrek/mozapps/plugins/pluginProblem.css
+++ b/LCARStrek/mozapps/plugins/pluginProblem.css
@@ -6,6 +6,7 @@
 
 /* These styles affect only the bound element, not other page content. */
 
+/* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */
 .mainBox {
   text-align: center;
   display: table;
@@ -14,12 +15,11 @@
   background-color: #000000;
   color: #FFCF00;
   -moz-user-select: none;
-  position: relative;
 }
 
 .hoverBox {
   display: table-cell;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   padding: 5px;
   vertical-align: middle;
   width: 100%;
@@ -31,6 +31,15 @@
   background-color: #404000;
 }
 
+:-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
+:-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
+:-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay,
+:-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
+:-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay,
+:-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
+  color: #FF0000;
+}
+
 :-moz-handler-vulnerable-updatable .hoverBox,
 :-moz-handler-vulnerable-no-update .hoverBox,
 :-moz-handler-blocked .hoverBox,
@@ -85,6 +94,11 @@ html|a {
   margin-left: 5px;
 }
 
+.msgTapToPlay,
+.msgClickToPlay {
+  text-decoration: underline;
+}
+
 @media not all and (-moz-touch-enabled) {
   :-moz-handler-clicktoplay .msgTapToPlay {
     display: none;
@@ -153,22 +167,17 @@ html|a {
 
 .closeIcon {
   display: block;
-  position: absolute;
   width: 16px;
   height: 16px;
-  top: 4px;
-  right: 4px;
+  margin-top: 4px;
+  -moz-margin-start: -20px;
+  -moz-margin-end: 4px;
   border: none;
   background-color: transparent;
   background-image: url("mozapps/skin/plugins/contentPluginClose.png");
   background-repeat: no-repeat;
 }
 
-.mainBox[chromedir="rtl"] .closeIcon(rtl) {
-  right: auto;
-  left: 4px;
-}
-
 .closeIcon:hover,
 .closeIcon:hover:active {
   background-position: -16px 0;