X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fmozapps%2Fplugins%2FpluginProblem.css;h=6da97f9681fb175b94ce7996e9fbceb50d2e2b8e;hb=HEAD;hp=126b538875abe7c9309be27100c56ad02c7d84a0;hpb=58bfce8aac5e5a9a622610d393f1200d70003ec8;p=themes.git

diff --git a/LCARStrek/mozapps/plugins/pluginProblem.css b/LCARStrek/mozapps/plugins/pluginProblem.css
index 126b5388..6da97f96 100644
--- 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,11 +31,8 @@
   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;
 }
@@ -61,13 +58,6 @@ html|a {
   margin-bottom: 6px;
 }
 
-:-moz-type-unsupported .icon,
-:-moz-type-unsupported-platform .icon {
-  background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
-}
-:-moz-type-unsupported .icon[installable] {
-  background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
-}
 :-moz-handler-clicktoplay .icon,
 :-moz-handler-vulnerable-updatable .icon,
 :-moz-handler-vulnerable-no-update .icon {
@@ -81,34 +71,24 @@ html|a {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginActivate.png");
   -moz-user-focus: normal;
 }
-:-moz-handler-disabled .icon {
-  background-image: url("chrome://mozapps/skin/plugins/contentPluginDisabled.png");
-}
 :-moz-handler-crashed .icon {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
 }
 
 .throbber {
   padding-left: 16px; /* width of the background image */
-  background: url("chrome://global/skin/icons/loading.gif") no-repeat;
+  background: url("chrome://global/skin/icons/loading.png") no-repeat;
   margin-left: 5px;
 }
 
-.msgTapToPlay,
 .msgClickToPlay {
   text-decoration: underline;
 }
 
-@media not all and (-moz-touch-enabled) {
-  :-moz-handler-clicktoplay .msgTapToPlay {
-    display: none;
-  }
-}
-
-@media (-moz-touch-enabled) {
-  :-moz-handler-clicktoplay .msgClickToPlay {
-    display: none;
-  }
+/* on desktop, don't ever show the tap-to-play UI: that is for mobile only */
+:-moz-handler-clicktoplay .msgTapToPlay,
+a .msgTapToPlay  {
+  display: none;
 }
 
 .submitStatus div {
@@ -167,22 +147,17 @@ html|a {
 
 .closeIcon {
   display: block;
-  position: absolute;
   width: 16px;
   height: 16px;
-  top: 4px;
-  right: 4px;
+  margin-top: 4px;
+  margin-inline-start: -20px;
+  margin-inline-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;