browser/extensions/shumway/content/web/viewer.html@6474c204b198 (annotated)
browser/extensions/shumway/content/web/viewer.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
| michael@0 | 1 | <!DOCTYPE html> |
| michael@0 | 2 | <!-- |
| michael@0 | 3 | Copyright 2013 Mozilla Foundation |
| michael@0 | 4 | |
| michael@0 | 5 | Licensed under the Apache License, Version 2.0 (the "License"); |
| michael@0 | 6 | you may not use this file except in compliance with the License. |
| michael@0 | 7 | You may obtain a copy of the License at |
| michael@0 | 8 | |
| michael@0 | 9 | http://www.apache.org/licenses/LICENSE-2.0 |
| michael@0 | 10 | |
| michael@0 | 11 | Unless required by applicable law or agreed to in writing, software |
| michael@0 | 12 | distributed under the License is distributed on an "AS IS" BASIS, |
| michael@0 | 13 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| michael@0 | 14 | See the License for the specific language governing permissions and |
| michael@0 | 15 | limitations under the License. |
| michael@0 | 16 | --> |
| michael@0 | 17 | <html> |
| michael@0 | 18 | <head> |
| michael@0 | 19 | <meta charset="utf-8"> |
| michael@0 | 20 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| michael@0 | 21 | <base href=""/> |
| michael@0 | 22 | |
| michael@0 | 23 | <style> |
| michael@0 | 24 | body { |
| michael@0 | 25 | margin: 0; |
| michael@0 | 26 | overflow: hidden; |
| michael@0 | 27 | background-color: rgba(0, 0, 0, 0.78); |
| michael@0 | 28 | } |
| michael@0 | 29 | |
| michael@0 | 30 | body.started { |
| michael@0 | 31 | background-color: transparent; |
| michael@0 | 32 | } |
| michael@0 | 33 | |
| michael@0 | 34 | #viewer { |
| michael@0 | 35 | position:fixed !important; |
| michael@0 | 36 | left:0;top:0;bottom:0;right:0; |
| michael@0 | 37 | overflow: hidden; |
| michael@0 | 38 | line-height: 0; |
| michael@0 | 39 | } |
| michael@0 | 40 | |
| michael@0 | 41 | #overlay { |
| michael@0 | 42 | display: none; |
| michael@0 | 43 | } |
| michael@0 | 44 | |
| michael@0 | 45 | #overlay.enabled { |
| michael@0 | 46 | display: block; |
| michael@0 | 47 | position:fixed; |
| michael@0 | 48 | bottom: 0; |
| michael@0 | 49 | right: 0; |
| michael@0 | 50 | } |
| michael@0 | 51 | |
| michael@0 | 52 | #report, #fallback { |
| michael@0 | 53 | float: right; |
| michael@0 | 54 | width: 70px; height: 16px; |
| michael@0 | 55 | padding: 8px 4px 4px; |
| michael@0 | 56 | color: white; |
| michael@0 | 57 | background-color: rgba(0, 0, 0, 0.62); |
| michael@0 | 58 | font: bold 10px sans-serif; |
| michael@0 | 59 | text-align: center; |
| michael@0 | 60 | text-decoration: none; |
| michael@0 | 61 | } |
| michael@0 | 62 | #report { |
| michael@0 | 63 | display: none; |
| michael@0 | 64 | width: 100px; |
| michael@0 | 65 | } |
| michael@0 | 66 | #overlay:hover #report { |
| michael@0 | 67 | display: block; |
| michael@0 | 68 | } |
| michael@0 | 69 | |
| michael@0 | 70 | #fallback .icon { |
| michael@0 | 71 | display: none; |
| michael@0 | 72 | color: white; |
| michael@0 | 73 | } |
| michael@0 | 74 | |
| michael@0 | 75 | #fallback:hover .icon { |
| michael@0 | 76 | display: inline-block; |
| michael@0 | 77 | } |
| michael@0 | 78 | |
| michael@0 | 79 | #report:hover, #fallback:hover { |
| michael@0 | 80 | background-color: black; |
| michael@0 | 81 | } |
| michael@0 | 82 | |
| michael@0 | 83 | @media screen and (max-width: 100px), screen and (max-height: 40px) { |
| michael@0 | 84 | body.started #overlay { |
| michael@0 | 85 | display: none; |
| michael@0 | 86 | } |
| michael@0 | 87 | } |
| michael@0 | 88 | </style> |
| michael@0 | 89 | </head> |
| michael@0 | 90 | |
| michael@0 | 91 | <body contextmenu="shumwayMenu"> |
| michael@0 | 92 | <div id="viewer"></div> |
| michael@0 | 93 | <section> |
| michael@0 | 94 | <div id="overlay"> |
| michael@0 | 95 | <a id="fallback" href="#">Shumway <span class="icon">×</span></a> |
| michael@0 | 96 | <a id="report" href="#">Report Problems</a> |
| michael@0 | 97 | </div> |
| michael@0 | 98 | <menu type="context" id="shumwayMenu"> |
| michael@0 | 99 | <menuitem label="Show URL" id="showURLMenu"></menuitem> |
| michael@0 | 100 | <menuitem label="Copy Profile" id="copyProfileMenu"></menuitem> |
| michael@0 | 101 | <menuitem label="Open in Inspector" id="inspectorMenu"></menuitem> |
| michael@0 | 102 | <menuitem label="Report Problems" id="reportMenu"></menuitem> |
| michael@0 | 103 | <menuitem label="Fallback to Flash" id="fallbackMenu" hidden></menuitem> |
| michael@0 | 104 | </menu> |
| michael@0 | 105 | </section> |
| michael@0 | 106 | </body> |
| michael@0 | 107 | </html> |
