improve devtools styles, support some new trunk changes
[themes.git] / LCARStrek / mozapps / plugins / pluginProblem.css
... / ...
CommitLineData
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/* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */
10.mainBox {
11 text-align: center;
12 display: table;
13 width: 100%;
14 height: 100%;
15 background-color: #000000;
16 color: #FFCF00;
17 -moz-user-select: none;
18 position: relative;
19}
20
21.hoverBox {
22 display: table-cell;
23 -moz-box-sizing: border-box;
24 padding: 5px;
25 vertical-align: middle;
26 width: 100%;
27 height: 100%;
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: #404000;
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: #FF0000;
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
50html|a {
51 color: #FFCF00;
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-clicktoplay .icon,
73:-moz-handler-vulnerable-updatable .icon,
74:-moz-handler-vulnerable-no-update .icon {
75 background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
76 -moz-user-focus: normal;
77}
78:-moz-handler-blocked .icon {
79 background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
80}
81:-moz-handler-clicktoplay .icon {
82 background-image: url("chrome://mozapps/skin/plugins/contentPluginActivate.png");
83 -moz-user-focus: normal;
84}
85:-moz-handler-disabled .icon {
86 background-image: url("chrome://mozapps/skin/plugins/contentPluginDisabled.png");
87}
88:-moz-handler-crashed .icon {
89 background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
90}
91
92.throbber {
93 padding-left: 16px; /* width of the background image */
94 background: url("chrome://global/skin/icons/loading.gif") no-repeat;
95 margin-left: 5px;
96}
97
98.msgTapToPlay,
99.msgClickToPlay {
100 text-decoration: underline;
101}
102
103@media not all and (-moz-touch-enabled) {
104 :-moz-handler-clicktoplay .msgTapToPlay {
105 display: none;
106 }
107}
108
109@media (-moz-touch-enabled) {
110 :-moz-handler-clicktoplay .msgClickToPlay {
111 display: none;
112 }
113}
114
115.submitStatus div {
116 min-height: 19px; /* height of biggest line (with throbber) */
117}
118
119.submitComment {
120 width: 340px;
121 height: 70px;
122 padding: 5px;
123 border: none;
124 border-radius: 5px;
125 resize: none;
126 font-family: inherit;
127 font-size: inherit;
128}
129
130.submitURLOptInBox {
131 text-align: start;
132}
133
134.submitURLOptIn {
135 margin-left: -1px;
136}
137
138.mainBox[chromedir="rtl"] .submitURLOptIn {
139 margin-left: 0;
140 margin-right: -1px;
141}
142
143.submitButtonBox {
144 margin-top: 7px;
145}
146
147.submitButton {
148 float: right;
149}
150
151.mainBox[chromedir="rtl"] .submitButton {
152 float: left;
153}
154
155.helpIcon {
156 float: left;
157 display: inline-block;
158 min-width: 16px;
159 min-height: 16px;
160 background: url("chrome://mozapps/skin/plugins/pluginHelp-16.png") no-repeat;
161 cursor: pointer;
162 float: left;
163}
164
165.mainBox[chromedir="rtl"] .helpIcon {
166 float: right;
167}
168
169.closeIcon {
170 display: block;
171 position: absolute;
172 width: 16px;
173 height: 16px;
174 top: 4px;
175 right: 4px;
176 border: none;
177 background-color: transparent;
178 background-image: url("mozapps/skin/plugins/contentPluginClose.png");
179 background-repeat: no-repeat;
180}
181
182.mainBox[chromedir="rtl"] .closeIcon(rtl) {
183 right: auto;
184 left: 4px;
185}
186
187.closeIcon:hover,
188.closeIcon:hover:active {
189 background-position: -16px 0;
190}
191
192.action-link {
193 display: inline-block;
194 border-radius: 10px;
195 background-color: #C09070;
196 color: #000000;
197 padding: 2px 8px;
198 margin-top: 7px;
199 text-decoration: none;
200}
201.action-link:active {
202 background-color: #FFCF00;
203}
204
205:-moz-handler-vulnerable-updatable .action-link {
206 background-color: #a81b0c;
207}
208:-moz-handler-vulnerable-updatable .action-link:active {
209 background-color: #801409;
210}