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 .msgClickToPlay,
  36 :-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
  37 :-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
  38   color: red;
  39 }
  40
  41 :-moz-handler-vulnerable-updatable .hoverBox,
  42 :-moz-handler-vulnerable-no-update .hoverBox,
  43 :-moz-handler-blocked .hoverBox,
  44 :-moz-handler-crashed .hoverBox {
  45 }
  46
  47 html|a {
  48   color: #000000;
  49 }
  50
  51 .icon {
  52   width: 48px;
  53   height: 48px;
  54   background-position: center;
  55   background-repeat: no-repeat;
  56   border: none;
  57   background-color: transparent;
  58   -moz-user-focus: ignore;
  59   margin-bottom: 6px;
  60 }
  61
  62 :-moz-handler-vulnerable-updatable .icon,
  63 :-moz-handler-vulnerable-no-update .icon {
  64   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
  65   -moz-user-focus: normal;
  66 }
  67 :-moz-handler-blocked .icon {
  68   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
  69 }
  70 :-moz-handler-clicktoplay .icon {
  71   background-image: url("chrome://mozapps/skin/plugins/contentPluginActivate.png");
  72   -moz-user-focus: normal;
  73 }
  74 :-moz-handler-crashed .icon {
  75   background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
  76 }
  77
  78 .throbber {
  79   padding-left: 16px; /* width of the background image */
  80   background: url("chrome://global/skin/icons/loading.gif") no-repeat;
  81   margin-left: 5px;
  82 }
  83
  84 .msgClickToPlay {
  85   text-decoration: underline;
  86 }
  87
  88 /* on desktop, don't ever show the tap-to-play UI: that is for mobile only */
  89 :-moz-handler-clicktoplay .msgTapToPlay,
  90 a .msgTapToPlay  {
  91   display: none;
  92 }
  93
  94 .submitStatus div {
  95   min-height: 19px; /* height of biggest line (with throbber) */
  96 }
  97
  98 .submitComment {
  99   width: 340px;
 100   height: 70px;
 101   padding: 5px;
 102   border: none;
 103   border-radius: 5px;
 104   resize: none;
 105   font-family: inherit;
 106   font-size: inherit;
 107 }
 108
 109 .submitURLOptInBox {
 110   text-align: start;
 111 }
 112
 113 .submitURLOptIn {
 114   margin-left: -1px;
 115 }
 116
 117 .mainBox[chromedir="rtl"] .submitURLOptIn {
 118   margin-left: 0;
 119   margin-right: -1px;
 120 }
 121
 122 .submitButtonBox {
 123   margin-top: 7px;
 124 }
 125
 126 .submitButton {
 127   float: right;
 128 }
 129
 130 .mainBox[chromedir="rtl"] .submitButton {
 131   float: left;
 132 }
 133
 134 .helpIcon {
 135   float: left;
 136   display: inline-block;
 137   min-width: 16px;
 138   min-height: 16px;
 139   background: url("chrome://mozapps/skin/plugins/pluginHelp-16.png") no-repeat;
 140   cursor: pointer;
 141   float: left;
 142 }
 143
 144 .mainBox[chromedir="rtl"] .helpIcon {
 145   float: right;
 146 }
 147
 148 .closeIcon {
 149   display: block;
 150   width: 16px;
 151   height: 16px;
 152   margin-top: 4px;
 153   margin-inline-start: -20px;
 154   margin-inline-end: 4px;
 155   border: none;
 156   background-color: transparent;
 157   background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
 158   background-repeat: no-repeat;
 159 }
 160
 161 .action-link {
 162   display: inline-block;
 163   border-radius: 10px;
 164   background-color: #9999CC;
 165   padding: 2px 8px;
 166   margin-top: 7px;
 167   text-decoration: none;
 168 }
 169 .action-link:active {
 170   background-color: #666699;
 171 }
 172
 173 :-moz-handler-vulnerable-updatable .action-link {
 174   background-color: #CCCC60;
 175 }
 176 :-moz-handler-vulnerable-updatable .action-link:active {
 177   background-color: #AAAA40;
 178 }