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-handler-vulnerable-updatable .icon,
  66 :-moz-handler-vulnerable-no-update .icon {
  67   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
  68   -moz-user-focus: normal;
  69 }
  70 :-moz-handler-blocked .icon {
  71   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
  72 }
  73 :-moz-handler-clicktoplay .icon {
  74   background-image: url("chrome://mozapps/skin/plugins/contentPluginActivate.png");
  75   -moz-user-focus: normal;
  76 }
  77 :-moz-handler-crashed .icon {
  78   background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
  79 }
  80
  81 .throbber {
  82   padding-left: 16px; /* width of the background image */
  83   background: url("chrome://global/skin/icons/loading.gif") no-repeat;
  84   margin-left: 5px;
  85 }
  86
  87 .msgTapToPlay,
  88 .msgClickToPlay {
  89   text-decoration: underline;
  90 }
  91
  92 @media not all and (-moz-touch-enabled) {
  93   :-moz-handler-clicktoplay .msgTapToPlay,
  94   a .msgTapToPlay {
  95     display: none;
  96   }
  97 }
  98
  99 @media (-moz-touch-enabled) {
 100   :-moz-handler-clicktoplay .msgClickToPlay,
 101   a .msgTapToPlay {
 102     display: none;
 103   }
 104 }
 105
 106 .submitStatus div {
 107   min-height: 19px; /* height of biggest line (with throbber) */
 108 }
 109
 110 .submitComment {
 111   width: 340px;
 112   height: 70px;
 113   padding: 5px;
 114   border: none;
 115   border-radius: 5px;
 116   resize: none;
 117   font-family: inherit;
 118   font-size: inherit;
 119 }
 120
 121 .submitURLOptInBox {
 122   text-align: start;
 123 }
 124
 125 .submitURLOptIn {
 126   margin-left: -1px;
 127 }
 128
 129 .mainBox[chromedir="rtl"] .submitURLOptIn {
 130   margin-left: 0;
 131   margin-right: -1px;
 132 }
 133
 134 .submitButtonBox {
 135   margin-top: 7px;
 136 }
 137
 138 .submitButton {
 139   float: right;
 140 }
 141
 142 .mainBox[chromedir="rtl"] .submitButton {
 143   float: left;
 144 }
 145
 146 .helpIcon {
 147   float: left;
 148   display: inline-block;
 149   min-width: 16px;
 150   min-height: 16px;
 151   background: url("chrome://mozapps/skin/plugins/pluginHelp-16.png") no-repeat;
 152   cursor: pointer;
 153   float: left;
 154 }
 155
 156 .mainBox[chromedir="rtl"] .helpIcon {
 157   float: right;
 158 }
 159
 160 .closeIcon {
 161   display: block;
 162   width: 16px;
 163   height: 16px;
 164   margin-top: 4px;
 165   margin-inline-start: -20px;
 166   margin-inline-end: 4px;
 167   border: none;
 168   background-color: transparent;
 169   background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
 170   background-repeat: no-repeat;
 171 }
 172
 173 .action-link {
 174   display: inline-block;
 175   border-radius: 10px;
 176   background-color: #9999CC;
 177   padding: 2px 8px;
 178   margin-top: 7px;
 179   text-decoration: none;
 180 }
 181 .action-link:active {
 182   background-color: #666699;
 183 }
 184
 185 :-moz-handler-vulnerable-updatable .action-link {
 186   background-color: #CCCC60;
 187 }
 188 :-moz-handler-vulnerable-updatable .action-link:active {
 189   background-color: #AAAA40;
 190 }