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-handler-clicktoplay .icon,
  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.png") 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("mozapps/skin/plugins/contentPluginClose.png");
 170   background-repeat: no-repeat;
 171 }
 172
 173 .closeIcon:hover,
 174 .closeIcon:hover:active {
 175   background-position: -16px 0;
 176 }
 177
 178 .action-link {
 179   display: inline-block;
 180   border-radius: 10px;
 181   background-color: #C09070;
 182   color: #000000;
 183   padding: 2px 8px;
 184   margin-top: 7px;
 185   text-decoration: none;
 186 }
 187 .action-link:active {
 188   background-color: #FFCF00;
 189 }
 190
 191 :-moz-handler-vulnerable-updatable .action-link {
 192   background-color: #a81b0c;
 193 }
 194 :-moz-handler-vulnerable-updatable .action-link:active {
 195   background-color: #801409;
 196 }