Extract UTI mapping and allow for additions
[WebKit-https.git] / Source / WebCore / css / plugIns.css
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
43 embed::-webkit-snapshotted-plugin-content,
44 object::-webkit-snapshotted-plugin-content
45 {
46     position: relative;
47     display: inline-block;
48     width: 100%;
49     height: 100%;
50 }
51
52 embed::-webkit-snapshotted-plugin-content > .snapshot-overlay,
53 object::-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: flex;
63     justify-content: center;
64     align-items: center;
65 }
66
67 embed::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label,
68 object::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label
69 {
70     color: black;
71     -webkit-user-select: none;
72 }
73
74 embed::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > div,
75 object::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > div
76 {
77     overflow: hidden;
78     white-space: nowrap;
79     text-overflow: ellipsis;
80 }
81
82 embed::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > .snapshot-title,
83 object::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > .snapshot-title
84 {
85     font-weight: bold;
86 }
87
88 embed::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > .snapshot-subtitle,
89 object::-webkit-snapshotted-plugin-content > .snapshot-overlay > .snapshot-label > .snapshot-subtitle
90 {
91     font-style: italic;
92     color: #444;
93 }