072126b0043aa14ab8c43d652c7212dab48c0fa7
[themes.git] / EarlyBlue / mozapps / plugins / pluginProblem.css
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2  * License, v. 2.0. If a copy of the MPL was not distributed with this
3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5 @namespace html url(http://www.w3.org/1999/xhtml);
6
7 /* These styles affect only the bound element, not other page content. */
8
9 .mainBox {
10   text-align: center;
11   display: table;
12   width: 100%;
13   height: 100%;
14   background-color: #CCD0DD;
15   color: #000000;
16   -moz-user-select: none;
17   position: relative;
18 }
19
20 .hoverBox {
21   display: table-cell;
22   -moz-box-sizing: border-box;
23   padding: 5px;
24   vertical-align: middle;
25   width: 100%;
26   height: 100%;
27 }
28
29 :-moz-handler-vulnerable-updatable .hoverBox:active,
30 :-moz-handler-vulnerable-no-update .hoverBox:active,
31 :-moz-handler-clicktoplay .hoverBox:active {
32   background-color: #CCCCCC;
33 }
34
35 :-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
36 :-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
37 :-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay,
38 :-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
39 :-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay,
40 :-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
41   color: red;
42 }
43
44 :-moz-handler-vulnerable-updatable .hoverBox,
45 :-moz-handler-vulnerable-no-update .hoverBox,
46 :-moz-handler-blocked .hoverBox,
47 :-moz-handler-crashed .hoverBox {
48 }
49
50 html|a {
51   color: #000000;
52 }
53
54 .icon {
55   width: 48px;
56   height: 48px;
57   background-position: center;
58   background-repeat: no-repeat;
59   border: none;
60   background-color: transparent;
61   -moz-user-focus: ignore;
62   margin-bottom: 6px;
63 }
64
65 :-moz-type-unsupported .icon,
66 :-moz-type-unsupported-platform .icon {
67   background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
68 }
69 :-moz-type-unsupported .icon[installable] {
70   background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
71 }
72 :-moz-handler-vulnerable-updatable .icon,
73 :-moz-handler-vulnerable-no-update .icon {
74   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
75   -moz-user-focus: normal;
76 }
77 :-moz-handler-blocked .icon {
78   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
79 }
80 :-moz-handler-clicktoplay .icon {
81   background-image: url("chrome://mozapps/skin/plugins/contentPluginActivate.png");
82   -moz-user-focus: normal;
83 }
84 :-moz-handler-disabled .icon {
85   background-image: url("chrome://mozapps/skin/plugins/contentPluginDisabled.png");
86 }
87 :-moz-handler-crashed .icon {
88   background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
89 }
90
91 .throbber {
92   padding-left: 16px; /* width of the background image */
93   background: url("chrome://global/skin/icons/loading.gif") no-repeat;
94   margin-left: 5px;
95 }
96
97 .msgTapToPlay,
98 .msgClickToPlay {
99   text-decoration: underline;
100 }
101
102 @media not all and (-moz-touch-enabled) {
103   :-moz-handler-clicktoplay .msgTapToPlay {
104     display: none;
105   }
106 }
107
108 @media (-moz-touch-enabled) {
109   :-moz-handler-clicktoplay .msgClickToPlay {
110     display: none;
111   }
112 }
113
114 .submitStatus div {
115   min-height: 19px; /* height of biggest line (with throbber) */
116 }
117
118 .submitComment {
119   width: 340px;
120   height: 70px;
121   padding: 5px;
122   border: none;
123   border-radius: 5px;
124   resize: none;
125   font-family: inherit;
126   font-size: inherit;
127 }
128
129 .submitURLOptInBox {
130   text-align: start;
131 }
132
133 .submitURLOptIn {
134   margin-left: -1px;
135 }
136
137 .mainBox[chromedir="rtl"] .submitURLOptIn {
138   margin-left: 0;
139   margin-right: -1px;
140 }
141
142 .submitButtonBox {
143   margin-top: 7px;
144 }
145
146 .submitButton {
147   float: right;
148 }
149
150 .mainBox[chromedir="rtl"] .submitButton {
151   float: left;
152 }
153
154 .helpIcon {
155   float: left;
156   display: inline-block;
157   min-width: 16px;
158   min-height: 16px;
159   background: url("chrome://mozapps/skin/plugins/pluginHelp-16.png") no-repeat;
160   cursor: pointer;
161   float: left;
162 }
163
164 .mainBox[chromedir="rtl"] .helpIcon {
165   float: right;
166 }
167
168 .closeIcon {
169   display: block;
170   position: absolute;
171   width: 16px;
172   height: 16px;
173   top: 4px;
174   right: 4px;
175   border: none;
176   background-color: transparent;
177   background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
178   background-repeat: no-repeat;
179 }
180
181 .mainBox[chromedir="rtl"] .closeIcon {
182   right: auto;
183   left: 4px;
184 }
185
186 .action-link {
187   display: inline-block;
188   border-radius: 10px;
189   background-color: #9999CC;
190   padding: 2px 8px;
191   margin-top: 7px;
192   text-decoration: none;
193 }
194 .action-link:active {
195   background-color: #666699;
196 }
197
198 :-moz-handler-vulnerable-updatable .action-link {
199   background-color: #CCCC60;
200 }
201 :-moz-handler-vulnerable-updatable .action-link:active {
202   background-color: #AAAA40;
203 }