michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: @namespace html url(http://www.w3.org/1999/xhtml);
michael@0: 
michael@0: /* These styles affect only the bound element, not other page content. */
michael@0: /* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */
michael@0: .mainBox {
michael@0:   font: message-box;
michael@0:   font-size: 12px;
michael@0:   text-align: center;
michael@0:   display: table;
michael@0:   width: 100%;
michael@0:   height: 100%;
michael@0:   background-color: rgb(72,72,72);
michael@0:   color: white;
michael@0:   -moz-user-select: none;
michael@0:   position: relative;
michael@0: }
michael@0: 
michael@0: .hoverBox {
michael@0:   display: table-cell;
michael@0:   box-sizing: border-box;
michael@0:   padding: 5px;
michael@0:   vertical-align: middle;
michael@0:   width: 100%;
michael@0:   height: 100%;
michael@0: }
michael@0: :-moz-handler-vulnerable-updatable .hoverBox:active,
michael@0: :-moz-handler-vulnerable-no-update .hoverBox:active,
michael@0: :-moz-handler-clicktoplay .hoverBox:active {
michael@0:   background-color: rgb(65, 65, 65);
michael@0: }
michael@0: 
michael@0: :-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
michael@0: :-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
michael@0: :-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay,
michael@0: :-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
michael@0: :-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay,
michael@0: :-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
michael@0:   color: red;
michael@0: }
michael@0: 
michael@0: :-moz-handler-vulnerable-updatable .hoverBox,
michael@0: :-moz-handler-vulnerable-no-update .hoverBox,
michael@0: :-moz-handler-blocked .hoverBox,
michael@0: :-moz-handler-crashed .hoverBox {
michael@0:   background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
michael@0: }
michael@0: 
michael@0: html|a {
michael@0:   color: white;
michael@0: }
michael@0: 
michael@0: .icon {
michael@0:   width: 48px;
michael@0:   height: 48px;
michael@0:   background-position: center;
michael@0:   background-repeat: no-repeat;
michael@0:   border: none;
michael@0:   background-color: transparent;
michael@0:   -moz-user-focus: ignore;
michael@0:   margin-bottom: 6px;
michael@0: }
michael@0: 
michael@0: :-moz-type-unsupported .icon,
michael@0: :-moz-type-unsupported-platform .icon {
michael@0:   background-image: url(chrome://mozapps/skin/plugins/contentPluginMissing.png);
michael@0: }
michael@0: :-moz-type-unsupported .icon[installable] {
michael@0:   background-image: url(chrome://mozapps/skin/plugins/contentPluginDownload.png);
michael@0: }
michael@0: :-moz-handler-vulnerable-updatable .icon,
michael@0: :-moz-handler-vulnerable-no-update .icon {
michael@0:   background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png);
michael@0:   -moz-user-focus: normal;
michael@0: }
michael@0: :-moz-handler-blocked .icon {
michael@0:   background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png);
michael@0: }
michael@0: :-moz-handler-clicktoplay .icon {
michael@0:   background-image: url(chrome://mozapps/skin/plugins/contentPluginActivate.png);
michael@0:   -moz-user-focus: normal;
michael@0: }
michael@0: :-moz-handler-disabled .icon {
michael@0:   background-image: url(chrome://mozapps/skin/plugins/contentPluginDisabled.png);
michael@0: }
michael@0: :-moz-handler-crashed .icon {
michael@0:   background-image: url(chrome://mozapps/skin/plugins/contentPluginCrashed.png);
michael@0: }
michael@0: 
michael@0: .throbber {
michael@0:   padding-left: 16px; /* width of the background image */
michael@0:   background: url(chrome://global/skin/icons/loading_16.png) no-repeat;
michael@0:   margin-left: 5px;
michael@0: }
michael@0: 
michael@0: .msgTapToPlay,
michael@0: .msgClickToPlay {
michael@0:   text-decoration: underline;
michael@0: }
michael@0: 
michael@0: @media not all and (-moz-touch-enabled) {
michael@0:   :-moz-handler-clicktoplay .msgTapToPlay {
michael@0:     display: none;
michael@0:   }
michael@0: }
michael@0: 
michael@0: @media (-moz-touch-enabled) {
michael@0:   :-moz-handler-clicktoplay .msgClickToPlay {
michael@0:     display: none;
michael@0:   }
michael@0: }
michael@0: 
michael@0: .submitStatus div {
michael@0:   min-height: 19px; /* height of biggest line (with throbber) */
michael@0: }
michael@0: 
michael@0: .submitComment {
michael@0:   width: 340px;
michael@0:   height: 70px;
michael@0:   padding: 5px;
michael@0:   border: none;
michael@0:   border-radius: 5px;
michael@0:   resize: none;
michael@0:   font-family: inherit;
michael@0:   font-size: inherit;
michael@0: }
michael@0: 
michael@0: .submitURLOptInBox {
michael@0:   text-align: start;
michael@0: }
michael@0: 
michael@0: .submitURLOptIn {
michael@0:   margin-left: -1px;
michael@0: }
michael@0: 
michael@0: .mainBox[chromedir="rtl"] .submitURLOptIn {
michael@0:   margin-left: 0;
michael@0:   margin-right: -1px;
michael@0: }
michael@0: 
michael@0: .submitButtonBox {
michael@0:   margin-top: 7px;
michael@0: }
michael@0: 
michael@0: .submitButton {
michael@0:   float: right;
michael@0: }
michael@0: 
michael@0: .mainBox[chromedir="rtl"] .submitButton {
michael@0:   float: left;
michael@0: }
michael@0: 
michael@0: .helpIcon {
michael@0:   display: inline-block;
michael@0:   min-width: 16px;
michael@0:   min-height: 16px;
michael@0:   background: url(chrome://mozapps/skin/plugins/pluginHelp-16.png) no-repeat;
michael@0:   cursor: pointer;
michael@0:   float: left;
michael@0: }
michael@0: 
michael@0: .mainBox[chromedir="rtl"] .helpIcon {
michael@0:   float: right;
michael@0: }
michael@0: 
michael@0: .closeIcon {
michael@0:   display: block;
michael@0:   position: absolute;
michael@0:   width: 16px;
michael@0:   height: 16px;
michael@0:   top: 4px;
michael@0:   right: 4px;
michael@0:   border: none;
michael@0:   background-color: transparent;
michael@0:   background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
michael@0:   background-repeat: no-repeat;
michael@0: }
michael@0: 
michael@0: .mainBox[chromedir="rtl"] .closeIcon {
michael@0:   right: auto;
michael@0:   left: 4px;
michael@0: }
michael@0: 
michael@0: .closeIcon:hover {
michael@0:   background-position: -16px 0;
michael@0: }
michael@0: 
michael@0: .closeIcon:hover:active {
michael@0:   background-position: -32px 0;
michael@0: }
michael@0: 
michael@0: .action-link {
michael@0:   display: inline-block;
michael@0:   border-radius: 10px;
michael@0:   background-color: rgb(35, 35, 35);
michael@0:   padding: 2px 8px;
michael@0:   margin-top: 7px;
michael@0:   text-decoration: none;
michael@0: }
michael@0: .action-link:active {
michael@0:   background-color: rgb(20, 20, 20);
michael@0: }
michael@0: 
michael@0: :-moz-handler-vulnerable-updatable .action-link {
michael@0:   background-color: #a81b0c;
michael@0: }
michael@0: :-moz-handler-vulnerable-updatable .action-link:active {
michael@0:   background-color: #801409;
michael@0: }