source: gs3-extensions/web-audio/trunk/sound-manager2/css/flashblock.css@ 28388

Last change on this file since 28388 was 28388, checked in by davidb, 11 years ago

Set of JS, CSS, PNG etc web resources to support a mixture of audio player/document display capabilities

File size: 3.5 KB
RevLine 
[28388]1/*
2 * SoundManager 2 + useFlashBlock
3 * Flash positioning and flashblock / clicktoflash handling
4*/
5
6#sm2-container {
7 /*
8 * where the SM2 flash movie goes. by default, relative container.
9 * set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
10 */
11 position: absolute;
12 width: 1px;
13 height: 1px;
14 overflow: hidden;
15 /* screw IE 6, just make it display nice */
16 _overflow: hidden;
17}
18
19#sm2-container object,
20#sm2-container embed {
21 /*
22 * the actual SWF movie bit.
23 * important: The SWF needs to be able to be moved off-screen without display: or position: changes.
24 * changing display: or position: or overflow: here or on parent can cause SWF reload or other weird issues after unblock
25 * e.g., SM2 starts but strange errors, no whileplaying() etc.
26 */
27 width: 48px;
28 height: 48px;
29 /* some flash blockers may also respect this rule */
30 max-width: 48px;
31 max-height: 48px;
32}
33
34#sm2-container.swf_timedout {
35 /* expand to show the timed-out SWF content */
36 position: relative;
37 width: 48px;
38 height: 48px;
39}
40
41#sm2-container.swf_timedout,
42#sm2-container.swf_timedout object,
43#sm2-container.swf_timedout embed {
44 /*
45 * when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
46 * 48px square flash placeholder is typically used by blockers.
47 */
48 min-width: 48px;
49 min-height: 48px;
50}
51
52#sm2-container.swf_unblocked {
53 /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
54 width: 1px;
55 height: 1px;
56}
57
58#sm2-container.swf_loaded object,
59#sm2-container.swf_loaded embed,
60#sm2-container.swf_unblocked object,
61#sm2-container.swf_unblocked embed {
62 /* hide flash off-screen (relative to container) when it has loaded OK */
63 left: -9999em;
64 top: -9999em;
65}
66
67#sm2-container.swf_error {
68 /* when there is a fatal error (flash loaded, but SM2 failed) */
69 display: none;
70}
71
72#sm2-container.high_performance,
73#sm2-container.high_performance.swf_timeout {
74 /* "high performance" case: keep on-screen at all times */
75 position: absolute;
76 position: fixed;
77}
78
79#sm2-container.high_performance {
80 overflow: hidden;
81 _top: -9999px; /* IE 6 hax, no position:fixed */
82 _left: -9999px;
83 bottom: 0px;
84 left: 0px;
85 /*
86 * special case: show at first with w/h, hide when unblocked.
87 * might be bad/annoying.
88 * try to stay within ClickToFlash "invisible" limits (so it won't be blocked.)
89 */
90 z-index: 99; /* try to stay on top */
91}
92
93#sm2-container.high_performance.swf_loaded,
94#sm2-container.high_performance.swf_unblocked {
95 z-index: auto;
96}
97
98#sm2-container.high_performance.swf_loaded,
99#sm2-container.high_performance.swf_unblocked,
100#sm2-container.high_performance.swf_unblocked object,
101#sm2-container.high_performance.swf_unblocked embed {
102 /*
103 * 8x8px is required minimum to load in fx/win32 in some cases(?)
104 * 6x6+ good for fast performance, even better when on-screen via position:fixed
105 * also, clickToFlash (Safari <5.1) may auto-load "invisible" SWFs at this size
106 */
107 height: 8px;
108 width: 8px;
109}
110
111#sm2-container.high_performance.swf_loaded {
112 /* stay bottom/left */
113 top: auto;
114 bottom: 0px;
115 left: 0px;
116}
117
118#sm2-container.high_performance.swf_loaded object,
119#sm2-container.high_performance.swf_loaded embed,
120#sm2-container.high_performance.swf_unblocked object,
121#sm2-container.high_performance.swf_unblocked embed {
122 /* high-performance case must stay on-screen */
123 left: auto;
124 top: auto;
125}
126
127#sm2-container.high_performance.swf_timedout {
128 z-index: 99; /* try to stay on top */
129}
Note: See TracBrowser for help on using the repository browser.