Bug 837399 Part 2: Modern theme support r=Ratty
authorNeil Rashbrook <neil@parkwaycc.co.uk>
Tue, 12 Feb 2013 19:22:22 +0000
changeset 14853 918a7b8058ee7b88cd8a40e60131468199bedfcd
parent 14852 8a31b4fc6ce47f4e51f30e676a46e0cd0c6ede3d
child 14854 d2957730cfd141c975892223573c69dbc8e8f874
push id867
push userbugzilla@standard8.plus.com
push dateMon, 01 Apr 2013 20:44:27 +0000
treeherdercomm-beta@797726b8d244 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersRatty
bugs837399
Bug 837399 Part 2: Modern theme support r=Ratty
suite/themes/modern/mozapps/plugins/pluginProblem.css
--- a/suite/themes/modern/mozapps/plugins/pluginProblem.css
+++ b/suite/themes/modern/mozapps/plugins/pluginProblem.css
@@ -1,79 +1,95 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+@namespace html url("http://www.w3.org/1999/xhtml");
+
 /*
  * This file's style only applies to broken objects, not the rest
  * of the page.
  */
 
-@namespace html url("http://www.w3.org/1999/xhtml");
-
 .mainBox {
+  font: message-box;
+  font-size: 12px;
   text-align: center;
   background-image: repeating-linear-gradient(-45deg,
                                               rgba(65, 65, 65, 0.8),
                                               rgba(65, 65, 65, 0.8) 20px,
                                               rgba(69, 69, 69, 0.8) 20px,
                                               rgba(69, 69, 69, 0.8) 40px);
   color: white;
+  text-shadow: 0 0 3.5px rgba(0, 0, 0, 0.8);
   border-radius: 12px;
   /* recessed effect with dark inner shadow and lightened bottom */
   box-shadow: inset 0 1px 3.5px rgba(0,0,0,0.8),
               0 1px 0 rgba(255,255,255,0.2);
+  -moz-user-select: none;
+  position: relative;
+}
+
+.hoverBox {
   padding: 5px;
-  -moz-user-select: none;
 }
 
 html|a {
   color: #FFFFFF;
 }
 
 .icon {
-  min-width: 48px;
-  min-height: 48px;
+  display: inline-block;
+  width: 48px;
+  height: 48px;
   background-position: center;
   background-repeat: no-repeat;
+  border-style: none;
+  background-color: transparent;
 }
-:-moz-type-unsupported .icon {
+
+:-moz-type-unsupported .icon,
+:-moz-type-unsupported-platform .icon {
   background-image: url(chrome://mozapps/skin/plugins/contentPluginMissing.png);
 }
+
 :-moz-type-unsupported .icon[status="ready"] {
   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/contentPluginClickToPlay.png);
 }
+
 :-moz-handler-disabled .icon {
   background-image: url(chrome://mozapps/skin/plugins/contentPluginDisabled.png);
 }
+
 :-moz-handler-blocked .icon {
   background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.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://communicator/skin/icons/loading.gif") no-repeat;
   margin-left: 5px;
 }
 
 .msg {
-  font: message-box;
-  font-size: 12px;
   cursor: default;
-  text-shadow: rgba(0,0,0,0.8) 0 0 3.5px;
+  width: 100%;
 }
 
+:-moz-handler-clicktoplay .mainBox,
 :-moz-handler-clicktoplay .msgClickToPlay,
 :-moz-handler-vulnerable-updatable .msgClickToPlay,
 :-moz-handler-vulnerable-no-update .msgClickToPlay {
   cursor: pointer;
 }
 
 :-moz-handler-clicktoplay .msgTapToPlay {
   display: none;
@@ -90,8 +106,40 @@ html|a {
 
 .helpIcon {
   float: left;
   display: inline-block;
   min-width: 16px;
   min-height: 16px;
   background: url(chrome://mozapps/skin/plugins/pluginHelp-16.png) no-repeat;
 }
+
+.closeIcon {
+  display: block;
+  position: absolute;
+  width: 15px;
+  height: 16px;
+  top: 4px;
+  right: 4px;
+  border-style: none;
+  background-color: transparent;
+  background-image: url(chrome://global/skin/icons/close.gif);
+  background-repeat: no-repeat;
+}
+
+.closeIcon:-moz-locale-dir(rtl) {
+  right: auto;
+  left: 4px;
+}
+
+.closeIcon:focus,
+.closeIcon:hover {
+  background-image: url(chrome://global/skin/icons/close-hov.gif);
+}
+
+.closeIcon:active {
+  background-image: url(chrome://global/skin/icons/close-act.gif);
+}
+
+.closeIcon::-moz-focus-inner {
+  padding: 0px;
+  border: 0px none;
+}