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