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 }
  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
  29 :-moz-handler-vulnerable-updatable .hoverBox:active,
  30 :-moz-handler-vulnerable-no-update .hoverBox:active,
  31 :-moz-handler-clicktoplay .hoverBox:active {
  32   background-color: #CCCCCC;
  33 }
  34
  35 :-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
  36 :-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
  37 :-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay,
  38 :-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
  39 :-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay,
  40 :-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
  41   color: red;
  42 }
  43
  44 :-moz-handler-vulnerable-updatable .hoverBox,
  45 :-moz-handler-vulnerable-no-update .hoverBox,
  46 :-moz-handler-blocked .hoverBox,
  47 :-moz-handler-crashed .hoverBox {
  48 }
  49
  50 html|a {
  51   color: #000000;
  52 }
  53
  54 .icon {
  55   width: 48px;
  56   height: 48px;
  57   background-position: center;
  58   background-repeat: no-repeat;
  59   border: none;
  60   background-color: transparent;
  61   -moz-user-focus: ignore;
  62   margin-bottom: 6px;
  63 }
  64
  65 :-moz-type-unsupported .icon,
  66 :-moz-type-unsupported-platform .icon {
  67   background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
  68 }
  69 :-moz-type-unsupported .icon[installable] {
  70   background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
  71 }
  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.gif") 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   -moz-margin-start: -20px;
 174   -moz-margin-end: 4px;
 175   border: none;
 176   background-color: transparent;
 177   background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
 178   background-repeat: no-repeat;
 179 }
 180
 181 .action-link {
 182   display: inline-block;
 183   border-radius: 10px;
 184   background-color: #9999CC;
 185   padding: 2px 8px;
 186   margin-top: 7px;
 187   text-decoration: none;
 188 }
 189 .action-link:active {
 190   background-color: #666699;
 191 }
 192
 193 :-moz-handler-vulnerable-updatable .action-link {
 194   background-color: #CCCC60;
 195 }
 196 :-moz-handler-vulnerable-updatable .action-link:active {
 197   background-color: #AAAA40;
 198 }