39 lines
59 KiB
CSS
39 lines
59 KiB
CSS
|
/**
|
||
|
* 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:#444;margin:0;padding:0;font:76% "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:1280px){body{font-size:80%}}@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:105%}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)}#nav ul li strong a{background-position:0 5px}@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}h2.special{font-family:"ChunkFive","ChunkFiveRegular","helvetica neue",helvetica,arial,verdana,tahoma,"sans serif";font-weight:normal;display:inline}h1,h2,h3,h4{font-size:1em;margin:0;padding:0;vertical-align:middle;font-weight:300}h4.new,h4.recent,h4.flash9{min-height:24px}h1{font-size:2em;font-weight:500}h2{font-size:1.5em}h3{font-size:1.17em;font-weight:bold;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;font-weight:500}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;vertical-align:middle;font-size:1.2em}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 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;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-shadow:0 1px 0 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-weight
|
||
|
#top,#top div{*zoom:1}#top h1{display:inline}#top h2{font-size:1.25em;font-weight:300;padding-top:2px}#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}p code,.columnar .c2 p code{font-size:97%}.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.75em}ul li{margin-bottom:.75em}#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:19em;max-width:21em;background:#39c;background:-moz-linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(51,153,204,0.99)),color-stop(100%,rgba(35,96,127,0.96)));background:-webkit-linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);background:-o-linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);background:-ms-linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);background:linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);text-shadow:0 1px 0 rgba(0,0,0,0.25);_width:19em;*top:2.3em;*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 0 .5em 1em;font-size:1.1em;line-height:1.1em;color:#fff;font-weight:300;color:rgba(255,255,255,0.9);border-bottom:1px dotted rgba(0,0,0,0.2);border-top:1px dotted rgba(255,255,255,0.2)}#nav ul li ul li:first-of-type a{border-top:0}#nav ul li a{display:inline-block;padding:.5em 1em;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.25em;font-weight:300;vertical-align:bottom}#nav ul li strong a{color:#333}#nav>ul>li>strong>a{padding-bottom:8px}#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;bottom:-1em;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-not
|
||
|
.deprecated{font-style:italic;color:#333!important}span.nevermind,.removed{text-decoration:line-through;opacity:.33}strong.removed{font-weight:normal;opacity:.5}.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}.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:.88em;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.25em;margin-right:-0.25em;*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}pre code a,.c2 pre code a{color:#39c;font-weight:400;text-decoration:none;text-shadow:none}pre code a:hover,.c2 pre code a:hover{background-color:#39c;color:#fff;font-weight:400}.c2 a.sm2_button{border-radius:6px}.c2 a.sm2_button.type-2{border-radius:9px}.c2 a{color:#39c;font-weight:500;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{position:relative;z-index:1;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}div.html5support{clear:both;padding-top:2em}div.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}div.html5support em{font-weight:bold}div.html5support span.true{background:#696}div.html5support span.partial{background:#933}div.html5support em.partial{color:#93
|
||
|
ul.graphic li a{background:#ddd url(../demo/play-mp3-links/image/icon_play.png) no-repeat 3px 50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA6ElEQVR42q2UvQqDMBRGC47dAj6rgygIDg5OfQlHF30GX0JFURddnEQU+eoNLaSJFRUvnPzA/c4QkjwA3AIf1tJWnitsRT8I+2Q0UfTM8/yFk0UZyooiNk0ThmE4BWUoK4r0cRxxBcr+iMh+AVW0LAtkoihCURS0/ocqwkaZpgnbtrmwrmts1DGR67owDIPjeR7iOEbXdfuisiwh4zgOSb5wcZIkYo8qapoGMpZlkYALwzBElmWoqkrsUUVt20LG930EQUAHTvstVFHf95BJ05TmPVQR3dQLKCI2zzOuQNnbHu3t38gtvAF1L6rpAc8MDwAAAABJRU5ErkJggg==);*background-image:url(../demo/play-mp3-links/image/icon_play.png);_background-image:url(../demo/play-mp3-links/image/icon_play.gif)}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;t
|
||
|
body.home ul.playlist .sidenote{font-size:85%}body.home .demo-more,body.home .demo-more-abs{font-size:95%}body.home ul.graphic{margin-top:1em}body.home ul.graphic{position:relative}body.home ul.graphic li{float:left;display:inline;width:50%;margin-bottom:0}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+87AXu9Jvwc2YW7GRQdybBMDQtf9HE
|