make devtools tooltips have black background and blue border for readability
[themes.git] / LCARStrek / 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 /* 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 }
19
20 .hoverBox {
21   display: table-cell;
22   box-sizing: border-box;
23   padding: 5px;
24   vertical-align: middle;
25   width: 100%;
26   height: 100%;
27 }
28 :-moz-handler-vulnerable-updatable .hoverBox:active,
29 :-moz-handler-vulnerable-no-update .hoverBox:active,
30 :-moz-handler-clicktoplay .hoverBox:active {
31   background-color: #404000;
32 }
33
34 :-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
35 :-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
36 :-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay,
37 :-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
38 :-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay,
39 :-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
40   color: #FF0000;
41 }
42
43 :-moz-handler-vulnerable-updatable .hoverBox,
44 :-moz-handler-vulnerable-no-update .hoverBox,
45 :-moz-handler-blocked .hoverBox,
46 :-moz-handler-crashed .hoverBox {
47 }
48
49 html|a {
50   color: #FFCF00;
51 }
52
53 .icon {
54   width: 48px;
55   height: 48px;
56   background-position: center;
57   background-repeat: no-repeat;
58   border: none;
59   background-color: transparent;
60   -moz-user-focus: ignore;
61   margin-bottom: 6px;
62 }
63
64 :-moz-type-unsupported .icon,
65 :-moz-type-unsupported-platform .icon {
66   background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
67 }
68 :-moz-type-unsupported .icon[installable] {
69   background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
70 }
71 :-moz-handler-clicktoplay .icon,
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.png") 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   width: 16px;
171   height: 16px;
172   margin-top: 4px;
173   margin-inline-start: -20px;
174   margin-inline-end: 4px;
175   border: none;
176   background-color: transparent;
177   background-image: url("mozapps/skin/plugins/contentPluginClose.png");
178   background-repeat: no-repeat;
179 }
180
181 .closeIcon:hover,
182 .closeIcon:hover:active {
183   background-position: -16px 0;
184 }
185
186 .action-link {
187   display: inline-block;
188   border-radius: 10px;
189   background-color: #C09070;
190   color: #000000;
191   padding: 2px 8px;
192   margin-top: 7px;
193   text-decoration: none;
194 }
195 .action-link:active {
196   background-color: #FFCF00;
197 }
198
199 :-moz-handler-vulnerable-updatable .action-link {
200   background-color: #a81b0c;
201 }
202 :-moz-handler-vulnerable-updatable .action-link:active {
203   background-color: #801409;
204 }