sync both themes with toolkit winstripe changes in Mozilla 14
[themes.git] / EarlyBlue / mozapps / plugins / pluginProblem.css
1 @namespace html url(http://www.w3.org/1999/xhtml);
2
3 /* These styles affect only the bound element, not other page content. */
4
5 .mainBox {
6   text-align: center;
7   background-color: #CCD0DD;
8   color: #000000;
9   border-radius: 12px;
10   /* recessed effect with 'disabled' shadow */
11   box-shadow: inset 0 1px 5px #808080;
12   padding: 5px;
13   -moz-user-select: none;
14 }
15
16 html|a {
17   color: #000000;
18 }
19
20 .icon {
21   min-width: 48px;
22   min-height: 48px;
23   background-position: center;
24   background-repeat: no-repeat;
25 }
26 :-moz-type-unsupported .icon {
27   background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
28 }
29 :-moz-type-unsupported .icon[status="ready"] {
30   background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
31 }
32 :-moz-handler-clicktoplay .icon {
33   background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png");
34 }
35 :-moz-handler-disabled .icon {
36   background-image: url("chrome://mozapps/skin/plugins/contentPluginDisabled.png");
37 }
38 :-moz-handler-blocked .icon {
39   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
40 }
41 :-moz-handler-crashed .icon {
42   background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
43 }
44
45 .throbber {
46   padding-left: 16px; /* width of the background image */
47   background: url("chrome://global/skin/icons/loading.gif") no-repeat;
48   margin-left: 5px;
49 }
50
51 .msg {
52   font-size: 12px;
53   cursor: default;
54 }
55
56 :-moz-handler-clicktoplay,
57 .msgClickToPlay {
58   cursor: pointer;
59 }
60
61 @media not all and (-moz-touch-enabled) {
62   :-moz-handler-clicktoplay .msgTapToPlay {
63     display: none;
64   }
65 }
66
67 @media (-moz-touch-enabled) {
68   :-moz-handler-clicktoplay .msgClickToPlay {
69     display: none;
70   }
71 }
72
73 .submitStatus div {
74   min-height: 19px; /* height of biggest line (with throbber) */
75 }
76
77 .msgBottomLinks {
78   padding-left: 2px;
79   padding-right: 2px;
80 }
81
82 .helpIcon {
83   float: left;
84   display: inline-block;
85   min-width: 16px;
86   min-height: 16px;
87   background: url("chrome://mozapps/skin/plugins/pluginHelp-16.png") no-repeat;
88 }