/* 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: #CCD0DD;
color: #000000;
-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%;
height: 100%;
}
+
:-moz-handler-vulnerable-updatable .hoverBox:active,
:-moz-handler-vulnerable-no-update .hoverBox:active,
:-moz-handler-clicktoplay .hoverBox:active {
background-color: #CCCCCC;
}
+:-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: red;
+}
+
:-moz-handler-vulnerable-updatable .hoverBox,
:-moz-handler-vulnerable-no-update .hoverBox,
:-moz-handler-blocked .hoverBox,
margin-left: 5px;
}
+.msgTapToPlay,
+.msgClickToPlay {
+ text-decoration: underline;
+}
+
@media not all and (-moz-touch-enabled) {
:-moz-handler-clicktoplay .msgTapToPlay {
display: none;
.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("chrome://mozapps/skin/plugins/contentPluginClose.png");
background-repeat: no-repeat;
}
-.mainBox[chromedir="rtl"] .closeIcon {
- right: auto;
- left: 4px;
-}
-
.action-link {
display: inline-block;
border-radius: 10px;