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