soundmap_theme/carnaval/soundmanagerv297a-20130101/demo/index-rollup.css

39 lines
59 KiB
CSS
Raw Normal View History

2016-11-29 01:18:17 +01:00
/**
* SoundManager 2 homepage demo CSS
* --------------------------------
* MP3 player button, Muxtape/page player,
* inline player and 360 player demo bits
* combined and minified for optimal performance.
* For raw source, see individual demo pages.
* --------------------------------
* Source files:
* demo/play-mp3-links/css/inlineplayer.css
* demo/page-player/css/page-player.css
* demo/360-player/360player.css
* demo/360-player/360player-visualization.css
* demo/mp3-player-button/css/mp3-player-button.css
* demo/flashblock/flashblock.css
* demo/index/index.css
*/
@font-face {
/*
* 'Chunk' font by Meredith Mandel - http://work.meredithmandel.com/#379252/Typeface-Chunk-Five
* http://www.theleagueofmoveabletype.com/fonts/4-chunk
* Provided under the SIL Open Font License (OFL)
* http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL&_sc=1
*/
font-family: 'ChunkFiveRegular';
src: url('_image/chunk-webfont.woff') format('woff'),
url('_image/chunk-webfont.ttf') format('truetype'),
url('_image/chunk-webfont.svg#ChunkFiveRegular') format('svg');
font-weight: normal;
font-style: normal;
}
ul.flat{list-style-type:none;padding-left:0}ul.flat li,ul.graphic li{padding-bottom:1px}ul.flat li a{display:inline-block;padding:2px 4px 2px 4px}ul.graphic{list-style-type:none;padding-left:0;margin-left:0}ul.graphic{list-style-type:none;margin:0;padding:0}ul.graphic li{margin-bottom:2px}ul.graphic li a,ul.graphic li a.sm2_link{display:inline-block;padding-left:22px;min-height:16px;vertical-align:middle;background-color:#369;border-radius:3px;padding:3px 3px 3px 25px;min-width:19em;_width:19em;text-decoration:none;font-weight:normal;color:#f6f9ff}ul.graphic li a.sm2_link{-webkit-transition-property:hover;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear 0s;-o-transition-property:background-color;-o-transition-duration:.15s}ul.graphic li a,ul.graphic li a.sm2_paused:hover,ul.graphic li a.sm2_link:hover{background-image:url(play-mp3-links/image/icon_play.png);background-position:3px 50%;background-repeat:no-repeat;_background-image:url(play-mp3-links/image/icon_play.gif)}ul.graphic li a.sm2_link:hover{background-color:#036;color:#fff}ul.graphic li a.sm2_paused{background-color:#999}ul.graphic li a.sm2_paused:hover{background:#036 url(play-mp3-links/image/icon_play.png) no-repeat 3px 50%;_background-image:url(play-mp3-links/image/icon_play.gif)}ul.graphic li a.sm2_playing,ul.graphic li a.sm2_playing:hover{background:#036 url(play-mp3-links/image/icon_pause.png) no-repeat 3px 50%;_background-image:url(play-mp3-links/image/icon_pause.gif);text-decoration:none}body #sm2-container object,body #sm2-container embed{left:-9999em;top:-9999em}ul.flat a.sm2_link{border-left:6px solid #999;padding-left:4px;padding-right:4px}ul.flat a.sm2_link:hover{border-left-color:#333}ul.flat a.sm2_playing{border-left-color:#66f;background-color:#000;color:#fff;text-decoration:none}ul.flat a.sm2_playing:hover{border-left-color:#c33}ul.flat a.sm2_paused{background-color:#666;color:#fff;text-decoration:none}ul.flat a.sm2_paused:hover{border-left-color:#3c3}.spectrum-container{display:none}ul.use-spectrum li.sm2_playing .spectrum-container{position:absolute;left:0;top:0;margin-left:-266px;margin-top:-1px;display:block;background-color:#58b;border:1px solid #9cf;border-radius:4px}ul.use-spectrum .spectrum-box{position:relative;width:255px;font-size:1em;padding:2px 0;height:1.2em;overflow:hidden}ul.use-spectrum .spectrum-box .spectrum{position:absolute;left:0;top:-2px;margin-top:20px;display:block;font-size:1px;width:1px;height:1px;overflow:hidden;background-color:#fff}ul.playlist{list-style-type:none;margin:0;padding:0}ul.playlist li{position:relative;display:block;width:auto;font-size:2em;color:#666;padding:.25em .5em .25em .5em;border:0;letter-spacing:-1px;background-color:#f9f9f9;-webkit-transition-property:hover;-webkit-transition:background-color .15s ease-in-out;-moz-transition:background-color .15s linear 0s;-o-transition-property:background-color;-o-transition-duration:.15s}ul.playlist li a{display:block;text-decoration:none;font-weight:normal;color:#000;font-size:120%;outline:0;position:relative;z-index:2}ul.playlist li.sm2_playing,ul.playlist li.sm2_paused,ul.playlist li.sm2_playing a{color:#fff;border-radius:3px}ul.playlist li:hover{background-color:#eee}ul.playlist li:hover a{color:#333}ul.playlist li.sm2_playing,ul.playlist li.sm2_playing:hover{background-color:#69c}ul.playlist li.sm2_paused{background-color:#999}ul.playlist li.sm2_playing:hover a,ul.playlist li.sm2_paused a{color:#fff}ul.playlist li .controls{display:none}ul.playlist li .peak,ul.playlist.use-peak li .peak{display:none;position:absolute;top:.55em;right:.5em}ul.playlist li.sm2_playing .controls,ul.playlist li.sm2_paused .controls{position:relative;display:block}ul.playlist.use-peak li.sm2_playing .peak,ul.playlist.use-peak li.sm2_paused .peak{display:inline;display:inline-block}ul.playlist.use-peak li .peak{display:none}ul.playlist li.sm2_paused .controls{background-color:#666}ul.playlist li:hover .controls .statusbar{position:relative;cursor:ew-resize;cursor:-moz-grab;cursor:grab}ul.playlist li.sm2_paused .controls .statusbar{ba
.ui360,.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{background:transparent url(360-player/360-button-play.png) no-reoeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABoUlEQVR42sWVu2oCQRhGU/s8gpVYJeQJNkZSbiH4QNuLlQZS21sJayGYaOEFVFDxNiremj9zig2uzk5YQpKFg8PMd75ZZle9E5Ff4e+Ll8tlQuNoPI2vUcCYOdbIxCmm9F5T0YgNMmS/LebSwWdNa7VayXq9ls1mI9vtVna7nQBj5lgjQxYHN7KY3QkiUbDf7+V4PMrpdArBHGtkyOJc3/n1mVaUUl+F5/PZSrABDi4dpmKH3QkixQEHlw5TsccZmsRCoSD1et1ajkuHqdg/HA5GKZPJCOTzeanVasYMLh2mYsXDIGAoDuG6rlSr1WCdBxrcsTIWazgrQiHS6bSRYJ3XDzeq2O/3+9Ltdm9IpVIhstmslEqlUAY36ii8ZrMpjUbjhmQyKeA4jhSLRWMGN+rhOZ1Oh8ANuVxOyuUy40hwo163RK/XeyPQbrdjgYNr/ILAYDB41Gf1wZnFAQfX+iM0HA5fxuPx+2g0Ej22QoYsDq61mGsymTxMp9NX/Sk2yJDFsRZfXpzXbDZ7WiwW3nw+9zUKGDPHGpkL5V//mn7OJyJZApyzeUS5AAAAAElFTkSuQmCC);*background-image:url(360-player/360-button-play.png);background-repeat:no-repeat}.ui360{background-position:14px 50%;_background:transparent url(360-player/360-button-play.gif) no-repeat 14px 50%}.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{background-position:50% 50%;_background:transparent url(360-player/360-button-play.gif) no-repeat 50% 50%}.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{cursor:pointer}.ui360 .sm2-360btn-default:hover,.ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover{background:transparent url(360-player/360-button-play-light.png) no-repeat 50% 50%;_background:transparent url(360-player/360-button-play.gif) no-repeat 50% 50%;cursor:pointer}.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,.ui360 .sm2-360btn-playing:hover{background:transparent url(360-player/360-button-pause-light.png) no-repeat 50% 50%;_background:transparent url(360-player/360-button-pause-light.gif) no-repeat 50% 50%;cursor:pointer}.ui360 .sm2-360ui.sm2_playing .sm2-timing{visibility:visible}.ui360 .sm2-360ui.sm2_buffering .sm2-timing{visibility:hidden}.ui360 .sm2-360ui .sm2-timing,.ui360 .sm2-360ui .sm2-360btn:hover+.sm2-timing,.ui360 .sm2-360ui.sm2_paused .sm2-timing{visibility:hidden}.ui360 .sm2-360ui.sm2_dragging .sm2-timing,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover+.sm2-timing{visibility:visible}.ui360 .sm2-360ui.sm2_playing .sm2-360btn,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover{background:transparent;cursor:auto}.ui360 .sm2-360ui.sm2_buffering .sm2-360btn,.ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover{background:transparent url(360-player/icon_loading_spinner.gif) no-repeat 50% 50%;opacity:.5;visibility:visible}.sm2-inline-list .ui360,.sm2-inline-block .ui360{position:relative;display:inline-block;float:left;_display:inline;margin-bottom:-15px}.sm2-inline-list .ui360{margin-right:-2px}.sm2-inline-block .ui360{margin-right:8px}.sm2-inline-list .ui360 a{display:none}ul.ui360playlist{list-style-type:none}ul.ui360playlist,ul.ui360playlist li{margin:0;padding:0}div.ui360 div.metadata{display:none}div.ui360 a span.metadata,div.ui360 a span.metadata *{vertical-align:baseline}.ui360-vis,.ui360-vis .sm2-360ui,.sm2-inline-list .ui360-vis{width:256px;height:256px}.ui360-vis{position:relative;padding-top:1px;padding-bottom:1px;margin-bottom:-18px;padding-left:248px;margin-left:0;background-position:22.6% 50%}.sm2-inline-list .ui360-vis{cursor:pointer}.ui360-vis a{font:14px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;white-space:nowrap;text-indent:0;top:46%}.sm2-inline-list .ui360-vis a{line-height:256px;top:auto}.ui360-vis .sm2-360ui{margin-left:-256px}.ui360-vis .sm2-timing{font:bold 24px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;color:#333;text-align:center;line-height:256px;text-indent:0}.sm2-inline-list .ui360-vis,.sm2-inline-list .ui360-vis .sm2-360ui{margin-left:0}.sm2-inline-list .ui360-vis{margin:8px 13px 7px 0;padding-left:0;background-position:50% 50%}.sm2-inline-list .ui360-vis .sm2-360ui{border:1px solid #eee;margin-left:-1px;margin-top:-1px}.sm2-inline-list .ui360-vis a{position:absolute;display:inline;left:0;bottom:0;top:1px;width:
#sm2-container.high_performance.swf_timedout{z-index:99}body{background:#fff;color:#272727;margin:0;padding:0;font:75% "helvetica neue",helvetica,arial,verdana,tahoma,"sans serif";_width:99.5%;-moz-transition:font-size .1s;-webkit-transition:font-size .1s}@media all and (min-width:1600px){body{font-size:90%}body.home .sm2-speaker{max-width:226px!important}#nav>ul>li>strong>a{padding-bottom:.5em!important}}@media all and (min-width:1800px){body{font-size:118%}body.home .sm2-speaker{left:-2.5%!important;margin-left:-15%!important;margin-top:20px!important}}body.home{min-width:80em}body,#main-wrapper,#nav ul li strong a{background:#fff url(../demo/_image/noise.png)}body,#main-wrapper,#nav ul li strong a{background:#fff url(../demo/_image/tiny_grid.png);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaAgMAAADUJKRdAAAADFBMVEX8/Pz19fX09PT29vY9qbYoAAAAaElEQVR4Xk2MoREDMRADrzSDBQcEQj71GBw4kBbSQKp4YBBw9PsJyLxtsR2tZNfx/LyPhzX7R1Ue2SfjKlicDKBNdpBXsz790Nj8kUlo+WR47PvEPfY+gb7+kMhm5801EBsLvq/z3v8Apg8pkRmgbrsAAAAASUVORK5CYII=);*background:#fff url(../demo/_image/tiny_grid.png)}@font-face{font-family:'DejaVuSansMonoBook';src:url('../demo/_image/dejavusansmono-webfont.eot');src:url('../demo/_image/dejavusansmono-webfont.eot?#iefix') format('embedded-opentype'),url('../demo/_image/dejavusansmono-webfont.woff') format('woff'),url('../demo/_image/dejavusansmono-webfont.ttf') format('truetype');font-weight:normal;font-style:normal}h1,h2.special{letter-spacing:-0.005em}h2.special{font-family:"ChunkFive","ChunkFiveRegular","helvetica neue",helvetica,arial,verdana,tahoma,"sans serif";letter-spacing:0;font-weight:normal;display:inline}h1,h2,h3,h4{font-size:1em;margin:0;padding:0;vertical-align:middle}h4.new,h4.recent,h4.flash9{min-height:24px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em;border-top:.25em solid #333;border-bottom:1px dotted #999;padding-top:.25em;padding-bottom:.25em;_margin-top:1.5em}body.home h3{border-top:.25em solid #444;margin-top:1.25em}#doc .c2 h3{position:relative;background:#333;color:#fff;padding:.25em .75em;border:0;line-height:1.4em}h3,.likeh3,.home .columnar .c2 #about-sm2 h3:first-child{margin-top:1.5em}h4{margin:1.5em 0 .5em 0;font-size:1.15em}h5{font-size:1.2em;font-weight:500;color:#333}.c2 h5{border-bottom:1px solid #ccc;padding-bottom:.25em}.sub-heading{color:#666;font-weight:400}h2.special a{top:-0.65em}body.home #about-header{position:relative;margin-left:18%;min-height:175px;padding-top:1.75em}body.home #about-header .feature{position:relative;top:-0.25em;vertical-align:middle}body.home .sm2-speaker{position:absolute;left:-1.5%;top:0;margin-right:2em;margin-bottom:8px;max-width:192px;min-width:64px;width:20%;margin-left:-20%}body.home .sm2-speaker img{width:100%;max-width:226px;min-width:32px}body.home #about-sm2 h2.special,body.home #about-sm2 h3,body.home #about-sm2 h4{font-weight:500;font-size:2em;border-bottom:0;padding-bottom:0}body.home #about-sm2 h2.special{font-size:3.5em;color:#333;margin-top:.1em}body.home #about-sm2 h2.special,body.home #about-sm2 h3{letter-spacing:0}body.home #about-sm2 h3{font-size:2.25em}body.home #about-sm2 b{font-weight:500}body.home #about-sm2 strong{font-weight:500;color:#333}#col3 a.button,a.feature-hot,a.feature{display:inline-block;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-shadow:0 1px 0 rgba(0,0,0,0.33);box-shadow:inset 0 0 3px rgba(0,0,0,0.33)}@-moz-keyframes highlight{from{box-shadow:0 0 0 rgba(255,64,64,0)}to{box-shadow:0 0 16px rgba(255,64,64,0.75)}}@-webkit-keyframes highlight{from{box-shadow:0 0 0 rgba(255,64,64,0)}to{box-shadow:0 0 16px rgba(255,64,64,0.75)}}#col3 a.feature{margin-top:0}a.feature-hot:hover,a.feature:hover,#col3 a.button:hover{-moz-animation-duration:.5s;-moz-animation-name:highlight;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-webkit-animation-duration:.5s;-webkit-animation-name:highlight;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate}body.home #about-sm2 h3{color:#444;font-we
#top h1,#top h2,#version{text-shadow:0 1px 0 rgba(0,0,0,0.5)}#main-wrapper{position:relative;box-shadow:inset 0 0 16px #fff}#main{position:relative;padding:0 0 2em 0;padding-top:1px;margin:0 auto;*padding:0 1em 2em 1em;zoom:1}#main{max-width:98em}body.home #main{box-shadow:none;max-width:104em}.columnar{position:relative;margin:0;padding:0;margin:1.9em .5em .5em 1em}.columnar .c1{position:absolute;left:0;top:0;width:20em;height:30px;_position:relative;_height:auto}#doc .columnar .c1{left:auto;right:1em;_right:auto}.columnar .c1 h2{position:relative;font-size:1.2em;padding:.37em .5em;vertical-align:middle;background:#333;color:#fff;text-indent:.25em}.columnar .c1 p{margin:.5em 0 1em 0;padding-left:.5em;padding-right:.5em;font-size:.95em;line-height:1.35em;color:#666}.columnar .c1 p code{color:#369}.columnar .c2{position:relative;margin-top:0;margin-left:22em;margin-bottom:1.5em}.triple .columnar .c2{margin-right:21.25em;min-width:20em}#doc .triple .columnar .c2{margin-left:21.5em;margin-right:23em;_margin-right:0}#doc.special .triple .columnar .c2{margin-right:.75em;max-width:70em}#doc .triple .columnar .c1{margin-right:0;margin-left:21.25em}.columnar .c2 p:first-child{margin-top:.2em}.columnar .c2>.f-block:first-child>h4{margin-top:.5em}.columnar .c2 strong strong{display:block;padding:.5em;border-bottom:1px solid #999;background:#f0f6ff;color:#369}.columnar .c2 p{line-height:1.75em;padding-top:.25em;padding-bottom:.25em}.three .columnar{position:relative}.three .columnar .c1{position:relative;width:20em}.three .columnar .c2{position:relative;margin-right:16em}.c3{position:absolute;right:1em;margin-right:16px;top:2em;width:16em;margin-top:-0.5em}#doc .c3{right:auto;margin-right:0;margin-left:16px;left:1.25em;z-index:1}#nav{position:relative;margin-top:.75em;margin-left:-0.5em}ul{line-height:1.5em}#nav ul{margin:0;padding:0;line-height:1em;list-style-type:none}#nav ul li{position:relative;margin:0;padding:0;float:left;display:inline;padding-right:1px}#nav ul li ul{position:absolute;z-index:1;display:none;min-width:17em;max-width:20em;background:#39c;background:-moz-linear-gradient(top,rgba(51,153,204,0.97) 0,rgba(35,96,127,0.94) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(51,153,204,0.97)),color-stop(100%,rgba(35,96,127,0.94)));background:-webkit-linear-gradient(top,rgba(51,153,204,0.97) 0,rgba(35,96,127,0.94) 100%);background:-o-linear-gradient(top,rgba(51,153,204,0.97) 0,rgba(35,96,127,0.94) 100%);background:-ms-linear-gradient(top,rgba(51,153,204,0.97) 0,rgba(35,96,127,0.94) 100%);background:linear-gradient(top,rgba(51,153,204,0.97) 0,rgba(35,96,127,0.94) 100%);text-shadow:0 1px 0 rgba(0,0,0,0.25);_width:17em;*top:1.5em;*left:0}#nav ul li:last-child ul{right:1px}#nav ul li:hover ul,#nav ul li ul:hover{display:block}#nav ul li ul li{float:none;display:block;width:100%}#nav ul li ul li a{display:block;width:auto;border:0;padding:.5em;padding-left:1em;color:#fff;font-weight:bold;color:rgba(255,255,255,0.9)}#nav ul li a{display:inline-block;padding:.35em .5em;padding-left:.75em;padding-right:.75em;text-decoration:none;font-weight:bold;color:#fff}#nav ul li ul li a:hover{background-color:#369;background-color:rgba(0,0,0,0.45)}#nav>ul>li>a,#nav>ul>li>strong>a{color:#ddd;font-size:1.1em}#nav ul li strong a{color:#333}#nav>ul>li>strong>a{padding-bottom:5px}#nav ul li a:hover,#nav>ul>li:hover>a{background:#39c;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.25)}#version{position:relative;float:right;display:inline;margin-left:1em;font-size:85%;margin-bottom:0;margin-top:.45em;color:#999}div.clear{clear:both;font-size:1px;line-height:1px}.note{margin-top:.5em;font-size:.95em;color:#999}.note a{color:#666;padding:1px;margin:-1px}.note a:hover{color:#fff;background:#666}.medium-note{padding-top:1.5em;font-size:1em}ul.standard{line-height:1.5em;padding-left:1.2em;*padding-left:0;color:#333;margin-top:1em;margin-bottom:1em;list-style-type:square}ul.standard li{margin-bottom:.5em}ul.standard ul{margin-top:.5em;margin-bottom:1.5em;padding-left:1.2em}.c3 ul{list-style-type:none}.c3 ul,.c3 ul li{margin:
.padded{padding:.5em}dd.deprecation-note{color:#933;background-color:#fff6f6}.c3 p{font-size:.9em;padding-left:.75em;padding-right:.5em}.c1 pre code{margin-top:0;color:#369;margin-left:0}.c1 pre{margin-top:0;padding-top:0;margin-left:.5em}#reset-filter{position:relative;font-family:"Helvetica Neue","Helvetica",helvetica,arial,verdana,sans-serif;font-weight:300;font-size:2.5em;letter-spacing:-1px}.c2 .option{font-size:85%;float:right;display:inline;margin-left:1em;margin-right:.5em;margin-top:3px;line-height:1em;white-space:nowrap}.c2 .option a{padding:.1em .35em .1em .35em;color:#39c}#filter-box{position:relative;display:none}#get-satisfaction{position:relative}#support-wrapper{position:relative;background:#fff;border:1px solid rgba(0,0,0,0.03);box-shadow:0 0 1px rgba(0,0,0,0.075)}#gsfn_content{position:relative;padding:.5em 0 .5em 0}#gsfn_content ul{position:relative;overflow:hidden;height:0;margin:0;-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;transition:height .5s ease-in-out}#gsfn_content ul li{border:0}div#gsfn_list_widget img{border:0}div#gsfn_list_widget a{text-decoration:none}div#gsfn_list_widget a.widget_title{display:block;margin-bottom:10px;font-weight:bold}div#gsfn_list_widget .powered_by{font-family:verdana,arial;margin:-0.25em 1em 0 1em;padding:.25em 0 .5em 0;border-top:1px dotted #ddd;font-size:75%}body.home div#gsfn_list_widget .powered_by{padding-bottom:0}div#gsfn_list_widget .powered_by a{font-style:italic;color:#999}div#gsfn_list_widget .powered_by a:hover{color:#333}div#gsfn_list_widget div#gsfn_content{font-size:85%;font-size:.9em;padding-left:.5em;padding-right:.5em}div#gsfn_list_widget div#gsfn_content li{text-align:left;position:relative;clear:right;*zoom:1}div#gsfn_list_widget div#gsfn_content li:hover,div#gsfn_list_widget div#gsfn_content li:hover a{background:#39c;color:#fff}div#gsfn_list_widget div#gsfn_content a.gsfn_link{display:block;line-height:1.2em;padding:5px 0 5px 5px}div#gsfn_list_widget div#gsfn_content a.gsfn_link:hover{_color:#fff;_background-color:#39c}div#gsfn_list_widget div#gsfn_content span.time{font-size:85%;color:#999;padding-left:3px;padding-right:3px;text-align:right;float:right;display:inline;margin-top:1px}div#gsfn_list_widget div#gsfn_content li:hover span.time{color:#fff}div#gsfn_list_widget div#gsfn_content p.gsfn_summary{margin-top:2px;position:relative;z-index:2}.tight{margin-top:0}.compact{margin-bottom:.25em!important}.smaller{margin-top:0!important;margin-bottom:.25em!important}.c2 a,a.cta{margin-top:-0.3em;padding:.2em .25em;margin-left:-0.2em;margin-right:-0.2em;*margin:0;*padding:0 2px;*margin:0 -2px 0 -2px;text-decoration:none;color:#39c;border-radius:.25em;zoom:1}body.home .c2 a,body.home a.cta{text-shadow:0 1px 0 #fff}body.home .c2 a:hover,body.home a.cta:hover{text-shadow:none}.c2 a.sm2_button{border-radius:6px}.c2 a.sm2_button.type-2{border-radius:9px}.c2 a{margin-left:-0.2em;margin-right:-0.2em;color:#39c;font-weight:bold;text-decoration:none}.c2 a.cta{text-decoration:none}a.cta span{font-size:1.5em;line-height:1em}a.cta:hover,.c2 a:hover,#sm2-options a:hover{background-color:#39c;border-color:#39c;color:#fff;text-decoration:none}.c2 a.sm2_button:hover{background-color:#c33}dt a:hover span{color:#fff}a.cta-more{color:#def;font-size:.8em;position:absolute;right:0;margin:0;padding:1px;bottom:.9em;line-height:1em}a.cta-more:hover{background:#fff;color:#39c}li.html5support span{padding:0 5px;display:inline-block;text-align:center;font-weight:bold;background:#ccc;color:#fff;border-radius:5px;margin-left:.5em;margin-bottom:.25em}li.html5support em{font-weight:bold}li.html5support span.true{background:#696}li.html5support span.partial{background:#933}li.html5support em.partial{color:#933}li.html5support em.true{color:#696}#nav ul li ul{box-shadow:2px 2px 2px rgba(51,153,204,0.2)}.newer{vertical-align:middle;margin-top:1em;margin-bottom:1em}.newer a,a.feature,.feature-hot{position:relative;display:inline-block;background:#39f;padding:.3em .66em;margin:-0.3em 0 0 -0.66em;color:#fff;font-weight:bold;border:3px solid #cce6ff;bor
ul.graphic li a:hover,ul.graphic li a.sm2_paused:hover,ul.graphic li a.sm2_link:hover,ul.graphic li a.sm2_playing,ul.graphic li a.sm2_playing:hover{background-color:#369;border-color:#369;color:#fff}ul.graphic li a.sm2_link{-webkit-transition-property:none;-webkit-transition:none}.c2 ul.playlist li a{margin:0;padding:0;letter-spacing:-0.02em}ul.inline-playlist{min-height:49px;min-width:512px;margin-top:4em}ul.inline-playlist li{float:left;display:inline;width:45%;margin-right:.25%}body.home .sm2-inline-list .ui360-vis{margin-right:0}body.home #special-demo-left .ui360{margin-right:4px;background-color:rgba(0,0,0,0.025);box-shadow:inset 0 0 8px rgba(0,0,0,0.075);border:1px solid rgba(0,0,0,0.075);border-radius:32px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-moz-transition-property:background,border,box-shadow;-webkit-transition-property:background,border,box-shadow;transition-property:background,border,box-shadow}body.home #special-demo-left .ui360:hover{background-color:rgba(0,0,0,0.045);border-color:rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15)}body.home #special-demo-left .ui360:last-child{margin-right:0}body.home .columnar .c2 p{font-size:1.1em;line-height:1.6em;color:#333}body.home .c2 ul.playlist li a{_color:#000}body.home .c2 ul.playlist li.sm2_paused a,body.home .c2 ul.playlist li.sm2_playing a{_color:#fff}body.home .c2 ul.standard{_margin-left:1.5em}body.home .ie6sucks{_background:transparent!important;_display:none!important}body.home .ie7sucks{*display:none!important}body.home #sm2-container{position:fixed;bottom:0;left:0;width:48px;height:48px;_margin:-8px 0 0 0}@-moz-keyframes flashblock{from{border-color:#f33}to{border-color:#fff}}@-webkit-keyframes flashblock{from{border-color:#f33}to{border-color:#fff}}body.home #sm2-container.swf_timedout{border:1px solid #f33;-moz-animation-duration:1s;-moz-animation-name:flashblock;-moz-animation-iteration-count:5;-webkit-animation-duration:1s;-webkit-animation-name:flashblock;-webkit-animation-iteration-count:5;width:48px;height:48px}body.home #sm2-container.swf_unblocked,body.home #sm2-container.swf_loaded{top:auto;left:0;bottom:0;margin:0;width:6px;height:6px}#sm2-support-warning{display:none;border:1px solid #f99;padding:.5em;margin-top:1.5em;font-weight:bold}#sm2-support{display:none;font-size:.9em!important;margin-top:1.5em}#sm2-support-warning,#sm2-support{background:#fff6f0;border:1px solid #f33}body.home #about-sm2 #sm2-support h3{border-color:#f99;margin-top:.25em}body.home #special-demo-left{min-height:70px;position:relative;float:left;display:inline;margin-right:14px;padding-right:.9em;border-right:1px dotted #e0e0e0;*border-right:0;_width:210px}body.home #special-demo-right{min-height:51px;position:relative;float:left;display:inline;margin-top:18px;*width:90px;_display:none}body.home #inline-playlist{clear:both;float:right;display:inline;width:256px;min-height:49px;margin-top:2em;padding-bottom:0}#demo-box{position:relative;float:right;display:inline;margin-top:-4px;background:#fff;padding-left:3em;width:256px;z-index:1}hr{visibility:hidden;margin:0;padding:0}.demo-block{position:relative;background:#f9f9f9;border:1px solid #e6e6e6;padding:4px;padding-top:.5em;margin-top:-0.55em;border-top:0}#demo-header{color:#333;background:#f9f9f9;border:1px solid #e6e6e6;border-bottom:0;margin-bottom:0;padding:.5em}#demos h3{padding-bottom:0;text-indent:.5em;font-weight:normal}#demos h3 a{font-weight:normal}#revision-list>li{margin-top:3em;margin-bottom:2em}#revision-list>li:first-child{margin-top:2em}body.home.has-lights{overflow-x:hidden}body.home #lights{position:absolute;border-top:1px solid #060;left:0;top:0;width:100%;z-index:4;display:none}.xlsf-light{position:absolute;margin-top:-1px}body.fast .xlsf-light{opacity:.9}.xlsf-light{opacity:.9}#explosion-box{position:absolute;left:0;top:0;width:100%;z-index:10}.xlsf-fragment{position:absolute;background:transparent url(christmas-lights/image/bulbs-50x50-fragments.png) no-repeat 0 0;width:50px;height:50px}.xlsf-fragment-box{position:absolute
body.home ul.graphic li a,body.home ul.graphic li a.sm2_link{display:block;width:auto;min-width:8em;margin-right:.5em;margin-bottom:.5em}body.home ul li a:hover,body.home ul.graphic a.sm2_playing,body.home #inline-playlist li.sm2_paused a,body.home #inline-playlist li.sm2_playing a,body.home ul.playlist li div.timing,body.home .feature-hot,body.home #html5-support-li span{text-shadow:none}body.home .feature-hot{font-size:13px}body.home ul.graphic li a,ul.playlist li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*overflow:auto;*white-space:wrap}body.home ul.playlist li a,body.home ul.playlist li a:hover{line-height:1.2em}body.home .demo-more a span,body.home .demo-more-abs a span{font-size:1.5em;line-height:1em}body.home #sm2-visualization{clear:both;margin-top:2em}body.home #sm2-visualization .ui360{float:none;display:block}body.home #sm2-visualization .ui360 .sm2-360ui{border-color:rgba(0,0,0,0.05);background-color:rgba(255,255,255,0.5);box-shadow:inset 0 0 32px rgba(0,0,0,0.075)}body.home #sm2-visualization .ui360 canvas,body.home #sm2-visualization .ui360 .sm2-360ui,body.home #sm2-visualization .ui360 a{border-radius:128px}body.home #sm2-visualization .ui360 a{line-height:340px;*line-height:480px;line-height:480px\9;color:#666!important;text-shadow:0 1px 0 #fff}:root body.home #sm2-visualization .ui360 a{line-height:340px\0/IE9}body.home #sm2-visualization .ui360 a,body.home #sm2-visualization .ui360 canvas{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-moz-transition-property:background-color,border,box-shadow;-webkit-transition-property:background-color,border,box-shadow;transition-property:background-color,border,box-shadow}body.home #sm2-visualization .ui360:hover{background-color:rgba(0,0,0,0)}body.home #sm2-visualization .ui360:hover a{background-color:rgba(0,0,0,0.01);border-color:rgba(0,0,0,0.1);box-shadow:inset 0 0 32px rgba(0,0,0,0.05)}body.home #sm2-visualization .ui360 .sm2_playing canvas,body.home #sm2-visualization .ui360 .sm2_paused canvas{background-color:#fafafa;*background-color:transparent;background-color:transparent\9}body.home #sm2-visualization .ui360 .sm2_playing canvas,body.home #sm2-visualization .ui360 .sm2_paused canvas{background-color:#fafafa;box-shadow:inset 0 0 32px rgba(0,0,0,0.066)}body.home #sm2-visualization .ui360:hover .sm2_playing canvas,body.home #sm2-visualization .ui360:hover .sm2_paused canvas{background-color:#fafafa;box-shadow:inset 0 0 32px rgba(0,0,0,0.1)}body.home .gsfn_topic_list li{display:none}body.home .gsfn_topic_list .gsfn-item-1,body.home .gsfn_topic_list .gsfn-item-2,body.home .gsfn_topic_list .gsfn-item-3{display:block}div.clearfix{font-size:0;height:0;overflow:hidden}div.icons ul{list-style-type:none}div.icons ul,div.icons ul li{margin:0;padding:0}div.icons ul li,.icon{position:relative;display:inline-block;vertical-align:middle;*display:none;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYAAAAAwCAYAAAAYeq1+AAAHLklEQVR42uydT4jcVBzHH6LbLV11wGIVL6OClFbL1P3zEtvDFCsIKqyn0tseFBFKXTwpIu7B017mLBSymwwevBSsiCdjdzOpW5DVg3izXsSbsf5Z3aWd+M1M3jTENpvJTEzS/X7hy0szL+l0d/r95P2SeU9QFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRVAFqX5m91+rIMyKFLEf7QFAURVF3jwCAV3ft4849AgAcERRFUXlpenraj7rE77MG27A/pG24VioArOsHTEcum472vtXR/Nv4HLzcducOCIqqqk6fPl2Dbdgfk224Jqg9BwAV/hlti5JoZWN2H8J/E+F/sx/2euBu29W7wZ/R9iHgyC2zI9cERVVVKvzHbFtQuUCgIqCKuxXp01L7ywg2BPtjKOtcR+vDN8LA77Y7OloYreVqPRCYHW2730/+iHZSUEMFzxLs5+wlQSUqr5+9oAiAIS1KINORvyDkEe7yc9OVhwGDLSsI/ltG+MsADt9ZjjyM9mvYx3FfCKr44Im7gNJJpUopsb+zOaJ95ZKWupqhF+EluAXbob0yvXcEYhM24GvxoAz3GXAjVn/fhA0CIHP4XwhLPl0E/0Vs1+E/wqt/WJWC0MfRrqJE9Djay+jThYN9rwgqnTKETqYwqljpJG6bABheYcDHgj29Cw7++pC1dBtuwG9G9hlFAWCkYwvU6rp8AIH+s4Vw7wU6DCD80ysBYTsyAoiUgORfaPv9cdwqoLCycfIeVlBKBAC+/6oBoHg4Fxj+87AXu9Jvwc2YW7GRQdybBMDQtf9HEfh/9gIeRuhHr/r/ux1reyAIjnfmHmYFhQAgAKpVXrwW/XOB4e+H9uDFFMcsKmBE/AZcIwCGLv88CL+F8s7bWWx1YEeeN525/QQAAUAAlAcANrwUej7yXmt3Oqagso8XCf9G2pvAQd8oBNSxBECyrCDwO/I1BPcLpisncCU/ZblyBu1sFltB6+jTpqMH3yKexPnPAihn8HfsJwAIAAIgf2UP8+IBYMfDPxEAyRCwCYA0ANA+UV/qQkifRYhPY3sb5Z