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 .mainBox {
  10   text-align: center;
  11   background-color: #000000;
  12   color: #FFCF00;
  13   border-radius: 12px;
  14   /* recessed effect with 'disabled' shadow */
  15   box-shadow: inset 0 1px 5px #8050B0;
  16   padding: 5px;
  17   -moz-user-select: none;
  18 }
  19
  20 .hoverBox {
  21   padding: 5px;
  22 }
  23
  24 html|a {
  25   color: #FFCF00;
  26 }
  27
  28 .icon {
  29   display: inline-block;
  30   width: 48px;
  31   height: 48px;
  32   background-position: center;
  33   background-repeat: no-repeat;
  34   border: none;
  35   background-color: transparent;
  36 }
  37 :-moz-type-unsupported .icon,
  38 :-moz-type-unsupported-platform .icon {
  39   background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
  40 }
  41 :-moz-type-unsupported .icon[status="ready"] {
  42   background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
  43 }
  44 :-moz-handler-clicktoplay .icon,
  45 :-moz-handler-vulnerable-updatable .icon,
  46 :-moz-handler-vulnerable-no-update .icon {
  47   background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png");
  48 }
  49
  50 :-moz-handler-clicktoplay .icon {
  51   background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlayPlain.png");
  52   background-position: 0 0;
  53 }
  54 :-moz-handler-clicktoplay .hoverBox:hover .icon,
  55 :-moz-handler-clicktoplay .hoverBox:hover:active .icon {
  56  background-position: -48px 0;
  57 }
  58
  59 :-moz-handler-disabled .icon {
  60   background-image: url("chrome://mozapps/skin/plugins/contentPluginDisabled.png");
  61 }
  62 :-moz-handler-blocked .icon {
  63   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
  64 }
  65 :-moz-handler-crashed .icon {
  66   background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
  67 }
  68
  69 .throbber {
  70   padding-left: 16px; /* width of the background image */
  71   background: url("chrome://global/skin/icons/loading.gif") no-repeat;
  72   margin-left: 5px;
  73 }
  74
  75 .msg {
  76   font-size: 12px;
  77   cursor: default;
  78 }
  79
  80 :-moz-handler-clicktoplay .mainBox,
  81 :-moz-handler-clicktoplay .icon,
  82 :-moz-handler-clicktoplay .msgClickToPlay,
  83 :-moz-handler-vulnerable-updatable .msgClickToPlay,
  84 :-moz-handler-vulnerable-no-update .msgClickToPlay {
  85   cursor: pointer;
  86 }
  87
  88 @media not all and (-moz-touch-enabled) {
  89   :-moz-handler-clicktoplay .msgTapToPlay {
  90     display: none;
  91   }
  92 }
  93
  94 @media (-moz-touch-enabled) {
  95   :-moz-handler-clicktoplay .msgClickToPlay {
  96     display: none;
  97   }
  98 }
  99
 100 .submitStatus div {
 101   min-height: 19px; /* height of biggest line (with throbber) */
 102 }
 103
 104 .submitComment {
 105   width: 340px;
 106   height: 70px;
 107   padding: 5px;
 108   border: none;
 109   border-radius: 5px;
 110   resize: none;
 111   font-family: inherit;
 112   font-size: inherit;
 113 }
 114
 115 .submitURLOptInBox {
 116   text-align: start;
 117 }
 118
 119 .submitURLOptIn {
 120   margin-left: -1px;
 121 }
 122
 123 .mainBox[chromedir="rtl"] .submitURLOptIn {
 124   margin-left: 0;
 125   margin-right: -1px;
 126 }
 127
 128 .submitButtonBox {
 129   margin-top: 7px;
 130 }
 131
 132 .submitButton {
 133   float: right;
 134 }
 135
 136 .mainBox[chromedir="rtl"] .submitButton {
 137   float: left;
 138 }
 139
 140 .msgBottomLinks {
 141   padding-left: 2px;
 142   padding-right: 2px;
 143 }
 144
 145 .helpIcon {
 146   float: left;
 147   display: inline-block;
 148   min-width: 16px;
 149   min-height: 16px;
 150   background: url("chrome://mozapps/skin/plugins/pluginHelp-16.png") no-repeat;
 151   cursor: pointer;
 152   float: left;
 153 }
 154
 155 .mainBox[chromedir="rtl"] .helpIcon {
 156   float: right;
 157 }
 158
 159 .closeIcon {
 160   display: block;
 161   position: absolute;
 162   width: 16px;
 163   height: 16px;
 164   top: 4px;
 165   right: 4px;
 166   border: none;
 167   background-color: transparent;
 168   background-image: url("chrome://global/skin/icons/close.png");
 169   background-repeat: no-repeat;
 170 }
 171
 172 .closeIcon:-moz-locale-dir(rtl) {
 173   right: auto;
 174   left: 4px;
 175 }
 176
 177 .closeIcon:hover,
 178 .closeIcon:hover:active {
 179   background-position: -16px 0;
 180 }
 181
 182 :-moz-handler-clicktoplay .mainBox {
 183   background-image: none;
 184   background-color: rgba(0, 0, 0, .2);
 185   border: 2px dashed rgba(255, 207, 0, 0.7);
 186   border-radius: 3px;
 187   color: #8050B0;
 188   text-shadow: none;
 189   box-shadow: none;
 190   transition: background-color 150ms ease;
 191 }
 192
 193 :-moz-handler-clicktoplay .mainBox:hover,
 194 :-moz-handler-clicktoplay .mainBox:hover:active {
 195   background-color: rgba(0, 0, 0, .8);
 196 }
 197
 198 :-moz-handler-clicktoplay .mainBox,
 199 :-moz-handler-clicktoplay html|a {
 200   color: #8050B0;
 201 }
 202
 203 :-moz-handler-clicktoplay .hoverBox:hover,
 204 :-moz-handler-clicktoplay .hoverBox:hover html|a,
 205 :-moz-handler-clicktoplay .hoverBox:hover:active,
 206 :-moz-handler-clicktoplay .hoverBox:hover:active html|a {
 207   color: #FFCF00;
 208 }
 209
 210 :-moz-handler-clicktoplay .closeIcon {
 211   background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
 212 }