wyrian/js/libs/soundmanager/demo/flashblock/flashblock.css
2011-12-19 15:46:06 -05:00

99 lines
No EOL
2.6 KiB
CSS

/*
SoundManager 2 + useFlashBlock
Flash positioning and flashblock / clicktoflash handling
*/
#sm2-container {
/*
where the SM2 flash movie goes. by default, relative container.
set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
*/
position:relative;
width:1px;
height:1px;
_overflow:hidden; /* screw IE 6, just make it display nice */
}
#sm2-container object,
#sm2-container embed {
/*
the actual movie bit.
SWF needs to be able to be moved off-screen without display: or position: changes. important.
changing display: or position: or overflow: here or on parent can cause SFW reload or other weird issues after unblock,
eg. SM2 starts but strange errors, no whileplaying() etc.
*/
position:absolute;
}
#sm2-container object,
#sm2-container embed,
#sm2-container.swf_timedout,
#sm2-container.swf_timedout object,
#sm2-container.swf_timedout embed {
/*
when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
48px square flash placeholder is typically used by blockers.
*/
left:auto;
top:auto;
width:48px;
height:48px;
}
#sm2-container.swf_unblocked {
/* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
width:1px;
height:1px;
}
#sm2-container.swf_unblocked object,
#sm2-container.swf_unblocked embed {
/* hide flash off-screen (relative to container) when it has loaded OK */
left:-9999em;
top:-9999em;
}
#sm2-container.swf_error {
/* when there is a fatal error (flash loaded, but SM2 failed) */
display:none;
}
#sm2-container.high_performance {
/* "high performance" case: keep on-screen at all times */
position:absolute;
position:fixed;
_top:-9999px; /* IE 6 hax, no position:fixed */
_left:-9999px;
bottom:0px;
left:0px;
/*
special case: show at first with w/h, hide when unblocked.
might be bad/annoying.
*/
width:48px;
height:48px;
z-index:99; /* try to stay on top */
}
#sm2-container.high_performance.swf_unblocked {
z-index:auto;
}
#sm2-container.high_performance.swf_unblocked,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
/* 8x8px is required minimum to load in fx/win32 in some cases(?), 6x6+ good for fast performance, even better when on-screen via position:fixed */
width:8px;
height:8px;
}
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
/* high-performance case must stay on-screen */
left:auto;
top:auto;
}
#sm2-container.high_performance.swf_timedout {
z-index:99; /* try to stay on top */
}