- text-align: center;
- background-color: #CCD0DD;
- color: #000000;
- border-radius: 12px;
- /* recessed effect with 'disabled' shadow */
- box-shadow: inset 0 1px 5px #808080;
- padding: 5px;
- -moz-user-select: none;
+ text-align: center;
+ display: table;
+ width: 100%;
+ height: 100%;
+ background-color: #CCD0DD;
+ color: #000000;
+ -moz-user-select: none;
+}
+
+.hoverBox {
+ display: table-cell;
+ 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 .msgClickToPlay,
+:-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
+:-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,
+:-moz-handler-crashed .hoverBox {