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