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 .mainBox {
  10   text-align: center;
  11   background-color: #CCD0DD;
  12   color: #000000;
  13   border-radius: 12px;
  14   /* recessed effect with 'disabled' shadow */
  15   box-shadow: inset 0 1px 5px #808080;
  16   padding: 5px;
  17   -moz-user-select: none;
  18   position: relative;
  19 }
  20
  21 .hoverBox {
  22   padding: 5px;
  23 }
  24
  25 html|a {
  26   color: #000000;
  27 }
  28
  29 .icon {
  30   display: inline-block;
  31   width: 48px;
  32   height: 48px;
  33   background-position: center;
  34   background-repeat: no-repeat;
  35   border: none;
  36   background-color: transparent;
  37 }
  38 :-moz-type-unsupported .icon,
  39 :-moz-type-unsupported-platform .icon {
  40   background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
  41 }
  42 :-moz-type-unsupported .icon[status="ready"] {
  43   background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
  44 }
  45 :-moz-handler-vulnerable-updatable .icon,
  46 :-moz-handler-vulnerable-no-update .icon {
  47   background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png");
  48 }
  49
  50 :-moz-handler-clicktoplay .icon {
  51   background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlayPlain.png");
  52   background-position: 0 0;
  53 }
  54 :-moz-handler-clicktoplay .hoverBox:hover .icon,
  55 :-moz-handler-clicktoplay .hoverBox:hover:active .icon {
  56  background-position: -48px 0;
  57 }
  58
  59 :-moz-handler-disabled .icon {
  60   background-image: url("chrome://mozapps/skin/plugins/contentPluginDisabled.png");
  61 }
  62 :-moz-handler-blocked .icon {
  63   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
  64 }
  65 :-moz-handler-crashed .icon {
  66   background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
  67 }
  68
  69 .throbber {
  70   padding-left: 16px; /* width of the background image */
  71   background: url("chrome://global/skin/icons/loading.gif") no-repeat;
  72   margin-left: 5px;
  73 }
  74
  75 .msg {
  76   cursor: default;
  77   width: 100%;
  78 }
  79
  80 :-moz-handler-clicktoplay .mainBox,
  81 :-moz-handler-clicktoplay .icon,
  82 :-moz-handler-clicktoplay .msgClickToPlay,
  83 :-moz-handler-vulnerable-updatable .msgClickToPlay,
  84 :-moz-handler-vulnerable-no-update .msgClickToPlay {
  85   cursor: pointer;
  86 }
  87
  88 @media not all and (-moz-touch-enabled) {
  89   :-moz-handler-clicktoplay .msgTapToPlay {
  90     display: none;
  91   }
  92 }
  93
  94 @media (-moz-touch-enabled) {
  95   :-moz-handler-clicktoplay .msgClickToPlay {
  96     display: none;
  97   }
  98 }
  99
 100 .submitStatus div {
 101   min-height: 19px; /* height of biggest line (with throbber) */
 102 }
 103
 104 .submitComment {
 105   width: 340px;
 106   height: 70px;
 107   padding: 5px;
 108   border: none;
 109   border-radius: 5px;
 110   resize: none;
 111   font-family: inherit;
 112   font-size: inherit;
 113 }
 114
 115 .submitURLOptInBox {
 116   text-align: start;
 117 }
 118
 119 .submitURLOptIn {
 120   margin-left: -1px;
 121 }
 122
 123 .mainBox[chromedir="rtl"] .submitURLOptIn {
 124   margin-left: 0;
 125   margin-right: -1px;
 126 }
 127
 128 .submitButtonBox {
 129   margin-top: 7px;
 130 }
 131
 132 .submitButton {
 133   float: right;
 134 }
 135
 136 .mainBox[chromedir="rtl"] .submitButton {
 137   float: left;
 138 }
 139
 140 .helpIcon {
 141   float: left;
 142   display: inline-block;
 143   min-width: 16px;
 144   min-height: 16px;
 145   background: url("chrome://mozapps/skin/plugins/pluginHelp-16.png") no-repeat;
 146   cursor: pointer;
 147   float: left;
 148 }
 149
 150 .mainBox[chromedir="rtl"] .helpIcon {
 151   float: right;
 152 }
 153
 154 .closeIcon {
 155   display: block;
 156   position: absolute;
 157   width: 16px;
 158   height: 16px;
 159   top: 4px;
 160   right: 4px;
 161   border: none;
 162   background-color: transparent;
 163   background-image: url("chrome://global/skin/icons/close-button.gif");
 164   background-repeat: no-repeat;
 165 }
 166
 167 .closeIcon:-moz-locale-dir(rtl) {
 168   right: auto;
 169   left: 4px;
 170 }
 171
 172 :-moz-handler-clicktoplay .mainBox {
 173   background-image: none;
 174   background-color: rgba(255, 255, 255, .2);
 175   border: 1px dashed rgba(128, 128, 128, 0.5);
 176   color: #808080;
 177   text-shadow: none;
 178   box-shadow: none;
 179   transition: background-color 150ms ease;
 180 }
 181
 182 :-moz-handler-clicktoplay .mainBox:hover,
 183 :-moz-handler-clicktoplay .mainBox:hover:active {
 184   background-color: rgba(255, 255, 255, .8);
 185 }
 186
 187 :-moz-handler-clicktoplay .mainBox,
 188 :-moz-handler-clicktoplay html|a {
 189   color: #000000;
 190 }
 191
 192 :-moz-handler-clicktoplay .hoverBox:hover,
 193 :-moz-handler-clicktoplay .hoverBox:hover html|a,
 194 :-moz-handler-clicktoplay .hoverBox:hover:active,
 195 :-moz-handler-clicktoplay .hoverBox:hover:active html|a {
 196 }
 197
 198 :-moz-handler-clicktoplay .closeIcon {
 199   background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
 200 }