pluginProblem.css (4896B)
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 /* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */ 9 .mainBox { 10 font: message-box; 11 font-size: 12px; 12 text-align: center; 13 display: table; 14 width: 100%; 15 height: 100%; 16 background-color: #181411; 17 color: white; 18 -moz-user-select: none; 19 position: relative; 20 } 21 22 .hoverBox { 23 display: table-cell; 24 -moz-box-sizing: border-box; 25 padding: 5px; 26 vertical-align: middle; 27 width: 100%; 28 height: 100%; 29 } 30 :-moz-handler-vulnerable-updatable .hoverBox:active, 31 :-moz-handler-vulnerable-no-update .hoverBox:active, 32 :-moz-handler-clicktoplay .hoverBox:active { 33 background-color: #181411; 34 } 35 36 :-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay, 37 :-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay, 38 :-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay, 39 :-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay, 40 :-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay, 41 :-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay { 42 color: red; 43 } 44 45 :-moz-handler-vulnerable-updatable .hoverBox, 46 :-moz-handler-vulnerable-no-update .hoverBox, 47 :-moz-handler-blocked .hoverBox, 48 :-moz-handler-crashed .hoverBox { 49 background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png); 50 } 51 52 html|a { 53 color: white; 54 } 55 56 .icon { 57 width: 48px; 58 height: 48px; 59 background-position: center; 60 background-repeat: no-repeat; 61 border: none; 62 background-color: transparent; 63 -moz-user-focus: ignore; 64 margin-bottom: 6px; 65 } 66 67 :-moz-type-unsupported .icon, 68 :-moz-type-unsupported-platform .icon { 69 background-image: url(chrome://mozapps/skin/plugins/contentPluginMissing.png); 70 } 71 :-moz-type-unsupported .icon[installable] { 72 background-image: url(chrome://mozapps/skin/plugins/contentPluginDownload.png); 73 } 74 :-moz-handler-vulnerable-updatable .icon, 75 :-moz-handler-vulnerable-no-update .icon { 76 background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png); 77 -moz-user-focus: normal; 78 } 79 :-moz-handler-blocked .icon { 80 background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png); 81 } 82 :-moz-handler-clicktoplay .icon { 83 background-image: url(chrome://mozapps/skin/plugins/contentPluginActivate.png); 84 -moz-user-focus: normal; 85 } 86 :-moz-handler-disabled .icon { 87 background-image: url(chrome://mozapps/skin/plugins/contentPluginDisabled.png); 88 } 89 :-moz-handler-crashed .icon { 90 background-image: url(chrome://mozapps/skin/plugins/contentPluginCrashed.png); 91 } 92 93 .throbber { 94 padding-left: 16px; /* width of the background image */ 95 background: url(chrome://global/skin/icons/loading_16.png) no-repeat; 96 margin-left: 5px; 97 } 98 99 .msgTapToPlay, 100 .msgClickToPlay { 101 text-decoration: underline; 102 } 103 104 @media not all and (-moz-touch-enabled) { 105 :-moz-handler-clicktoplay .msgTapToPlay { 106 display: none; 107 } 108 } 109 110 @media (-moz-touch-enabled) { 111 :-moz-handler-clicktoplay .msgClickToPlay { 112 display: none; 113 } 114 } 115 116 .submitStatus div { 117 min-height: 19px; /* height of biggest line (with throbber) */ 118 } 119 120 .submitComment { 121 width: 340px; 122 height: 70px; 123 padding: 5px; 124 border: none; 125 border-radius: 5px; 126 resize: none; 127 font-family: inherit; 128 font-size: inherit; 129 } 130 131 .submitURLOptInBox { 132 text-align: start; 133 } 134 135 .submitURLOptIn { 136 margin-left: -1px; 137 } 138 139 .mainBox[chromedir="rtl"] .submitURLOptIn { 140 margin-left: 0; 141 margin-right: -1px; 142 } 143 144 .submitButtonBox { 145 margin-top: 7px; 146 } 147 148 .submitButton { 149 float: right; 150 } 151 152 .mainBox[chromedir="rtl"] .submitButton { 153 float: left; 154 } 155 156 .helpIcon { 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("chrome://mozapps/skin/plugins/contentPluginClose.png"); 179 background-repeat: no-repeat; 180 } 181 182 .mainBox[chromedir="rtl"] .closeIcon { 183 right: auto; 184 left: 4px; 185 } 186 187 .closeIcon:hover { 188 background-position: -16px 0; 189 } 190 191 .closeIcon:hover:active { 192 background-position: -32px 0; 193 } 194 195 .action-link { 196 display: inline-block; 197 border-radius: 10px; 198 background-color: #181411; 199 padding: 2px 8px; 200 margin-top: 7px; 201 text-decoration: none; 202 } 203 .action-link:active { 204 background-color: #181411; 205 } 206 207 :-moz-handler-vulnerable-updatable .action-link { 208 background-color: #a81b0c; 209 } 210 :-moz-handler-vulnerable-updatable .action-link:active { 211 background-color: #801409; 212 }