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 /* 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: #CCD0DD;
  16   color: #000000;
  17   -moz-user-select: none;
  18   position: relative;
  19 }
  20
  21 .hoverBox {
  22   display: table-cell;
  23   box-sizing: border-box;
  24   padding: 5px;
  25   vertical-align: middle;
  26   width: 100%;
  27   height: 100%;
  28 }
  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: #CCCCCC;
  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 }
  50
  51 html|a {
  52   color: #000000;
  53 }
  54
  55 .icon {
  56   width: 48px;
  57   height: 48px;
  58   background-position: center;
  59   background-repeat: no-repeat;
  60   border: none;
  61   background-color: transparent;
  62   -moz-user-focus: ignore;
  63   margin-bottom: 6px;
  64 }
  65
  66 :-moz-type-unsupported .icon,
  67 :-moz-type-unsupported-platform .icon {
  68   background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
  69 }
  70 :-moz-type-unsupported .icon[installable] {
  71   background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
  72 }
  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("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 .action-link {
 188   display: inline-block;
 189   border-radius: 10px;
 190   background-color: #9999CC;
 191   padding: 2px 8px;
 192   margin-top: 7px;
 193   text-decoration: none;
 194 }
 195 .action-link:active {
 196   background-color: #666699;
 197 }
 198
 199 :-moz-handler-vulnerable-updatable .action-link {
 200   background-color: #CCCC60;
 201 }
 202 :-moz-handler-vulnerable-updatable .action-link:active {
 203   background-color: #AAAA40;
 204 }