1/*
2 * Copyright (C) 2013 Apple Inc.  All rights reserved.
3 *
4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions
6 * are met:
7 * 1. Redistributions of source code must retain the above copyright
8 *    notice, this list of conditions and the following disclaimer.
9 * 2. Redistributions in binary form must reproduce the above copyright
10 *    notice, this list of conditions and the following disclaimer in the
11 *    documentation and/or other materials provided with the distribution.
12 *
13 * THIS SOFTWARE IS PROVIDED BY APPLE, INC. ``AS IS'' AND ANY
14 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
15 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16 * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE, INC. OR
17 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
18 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
19 * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
20 * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
21 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
22 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
23 */
24
25/*
26 * This is the UA StyleSheet for <object> and <embed> elements.
27 *
28 * Such elements, when snapshotted (paused), will contain a ShadowRoot
29 * with the following structure:
30 *
31 * <object>
32 *     #ShadowRoot
33 *         <div pseudo="-webkit-snapshotted-plugin-content">
34 *             <div class="snapshot-overlay" aria-label="[Title]: [Subtitle]" role="button">
35 *                 <div class="snapshot-label">
36 *                     <div class="snapshot-title">[Title]</div>
37 *                     <div class="snapshot-subtitle">[Subtitle]</div>
38 *                 </div>
39 *             </div>
40 *         </div>
41 */
42
43embed::-webkit-snapshotted-plugin-content,
44object::-webkit-snapshotted-plugin-content
45{
46    position: relative;
47    display: inline-block;
48    width: 100%;
49    height: 100%;
50}
51
52embed::-webkit-snapshotted-plugin-content > .snapshot-overlay,
53object::-webkit-snapshotted-plugin-content > .snapshot-overlay
54{
55    position: absolute;
56    top: 5px;
57    right: 5px;
58    bottom: 5px;
59    left: 5px;
60    background-color: rgba(255, 255, 255, 0.75);
61    cursor: pointer;
62    display: -webkit-flex;
63    -webkit-justify-content: center;
64    -webkit-align-items: center;
65}
66
67embed::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label,
68object::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label
69{
70    color: black;
71    -webkit-user-select: none;
72}
73
74embed::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > div,
75object::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > div
76{
77    overflow: hidden;
78    white-space: nowrap;
79    text-overflow: ellipsis;
80}
81
82embed::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > .snapshot-title,
83object::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > .snapshot-title
84{
85    font-weight: bold;
86}
87
88embed::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > .snapshot-subtitle,
89object::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > .snapshot-subtitle
90{
91    font-style: italic;
92    color: #444;
93}
94