LCARStrek/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: #000000;
  16   color: #FFCF00;
  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 :-moz-handler-vulnerable-updatable .hoverBox:active,
  30 :-moz-handler-vulnerable-no-update .hoverBox:active,
  31 :-moz-handler-clicktoplay .hoverBox:active {
  32   background-color: #404000;
  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: #FF0000;
  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: #FFCF00;
  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-clicktoplay .icon,
  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("mozapps/skin/plugins/contentPluginClose.png");
 179   background-repeat: no-repeat;
 180 }
 181
 182 .mainBox[chromedir="rtl"] .closeIcon(rtl) {
 183   right: auto;
 184   left: 4px;
 185 }
 186
 187 .closeIcon:hover,
 188 .closeIcon:hover:active {
 189   background-position: -16px 0;
 190 }
 191
 192 .action-link {
 193   display: inline-block;
 194   border-radius: 10px;
 195   background-color: #C09070;
 196   color: #000000;
 197   padding: 2px 8px;
 198   margin-top: 7px;
 199   text-decoration: none;
 200 }
 201 .action-link:active {
 202   background-color: #FFCF00;
 203 }
 204
 205 :-moz-handler-vulnerable-updatable .action-link {
 206   background-color: #a81b0c;
 207 }
 208 :-moz-handler-vulnerable-updatable .action-link:active {
 209   background-color: #801409;
 210 }