1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/extensions/shumway/content/web/viewer.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,107 @@
1.4 +<!DOCTYPE html>
1.5 +<!--
1.6 +Copyright 2013 Mozilla Foundation
1.7 +
1.8 +Licensed under the Apache License, Version 2.0 (the "License");
1.9 +you may not use this file except in compliance with the License.
1.10 +You may obtain a copy of the License at
1.11 +
1.12 + http://www.apache.org/licenses/LICENSE-2.0
1.13 +
1.14 +Unless required by applicable law or agreed to in writing, software
1.15 +distributed under the License is distributed on an "AS IS" BASIS,
1.16 +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1.17 +See the License for the specific language governing permissions and
1.18 +limitations under the License.
1.19 +-->
1.20 +<html>
1.21 + <head>
1.22 + <meta charset="utf-8">
1.23 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
1.24 + <base href=""/>
1.25 +
1.26 + <style>
1.27 + body {
1.28 + margin: 0;
1.29 + overflow: hidden;
1.30 + background-color: rgba(0, 0, 0, 0.78);
1.31 + }
1.32 +
1.33 + body.started {
1.34 + background-color: transparent;
1.35 + }
1.36 +
1.37 + #viewer {
1.38 + position:fixed !important;
1.39 + left:0;top:0;bottom:0;right:0;
1.40 + overflow: hidden;
1.41 + line-height: 0;
1.42 + }
1.43 +
1.44 + #overlay {
1.45 + display: none;
1.46 + }
1.47 +
1.48 + #overlay.enabled {
1.49 + display: block;
1.50 + position:fixed;
1.51 + bottom: 0;
1.52 + right: 0;
1.53 + }
1.54 +
1.55 + #report, #fallback {
1.56 + float: right;
1.57 + width: 70px; height: 16px;
1.58 + padding: 8px 4px 4px;
1.59 + color: white;
1.60 + background-color: rgba(0, 0, 0, 0.62);
1.61 + font: bold 10px sans-serif;
1.62 + text-align: center;
1.63 + text-decoration: none;
1.64 + }
1.65 + #report {
1.66 + display: none;
1.67 + width: 100px;
1.68 + }
1.69 + #overlay:hover #report {
1.70 + display: block;
1.71 + }
1.72 +
1.73 + #fallback .icon {
1.74 + display: none;
1.75 + color: white;
1.76 + }
1.77 +
1.78 + #fallback:hover .icon {
1.79 + display: inline-block;
1.80 + }
1.81 +
1.82 + #report:hover, #fallback:hover {
1.83 + background-color: black;
1.84 + }
1.85 +
1.86 + @media screen and (max-width: 100px), screen and (max-height: 40px) {
1.87 + body.started #overlay {
1.88 + display: none;
1.89 + }
1.90 + }
1.91 + </style>
1.92 + </head>
1.93 +
1.94 + <body contextmenu="shumwayMenu">
1.95 + <div id="viewer"></div>
1.96 + <section>
1.97 + <div id="overlay">
1.98 + <a id="fallback" href="#">Shumway <span class="icon">×</span></a>
1.99 + <a id="report" href="#">Report Problems</a>
1.100 + </div>
1.101 + <menu type="context" id="shumwayMenu">
1.102 + <menuitem label="Show URL" id="showURLMenu"></menuitem>
1.103 + <menuitem label="Copy Profile" id="copyProfileMenu"></menuitem>
1.104 + <menuitem label="Open in Inspector" id="inspectorMenu"></menuitem>
1.105 + <menuitem label="Report Problems" id="reportMenu"></menuitem>
1.106 + <menuitem label="Fallback to Flash" id="fallbackMenu" hidden></menuitem>
1.107 + </menu>
1.108 + </section>
1.109 + </body>
1.110 +</html>
