toolkit/themes/shared/plugins/pluginProblem.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/themes/shared/plugins/pluginProblem.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,212 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +@namespace html url(http://www.w3.org/1999/xhtml);
     1.9 +
    1.10 +/* These styles affect only the bound element, not other page content. */
    1.11 +/* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */
    1.12 +.mainBox {
    1.13 +  font: message-box;
    1.14 +  font-size: 12px;
    1.15 +  text-align: center;
    1.16 +  display: table;
    1.17 +  width: 100%;
    1.18 +  height: 100%;
    1.19 +  background-color: rgb(72,72,72);
    1.20 +  color: white;
    1.21 +  -moz-user-select: none;
    1.22 +  position: relative;
    1.23 +}
    1.24 +
    1.25 +.hoverBox {
    1.26 +  display: table-cell;
    1.27 +  box-sizing: border-box;
    1.28 +  padding: 5px;
    1.29 +  vertical-align: middle;
    1.30 +  width: 100%;
    1.31 +  height: 100%;
    1.32 +}
    1.33 +:-moz-handler-vulnerable-updatable .hoverBox:active,
    1.34 +:-moz-handler-vulnerable-no-update .hoverBox:active,
    1.35 +:-moz-handler-clicktoplay .hoverBox:active {
    1.36 +  background-color: rgb(65, 65, 65);
    1.37 +}
    1.38 +
    1.39 +:-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
    1.40 +:-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
    1.41 +:-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay,
    1.42 +:-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
    1.43 +:-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay,
    1.44 +:-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
    1.45 +  color: red;
    1.46 +}
    1.47 +
    1.48 +:-moz-handler-vulnerable-updatable .hoverBox,
    1.49 +:-moz-handler-vulnerable-no-update .hoverBox,
    1.50 +:-moz-handler-blocked .hoverBox,
    1.51 +:-moz-handler-crashed .hoverBox {
    1.52 +  background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
    1.53 +}
    1.54 +
    1.55 +html|a {
    1.56 +  color: white;
    1.57 +}
    1.58 +
    1.59 +.icon {
    1.60 +  width: 48px;
    1.61 +  height: 48px;
    1.62 +  background-position: center;
    1.63 +  background-repeat: no-repeat;
    1.64 +  border: none;
    1.65 +  background-color: transparent;
    1.66 +  -moz-user-focus: ignore;
    1.67 +  margin-bottom: 6px;
    1.68 +}
    1.69 +
    1.70 +:-moz-type-unsupported .icon,
    1.71 +:-moz-type-unsupported-platform .icon {
    1.72 +  background-image: url(chrome://mozapps/skin/plugins/contentPluginMissing.png);
    1.73 +}
    1.74 +:-moz-type-unsupported .icon[installable] {
    1.75 +  background-image: url(chrome://mozapps/skin/plugins/contentPluginDownload.png);
    1.76 +}
    1.77 +:-moz-handler-vulnerable-updatable .icon,
    1.78 +:-moz-handler-vulnerable-no-update .icon {
    1.79 +  background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png);
    1.80 +  -moz-user-focus: normal;
    1.81 +}
    1.82 +:-moz-handler-blocked .icon {
    1.83 +  background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png);
    1.84 +}
    1.85 +:-moz-handler-clicktoplay .icon {
    1.86 +  background-image: url(chrome://mozapps/skin/plugins/contentPluginActivate.png);
    1.87 +  -moz-user-focus: normal;
    1.88 +}
    1.89 +:-moz-handler-disabled .icon {
    1.90 +  background-image: url(chrome://mozapps/skin/plugins/contentPluginDisabled.png);
    1.91 +}
    1.92 +:-moz-handler-crashed .icon {
    1.93 +  background-image: url(chrome://mozapps/skin/plugins/contentPluginCrashed.png);
    1.94 +}
    1.95 +
    1.96 +.throbber {
    1.97 +  padding-left: 16px; /* width of the background image */
    1.98 +  background: url(chrome://global/skin/icons/loading_16.png) no-repeat;
    1.99 +  margin-left: 5px;
   1.100 +}
   1.101 +
   1.102 +.msgTapToPlay,
   1.103 +.msgClickToPlay {
   1.104 +  text-decoration: underline;
   1.105 +}
   1.106 +
   1.107 +@media not all and (-moz-touch-enabled) {
   1.108 +  :-moz-handler-clicktoplay .msgTapToPlay {
   1.109 +    display: none;
   1.110 +  }
   1.111 +}
   1.112 +
   1.113 +@media (-moz-touch-enabled) {
   1.114 +  :-moz-handler-clicktoplay .msgClickToPlay {
   1.115 +    display: none;
   1.116 +  }
   1.117 +}
   1.118 +
   1.119 +.submitStatus div {
   1.120 +  min-height: 19px; /* height of biggest line (with throbber) */
   1.121 +}
   1.122 +
   1.123 +.submitComment {
   1.124 +  width: 340px;
   1.125 +  height: 70px;
   1.126 +  padding: 5px;
   1.127 +  border: none;
   1.128 +  border-radius: 5px;
   1.129 +  resize: none;
   1.130 +  font-family: inherit;
   1.131 +  font-size: inherit;
   1.132 +}
   1.133 +
   1.134 +.submitURLOptInBox {
   1.135 +  text-align: start;
   1.136 +}
   1.137 +
   1.138 +.submitURLOptIn {
   1.139 +  margin-left: -1px;
   1.140 +}
   1.141 +
   1.142 +.mainBox[chromedir="rtl"] .submitURLOptIn {
   1.143 +  margin-left: 0;
   1.144 +  margin-right: -1px;
   1.145 +}
   1.146 +
   1.147 +.submitButtonBox {
   1.148 +  margin-top: 7px;
   1.149 +}
   1.150 +
   1.151 +.submitButton {
   1.152 +  float: right;
   1.153 +}
   1.154 +
   1.155 +.mainBox[chromedir="rtl"] .submitButton {
   1.156 +  float: left;
   1.157 +}
   1.158 +
   1.159 +.helpIcon {
   1.160 +  display: inline-block;
   1.161 +  min-width: 16px;
   1.162 +  min-height: 16px;
   1.163 +  background: url(chrome://mozapps/skin/plugins/pluginHelp-16.png) no-repeat;
   1.164 +  cursor: pointer;
   1.165 +  float: left;
   1.166 +}
   1.167 +
   1.168 +.mainBox[chromedir="rtl"] .helpIcon {
   1.169 +  float: right;
   1.170 +}
   1.171 +
   1.172 +.closeIcon {
   1.173 +  display: block;
   1.174 +  position: absolute;
   1.175 +  width: 16px;
   1.176 +  height: 16px;
   1.177 +  top: 4px;
   1.178 +  right: 4px;
   1.179 +  border: none;
   1.180 +  background-color: transparent;
   1.181 +  background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
   1.182 +  background-repeat: no-repeat;
   1.183 +}
   1.184 +
   1.185 +.mainBox[chromedir="rtl"] .closeIcon {
   1.186 +  right: auto;
   1.187 +  left: 4px;
   1.188 +}
   1.189 +
   1.190 +.closeIcon:hover {
   1.191 +  background-position: -16px 0;
   1.192 +}
   1.193 +
   1.194 +.closeIcon:hover:active {
   1.195 +  background-position: -32px 0;
   1.196 +}
   1.197 +
   1.198 +.action-link {
   1.199 +  display: inline-block;
   1.200 +  border-radius: 10px;
   1.201 +  background-color: rgb(35, 35, 35);
   1.202 +  padding: 2px 8px;
   1.203 +  margin-top: 7px;
   1.204 +  text-decoration: none;
   1.205 +}
   1.206 +.action-link:active {
   1.207 +  background-color: rgb(20, 20, 20);
   1.208 +}
   1.209 +
   1.210 +:-moz-handler-vulnerable-updatable .action-link {
   1.211 +  background-color: #a81b0c;
   1.212 +}
   1.213 +:-moz-handler-vulnerable-updatable .action-link:active {
   1.214 +  background-color: #801409;
   1.215 +}

mercurial