/* 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;
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%;
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;
}
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 {
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 {
.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;