From 753f60c7d4769fa72d3b910e491f37db6f130898 Mon Sep 17 00:00:00 2001
From: Jules Laplace <carbon@melanarchy.org>
Date: Fri, 2 Aug 2013 17:19:21 -0500
Subject: dymaxion

---
 .../soundmanagerv297a-20101010/demo/index.css      | 1715 ++++++++++++++++++++
 1 file changed, 1715 insertions(+)
 create mode 100755 docs/dymaxion/soundmanagerv297a-20101010/demo/index.css

(limited to 'docs/dymaxion/soundmanagerv297a-20101010/demo/index.css')

diff --git a/docs/dymaxion/soundmanagerv297a-20101010/demo/index.css b/docs/dymaxion/soundmanagerv297a-20101010/demo/index.css
new file mode 100755
index 0000000..b2493a6
--- /dev/null
+++ b/docs/dymaxion/soundmanagerv297a-20101010/demo/index.css
@@ -0,0 +1,1715 @@
+body {
+ background:#fff;
+ margin:0px;
+ padding:0px;
+ font:75% "helvetica neue",helvetica,arial,verdana,tahoma,"sans serif";
+}
+
+h1,
+h2.special {
+ letter-spacing:-0.025em;
+}
+
+h1, h2, h3, h4 {
+ font-size:1em;
+ margin:0px;
+ padding:0px;
+ vertical-align:middle;
+}
+
+h4.new,
+h4.recent,
+h4.flash9 {
+ min-height:24px;
+}
+
+h1 {
+ font-size:2em;
+}
+
+h2 {
+ font-family:helvetica,arial,verdana,tahoma,"sans serif";
+ font-size:1.5em;
+}
+
+h3 {
+ font-size:1.17em;
+ border-bottom:1px solid #ccc;
+ padding-bottom:0.25em;
+ margin-top:1.5em;
+}
+
+h4 {
+ margin:1.5em 0px 0.5em 0px;
+ font-size:1.15em;
+}
+
+h5 {
+ font-size:1em;
+ color:#666;
+}
+
+.c2 h5 {
+ border-bottom:1px solid #ccc;
+ padding-bottom:0.25em;
+}
+
+body.home h4 {
+	border-bottom: 1px solid #e9e9e9;
+	padding-bottom: 0.33em;
+	margin-bottom: 0.75em;
+}
+
+em em {
+ /* special highlight */
+ color:#003366;
+ background:#e9f3ff;
+ font-weight:bold;
+ margin-top:-0.3em;
+ padding:0.2em 0.25em;
+}
+
+pre {
+ border-left:2px solid #f3f3f3;
+ padding-left:0.5em;
+}
+
+dl pre {
+ border-color:#e9f3ff;
+ margin-left:-0.5em;
+}
+
+dl.alt pre {
+ border-color:#f3f3f3;
+}
+
+pre,
+code,
+pre code,
+.code,
+dt,
+#soundmanager-debug {
+ font-family:monaco,"Andale Mono","VT-100","Lucida Console","Courier New",monospace,courier,system,sans-serif;
+}
+
+pre,
+code,
+.code,
+dt,
+#soundmanager-debug {
+ font-size:11px;
+ font-weight:normal;
+ line-height:1.5em;
+ color:#006699;
+ background:#f6fcff;
+}
+
+pre {
+ font-size:11px; /* x-small */
+ line-height:1.75em;
+}
+
+pre.specialcommentblock span span {
+ *line-height:1.75em;
+}
+
+pre span span {
+ /* font-size:x-small; */
+}
+
+pre.small {
+ font-size:90%;
+}
+
+p pre,
+p.in pre {
+ font-size:0.97em;
+}
+
+#soundmanager-debug {
+ background:#fff;
+ padding-left:0.75em;
+ border:2px solid #ddeeff;
+ font-size:11px;
+ line-height:1.7em;
+}
+
+body.home #soundmanager-debug {
+ position:fixed;
+ _position:absolute; /* IE <7 */
+ bottom:1em;
+ right:1em;
+ height:12em;
+ width:auto;
+ overflow:auto;
+ padding:0px;
+ margin:1em 6px 6px 1em;
+ opacity:0.95;
+ color:#333;
+ border:1px solid #ccddee;
+ -moz-border-radius:3px;
+ -khtml-border-radius:3px;
+ -webkit-border-radius:3px;
+ background:#f3f9ff;
+ z-index:10;
+ font-size:small;
+ line-height:1.2em;
+}
+
+body.home #soundmanager-debug div {
+ padding-left:0.5em;
+}
+
+#soundmanager-debug div {
+ margin:0px;
+ padding:0.25em 0px;
+ font-size:11px;
+ color:#333;
+}
+
+#soundmanager-debug div.sm2-alt {
+ background-color:#fff;
+ color:#556677;
+}
+
+#live-debug {
+ display:table;
+ *display:block;
+}
+
+#live-debug #soundmanager-debug .sm2-alt {
+ background-color:#f3f9ff;
+ color:#336699;
+}
+
+dd pre,
+dd code {
+ background:transparent;
+/*
+ font-size:1.15em;
+ *font-size:1em;
+*/
+}
+
+pre code {
+ font-size:1em;
+}
+
+pre {
+ white-space:-moz-pre-wrap;
+ white-space:pre-wrap;
+ word-wrap:break-word; /* IE */
+}
+
+pre span,
+code span,
+dt span {
+ color:#339933;	
+}
+
+pre span span,
+code span span,
+dt span span {
+ color:#667788;
+}
+
+pre.block,
+pre.block code,
+div.block div.code {
+ position:relative;
+ display:table;
+ *display:block;
+ border:1px solid #ccc;
+ -moz-border-radius:3px;
+ -khtml-border-radius:3px;
+ -webkit-border-radius:3px;
+}
+
+div.block,
+pre.block {
+ background:#e9f3ff;
+ border-color:#eee;
+ padding:3px;
+}
+
+pre.block code,
+div.block div.code {
+ background:#fff;
+ border:1px solid #ccddee;
+ padding:0.5em;
+ font-size:11px;
+ line-height:1.75em;
+}
+
+dl {
+ background:#f9fcff;
+ padding-bottom:1px;
+}
+
+dd {
+ margin:1em 0px;
+ padding:0px 0.5em;
+ line-height:1.5em;
+}
+
+dt {
+ margin:0px;
+ padding:0px;
+ margin:0.5em 0px 1em 0px;
+ border-bottom:1px solid #ddeeff;
+ padding:0.3em 0.3em 0.4em 0.3em;
+ padding-top:0.5em;
+ text-indent:0.25em;
+ background:#eef6ff;
+ font-size:1.15em;
+}
+
+dt.alt {
+ background:#f3f3f3;
+ border-bottom-color:#e6e6e6;
+}
+
+dl.alt {
+ background:#fcfcfc;
+ padding:0px 0px 1px 0px;
+}
+
+h2 {
+ padding-top:0.5em;
+}
+
+#top {
+ position:relative;
+ padding:1em 1em 0px 1em;
+ background:#222;
+ color:#fff;
+ z-index:1;
+}
+
+#top,
+#top div {
+ *zoom:1;
+}
+
+#top h1 {
+ /* special christmas light case */
+ display:inline;
+}
+
+#top h2 {
+ /* tagline */
+ font-size:1.25em;
+ font-weight:lighter;
+ padding-top:2px;
+ letter-spacing:-1px;
+}
+
+#main {
+ position:relative;
+ padding:0px 0px 2em 0px;
+ padding-top:1px;
+ margin:0px auto;
+ max-width:110em;
+ *padding:0px 1em 2em 1em;
+ zoom:1;
+}
+
+.columnar {
+ position:relative;
+ margin:0px;
+ padding:0px;
+ margin:2em 0.5em 0.5em 0.5em;
+}
+
+.columnar .c1 {
+ position:absolute;
+ left:0px;
+ top:0px;
+ width:20em;
+ height:30px;
+ _position:relative; /* IE 6 hackery */
+ _height:auto;
+}
+
+#doc .columnar .c1 {
+ left:auto;
+ right:1em;
+ _right:auto;
+}
+
+.columnar .c1 h2 {
+ position:relative;
+ font-size:1.2em;
+ padding:0.46em 0.5em;
+ vertical-align:middle;
+ background:#333;
+ color:#fff;
+}
+
+.columnar .c1 p {
+ margin:0.5em 0px 1em 0px;
+ padding-left:0.5em;
+ padding-right:0.5em;
+ font-size:0.95em;
+ line-height:1.35em;
+ color:#666;
+}
+
+.columnar .c1 p code {
+ font-size:xx-small;
+ color:#336699;
+}
+
+.columnar .c2 {
+ position:relative;
+ margin-top:2.33em;
+ margin-top:1px;
+ border-top:0.25em solid #333;
+ 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:0px; /* not you, IE 6. */
+}
+
+#doc .triple .columnar .c1 {
+ margin-right:0px;
+ margin-left:21.25em;
+}
+
+.columnar .c2 p:first-child {
+ margin-top:0.2em;
+}
+
+.columnar .c2 h3:first-child {
+ margin-top:0.2em;
+ padding-bottom:0.3em;
+}
+
+.columnar .c2 > .f-block:first-child > h4 {
+ margin-top:0.5em;
+}
+
+.columnar .c2 strong strong {
+ display:block;
+ padding:0.5em;
+ border-bottom:1px solid #999;
+ background:#f0f6ff;
+ color:#336699;
+}
+
+.columnar .c2 p {
+ line-height:1.5em;
+}
+
+.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:0px;
+ margin-left:16px;
+ left:1.25em;
+}
+
+#nav {
+ position:relative;
+ margin-top:0.75em;
+ margin-left:-0.5em;
+}
+
+ul {
+ line-height:1.5em;
+}
+
+#nav ul {
+ margin:0px;
+ padding:0px;
+ line-height:1em;
+ list-style-type:none;
+}
+
+#nav>ul {
+/*
+ border-top:1px solid #333;
+*/
+}
+
+#nav ul li {
+ position:relative;
+ margin:0px;
+ padding:0px;
+ 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:#3399cc;
+ opacity:0.95;
+ _width:17em;
+ *opacity:1;
+ *top:1.5em;
+ *left:0px;
+}
+
+#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:none;
+ padding:0.4em;
+ padding-left:1em;
+ color:#fff;
+}
+
+#nav ul li a {
+ display:inline-block;
+ padding:0.3em 0.5em;
+ padding-left:0.75em;
+ padding-right:0.75em;
+ text-decoration:none;
+ font-weight:bold;
+ color:#ccc;
+}
+
+#nav ul li strong a {
+ background:#336699;
+ background:#;
+ background:#fff;
+ color:#333;
+}
+
+#nav ul li strong a:hover,
+#nav ul li a:hover,
+#nav ul>li:hover strong a,
+#nav ul>li:hover>a {
+ background:#3399cc;
+ color:#fff;
+}
+
+#nav ul li ul li a:hover {
+ background:#336699;
+}
+
+#version {
+ position:relative;
+ float:right;
+ display:inline;
+ margin-left:1em;
+ font-size:x-small;
+ margin-bottom:0px;
+ margin-top:0.25em;
+ color:#999;
+}
+
+div.clear {
+ clear:both;
+ font-size:1px;
+ line-height:1px;
+}
+
+.note {
+ margin-top:0.5em;
+ font-size:0.95em;
+ color:#999;
+}
+
+.note a {
+ color:#666;
+ padding:1px;
+ margin:-1px;
+}
+
+.note a:hover {
+ color:#fff;
+ background:#666;
+}
+
+ul.standard {
+ line-height:1.5em;
+ padding-left:1.2em;
+ *padding-left:0px;
+ color:#333;
+ margin-top:0.5em;
+ margin-bottom:0.5em;
+ list-style-type:square;
+}
+
+ul.standard li {
+ margin-bottom:0.5em;
+}
+
+ul.standard ul {
+ margin-top:0.5em;
+ margin-bottom:1em;
+ padding-left:1.2em;
+}
+
+.c3 {
+ background:#fcfcfc;
+}
+
+.c3 ul {
+ list-style-type:none;
+}
+
+.c3 ul,
+.c3 ul li {
+ margin:0px;
+ padding:0px;
+}
+
+.c3 h2 {
+ font-size:1.1em;
+ text-indent:0.4em;
+}
+
+.c3 ul li a {
+ text-decoration:none;
+ color:#000;
+}
+
+.c3 ul li a:hover {
+ color:#000;
+ _color:#000;
+}
+
+.c3 ul li a:focus {
+ color:#000;
+ outline:none;
+}
+
+.c3 ul li.active a {
+ color:#fff;
+}
+
+.c3 ul li.active a:hover {
+ _color:#fff;
+}
+
+.c3 .box {
+ margin-top:6px;
+}
+
+.wedge,
+.c3 h2 {
+ position:relative;
+ background:#333;
+ color:#fff;
+ margin:0px;
+ padding:0px;
+ height:2.101em;
+ line-height:1.65em;
+}
+
+.c3 h2 {
+ height:1.75em;
+ line-height:1.75em;
+}
+
+.wedge {
+ background-color:#3399cc;
+}
+
+.wedge-dark {
+ background:#333;
+}
+
+.wedge .l,
+.wedge .r {
+ border-top:1.75em solid #333;
+}
+
+.c3 h2 .l,
+.c3 h2 .r {
+ border-top:1.66em solid #333;
+}
+
+.wedge .l,
+.c3 h2 .l {
+ background:transparent url(../demo/_image/wedge.png) no-repeat -64px 0px;
+ position:absolute;
+ left:0px;
+ top:0px;
+ width:16px;
+ height:100%;
+ margin-left:-16px;
+ border-top:1.7em solid #333;
+}
+
+.wedge .r,
+.wedge-dark .r,
+.c3 h2 .r {
+ background:transparent url(../demo/_image/wedge.png) no-repeat -48px 0px;
+ position:absolute;
+ right:0px;
+ top:0px;
+ width:16px;
+ height:100%;
+ margin-right:-16px;
+}
+
+.wedge .l,
+.wedge .r {
+ border-color:#3399cc;
+}
+
+.wedge .l {
+ background-position:-64px -64px;
+}
+
+.wedge .r {
+ margin-top:-16px;
+ border-top:none;
+ height:16px;
+ border-bottom:1.7em solid #3399cc;
+ background-position:0px -192px;
+}
+
+.wedge-dark .l,
+.wedge-dark .r {
+ border-color:#333;
+}
+
+.wedge-dark .l {
+ background-position:-64px 0px;
+}
+
+.wedge-dark .r {
+ background-position:0px -128px;
+}
+
+.c3 h2 .r.up {
+ margin-top:-16px;
+ border-top:none;
+ height:16px;
+ border-bottom:1.66em solid #333;
+ background-position:0px -128px;
+}
+
+.c3 h2 .l.flat,
+.wedge .l.flat, 
+.c3 h2 .r.flat,
+.wedge .r.flat {
+ background-image:none;
+}
+
+.c3 ul {
+ margin:0px;
+ padding:0px;
+ margin-top:0.125em;
+ margin-bottom:0.25em;
+ list-style-type:none;
+}
+
+.c3 ul li {
+ border:1px solid #f3f3f3;
+ border-top:none;
+ border-bottom:none;
+}
+
+.c3 ul ul li {
+ border:none;
+}
+
+.c3 ul li {
+ margin:0px;
+ padding:0px;
+}
+
+.c3 ul li ul li {
+ font-family:monaco,"Andale Mono","VT-100","Lucida Console","Courier New",monospace,courier,system,sans-serif;
+ font-size:11px;
+ line-height:1.5em;
+ text-indent:0.5em;
+ padding:0.25em 0.25em 0.25em 0.25em;
+ cursor:hand;
+/*
+ font-smooth:never;
+*/
+}
+
+.c3 ul li ul li.alt {
+ background-color:#f8f8f8;
+}
+
+.c3 ul li ul li:hover {
+ background-color:#ccddff;
+ cursor:pointer;
+ cursor:hand;
+}
+
+.c3 ul li ul li.active {
+ background-color:#3399cc;
+ color:#fff;
+}
+
+.c3 h3 {
+ margin:0px;
+ padding:0px;
+ background:#3399cc;
+ border:none;
+ color:#fff;
+ font-size:1.3em;
+ text-indent:0.5em;
+ font-size:1em;
+ height:1.67em;
+ padding:0.25em 0.5em;
+ padding:0px;
+ 
+}
+
+.c3 h4 {
+ font-size:1em;
+ margin:1em 0.25em 0.25em 0.25em;
+ padding:0px 0.25em;
+ padding:0.2em 0.2em 0.2em 0.5em;
+ vertical-align:middle;
+ margin:0px;
+ color:#333;
+ background:#eef6ff;
+ border-top:1px solid #fff;
+ border-bottom:1px solid #ddeeff;
+}
+
+#get-satisfaction h2 a {
+ color:#fff;
+}
+
+#get-satisfaction a {
+ color:#333;
+}
+
+#get-satisfaction a:hover {
+ color:#fff;
+}
+
+.c3 h2 a {
+ color:#fff;
+}
+
+.c3 h2 a:hover {
+ color:#fff;
+ text-decoration:underline;
+}
+
+.flash9 {
+ background-image:url(../demo/_image/flash9.png);
+ background-repeat:no-repeat;
+ background-position:bottom right;
+ _background-image:none;
+}
+
+li.flash9 {
+ background-position:bottom right;
+}
+
+.flash9.active {
+ background-image:url(../demo/_image/flash9-dark.png);
+ _background-image:none;
+}
+
+.new {
+ background-image:url(../demo/_image/new.png);
+ background-repeat:no-repeat;
+ background-position:bottom right;
+ _background-image:none;
+}
+
+.recent {
+ background-image:url(../demo/_image/new-bw.png);
+ background-repeat:no-repeat;
+ background-position:bottom right;
+ _background-image:none;
+}
+
+.new.active,
+.recent.active {
+ background-image:url(../demo/_image/new-dark.png);
+ _background-image:none;
+}
+
+li.new {
+ background-position:top right;
+}
+
+span.nevermind,
+.removed {
+ text-decoration:line-through;
+ opacity:0.75;
+}
+
+.padded {
+ padding:0.5em;
+}
+
+.c3 p {
+ font-size:0.9em;
+ padding-left:0.5em;
+ padding-right:0.5em;
+}
+
+.c1 pre code {
+ margin-top:0px;
+ font-size:xx-small;
+ color:#336699;
+ margin-left:0px;
+}
+
+.c1 pre {
+ margin-top:0px;
+ padding-top:0px;
+ margin-left:0.5em;
+}
+
+#reset-filter {
+ position:relative;
+ font-family:"Helvetica Neue Light","Helvetica Neue","Helvetica",helvetica,arial,verdana,sans-serif;
+ font-weight:lighter;
+ font-size:2.5em;
+ letter-spacing:-1px;
+}
+
+.c2 .option {
+ font-size:small;
+ float:right;
+ display:inline;
+ margin-left:1em;
+ margin-right:0.5em;
+ margin-top:3px;
+ line-height:1em;
+ white-space:nowrap;
+}
+
+.c2 .option a {
+ padding:0.1em 0.35em 0.1em 0.35em;
+ color:#3399cc;
+}
+
+/*
+.c2 .option a:hover {
+ background-color:#3399cc;
+ color:#fff;
+}
+*/
+
+#filter-box {
+ position:relative;
+ display:none;
+}
+
+#get-satisfaction {
+ position:relative;
+}
+
+#gsfn_content {
+ padding:0.5em 0px 0px 0px;
+}
+
+#gsfn_content ul {
+ margin-bottom:0.5em;
+}
+
+#gsfn_content ul li {
+ border:none;
+}
+
+div#gsfn_list_widget img {
+ border: none;
+}
+
+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:0px 1em 0px 1em;
+ padding:0.25em 0px 0px 0px;
+ border-top: 1px solid #ccc;
+ font-size:xx-small;
+ opacity:0.5;
+}
+
+div#gsfn_list_widget .powered_by:hover {
+ opacity:1;
+}
+
+div#gsfn_list_widget .powered_by a:hover {
+ color:#666;
+}
+
+div#gsfn_list_widget div#gsfn_content {
+ font-size:x-small;
+ font-size:0.9em;
+ padding-left:0.5em;
+ padding-right:0.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:#3399cc;
+ color:#fff;
+}
+
+div#gsfn_list_widget div#gsfn_content a.gsfn_link {
+ display:block;
+ line-height:1.2em;
+ padding:5px 0px 5px 5px;
+}
+
+div#gsfn_list_widget div#gsfn_content a.gsfn_link:hover {
+ _color:#fff;
+ _background-color:#3399cc;
+}
+
+div#gsfn_list_widget div#gsfn_content span.time {
+ font-size: xx-small;
+ 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:0px;
+}
+
+.compact {
+ margin-bottom:0.25em;
+}
+
+.c2 a,
+a.cta {
+ margin-top:-0.3em;
+ padding:0.2em 0.25em;
+ text-decoration:none;
+ color:#3399cc;
+ -khtml-border-radius:0.25em;
+ -moz-border-radius:0.25em;
+ border-radius:0.25em;
+ zoom:1;
+}
+
+/* redefine for simple mp3 button demo */
+.c2 a.sm2_button {
+ -moz-border-radius:6px;
+ -webkit-border-radius:6px;
+ -o-border-radius:6px;
+ border-radius:6px;
+}
+
+.c2 a.sm2_button.type-2 {
+ -moz-border-radius:9px;
+ -webkit-border-radius:9px;
+ -o-border-radius:9px;
+ border-radius:9px;
+}
+
+
+.c2 a {
+ margin-left:-0.2em;
+ margin-right:-0.2em;
+ color:#3399cc;
+ 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 {
+ background-color:#3399cc;
+ border-color:#3399cc;
+ color:#fff;
+ text-decoration:none;
+}
+
+.c2 a.sm2_button:hover {
+	/* arg. not specific enough, redefine here. */
+	background-color:#cc3333;
+}
+
+a.cta-more {
+ color:#ddeeff;
+ font-size:0.8em;
+ position:absolute;
+ right:0px;
+ margin:0px;
+ padding:1px;
+ bottom:0.9em;
+ line-height:1em;
+}
+
+a.cta-more:hover {
+ background:#fff;
+ color:#3399cc;
+}
+
+li.html5support span {
+ padding:0px 5px;
+ display:inline-block;
+ text-align:center;
+ font-weight:bold;
+ background:#ccc;
+ color:#fff;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ border-radius:5px;
+ margin-left:0.5em;
+ margin-bottom:0.25em;
+}
+
+li.html5support em {
+ font-weight:bold;
+}
+
+li.html5support span.true {
+ background:#669966;
+}
+
+li.html5support span.partial {
+ background:#993333;
+}
+
+li.html5support em.partial {
+ color:#993333;
+}
+
+li.html5support em.true {
+ color:#669966;
+}
+
+#nav ul li ul {
+ /* eh, why not. */
+ -moz-box-shadow:2px 2px 2px rgba(51,153,204,0.2);
+ -khtml-box-shadow:2px 2px 2px rgba(51,153,204,0.2);
+ -webkit-box-shadow:2px 2px 2px rgba(51,153,204,0.2);
+ box-shadow:2px 2px 2px rgba(51,153,204,0.2);
+}
+
+.newer {
+ vertical-align:middle;
+}
+
+.newer a,
+a.feature,
+.c2 .feature-hot {
+ display:block;
+ background:#3399ff;
+ padding:0.3em 0.5em;
+ margin:-0.3em 0px 0px -0.5em;
+ color:#fff;
+ font-weight:bold;
+ border:3px solid #ccc;
+ border:3px solid rgba(255,255,255,0.66);
+ -moz-border-radius:8px;
+ -webkit-border-radius:8px;
+ border-radius:8px;
+ line-height:1em;
+ text-decoration:none;
+ font-size:small;
+ vertical-align:middle;
+}
+
+a.feature {
+ display:inline;
+ margin-left:0px;
+}
+
+.newer a,
+.c2 .feature-hot {
+ background:#ff0000;
+ border-color:#ff6666;
+ color:#fff;
+ line-height:1em;
+}
+
+.newer a:hover,
+.c2 .feature-hot:hover {
+ background:#990000;
+ border-color:#cc0000;
+}
+
+a.feature:focus,
+a.feature:hover {
+ background:#ff0000;
+ border-color:#ff6666;
+ color:#fff;
+}
+
+.newer p {
+ margin:0px;
+ padding:0px;
+}
+
+h4 .scratched-out {
+	text-decoration:line-through;
+	color:#999;
+	/*
+	font-size:xx-small;
+	*/
+	font-size:0.9em;
+	margin-top:-0.75em;
+	-webkit-transform:rotate(-15deg);
+	-moz-transform:rotate(-15deg);
+}
+
+.inthewild {
+ margin-top:1em;
+}
+
+.inthewild a,
+.inthewild a img {
+ border:none;
+}
+
+.inthewild a {
+ margin-right:1em;
+}
+
+.inthewild a:last-child {
+ margin-right:0px;
+}
+
+.inthewild a,
+.inthewild a img {
+ vertical-align:middle;
+}
+
+.inthewild a {
+ display:inline-block;
+ display:-moz-inline-box;
+ overflow:hidden;
+ margin:1em 1em 0.5em 1em;
+ padding:0px;
+}
+
+.inthewild a:first-child {
+ margin-left:0.5em;
+}
+
+.inthewild a span {
+ position:absolute;
+ text-indent:-9999em;
+}
+
+#favtape:hover {
+ background:#ff0066;
+ border-color:#ff0066;
+ color:#fff;
+}
+
+#soundcloud {
+ width:83px;
+ height:58px;
+ background:transparent url(../demo/_image/soundcloud-thecloudplayer-logo.png) no-repeat 0px -59px;
+ margin-right:3px;
+}
+
+#soundcloud:hover {
+ background-position:0px 0px;
+}
+
+#lastfm {
+ width:80px;
+ height:28px;
+ background:transparent url(../demo/_image/lastfm.png) no-repeat 0px -28px;
+}
+
+#lastfm:hover {
+ background-position:0px 0px;
+}
+
+#mixcrate {
+ width:80px;
+ height:16px;
+ background:transparent url(../demo/_image/mixcrate.png) no-repeat 0px 0px;
+}
+
+#mixcrate:hover {
+ background-position:0px -16px;
+}
+
+#opera {
+ width:79px;
+ height:32px;
+ background:transparent url(../demo/_image/opera.png) no-repeat 0px 0px;
+}
+
+#opera:hover {
+ background-position:0px -32px;
+}
+
+/* homepage-specific demo shiz */
+
+.sidenote {
+ font-size:x-small;
+ opacity:0.75;
+}
+
+ul.playlist {
+ font-size:xx-small;
+}
+
+ul.playlist li a {
+ font-size:1em;
+}
+
+ul.playlist li a,
+ul.playlist li a:hover {
+ background:transparent;
+ -khtml-border-radius:0px;
+ -moz-border-radius:0px;
+ border-radius:0px;
+ line-height:1em;
+}
+
+ul.playlist li .timing {
+ top:0.6em;
+ font-size:xx-small;
+}
+
+ul.playlist.use-peak li .peak {
+ /* overrides */
+ height:0.61em;
+ margin-top:-5px;
+ width:0.92em;
+}
+
+html.isSafari ul.playlist.use-peak li .peak {
+ margin-top:-4px; /* dumb tweak */
+}
+
+ul.playlist.use-peak li .timing {
+ right:4em;
+}
+
+ul.playlist.use-peak li .peak-box {
+ height:0.66em;
+}
+
+ul.playlist li .peak .l {
+ margin-right:0px;
+}
+
+ul.playlist li .peak .l,
+ul.playlist li .peak .r {
+ width:6px;
+}
+
+ul.playlist li .peak .r {
+ left:9px;
+}
+
+ul.playlist li a.not-supported {
+ /* give user a hint that the format doesn't work */
+ text-decoration:line-through;
+ color:#666;
+ opacity:0.5;
+}
+
+ul.graphic li {
+ line-height:1.5em;
+}
+
+ul.graphic li a,
+ul.graphic li a.sm2_link {
+ min-width:17.75em;
+ width:auto;
+}
+
+ul.graphic li a,
+ul.graphic li a.sm2_link {
+ background-color:#ddd;
+ border-color:#ddd;
+ color:#333;
+ vertical-align:middle;
+}
+
+ul.graphic li a {
+ background:#ddd url(../demo/play-mp3-links/image/icon_play.png) no-repeat 3px 50%;
+ _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:#336699;
+ border-color:#336699;
+ color:#fff;
+}
+
+ul.graphic li a.sm2_link {
+ /* Doesn't work on this page. */
+ -webkit-transition-property: none;
+ -webkit-transition: none;
+}
+
+.c2 ul.playlist li a {
+ margin:0px;
+ padding:0px;
+ letter-spacing: -0.02em;
+}
+
+/* Flash positioning and flashblock / clicktoflash handling */
+
+/* special-case for the SM2 homepage only */
+
+body.home #sm2-container {
+ position:absolute;
+ width:48px;
+ height:48px;
+ margin:1px 0px 0px 1px;
+}
+
+body.home #sm2-container.high_performance {
+ bottom:auto;
+ left:auto;
+ top:auto;
+}
+
+body.home #sm2-container.swf_timedout {
+ border:1px solid #ff3333;
+ border-bottom:none;
+ margin:0px;
+ z-index:2;
+}
+
+body.home #sm2-container.swf_unblocked {
+ width:1px;
+ height:1px;
+}
+
+#sm2-support {
+ display:none;
+ font-size:1em;
+ border:1px solid #ff3333;
+ background:#fff6f0;
+ margin-top:48px;
+}
+
+#demo-box {
+ position:relative;
+ float:right;
+ display:inline;
+ background: #fff; /* hide borders behind this box */
+ padding-left:32px;
+ padding-right:16px;
+ margin-top:-1em;
+ width:21.25em;
+ /* hide from IE 6 */
+ _position:absolute;
+ _left:-9999em;
+ _top:-9999em;
+}
+
+#demo-box #without-html5 {
+ display:none;
+}
+
+#demo-box #with-debug,
+#demo-box #without-html5,
+#demo-box #without-html5 a {
+ display:inline;
+ margin-top:-0.75em;
+ font-weight:normal;
+ font-size:x-small;
+ text-decoration:none;
+ font-weight:normal;
+ color:#666;
+}
+
+#demo-box #with-debug {
+	margin-right:1.5em;
+}
+
+#demo-box #without-html5 a:hover,
+#demo-box #with-debug:hover {
+ color:#fff;
+}
+
+#demo-box a.feature-hot {
+ display:inline;
+}
+
+hr {
+ visibility:hidden;
+ margin:0px;
+ padding:0px;
+}
+
+.demo-block {
+ position:relative;
+ background:#f9f9f9;
+ border:1px solid #e6e6e6;
+ padding:4px;
+ padding-top:0.5em;
+ margin-top:-0.55em;
+ border-top:none;
+}
+
+#demo-header {
+ color:#333;
+ background:#f9f9f9;
+ border:1px solid #e6e6e6;
+ border-bottom:0px;
+ margin-bottom:0px;
+ padding:0.5em;
+}
+
+#demos h3 {
+ padding-bottom:0px;
+ text-indent:0.5em;
+ font-weight:normal;
+}
+
+#demos h3 a {
+ font-weight:normal;
+}
+
+#revision-list > li {
+ margin-bottom:2em;
+}
+
+/* seasonal decorations */
+
+#lights {
+ position:absolute;
+ border-top:1px solid #006600;
+ left:0px;
+ top:0px;
+ width:100%;
+ height:100%;
+ overflow:hidden;
+ display:none;
+}
+
+.xlsf-light {
+ position:absolute;
+ margin-top:-1px;
+}
+
+body.fast .xlsf-light {
+ opacity:0.9;
+}
+
+.xlsf-light {
+ opacity:0.9;
+}
+
+.xlsf-fragment {
+ position:absolute;
+ background:transparent url(christmas-lights/image/bulbs-50x50-fragments.png) no-repeat 0px 0px;
+ width:50px;
+ height:50px;
+}
+
+.xlsf-fragment-box {
+ position:absolute;
+ left:0px;
+ top:0px;
+ width:50px;
+ height:50px;
+ *width:100%;
+ *height:100%;
+ display:none;
+}
+
+.xlsf-cover {
+ position:fixed;
+ left:0px;
+ top:0px;
+ width:100%;
+ height:100%;
+ background:#fff;
+ opacity:1;
+ z-index:999;
+ display:none;
+}
+
+.figure {
+ display:inline;
+ display:inline-block;
+ border:1px solid #ddeeff;
+ padding:0.5em;
+ margin:0.5em 0px 0.5em 0px;
+}
+
+.figure .code {
+}
+
+.figure .code span {
+ padding:0.25em;
+ border:1px solid #f0f9ff;
+ background:#fff;
+}
+
+.figure .code span.mid {
+ color:#666;
+}
+
+#sm2-container.flash_debug {
+ /* flash movie, when soundManager.debugFlash = true */
+ position:relative;
+ width:auto;
+ height:300px;
+ width:100%;
+ background:#f6f6f6;
+ border:1px solid #ccc;
+}
+
+#sm2-container.flash_debug object,
+#sm2-container.flash_debug embed {
+ width:100%;
+ height:100%;
+ left:auto;
+ top:auto;
+}
+
+ul.file-structure ul {
+	padding-left:1.5em;
+}
+
+ul.file-structure li {
+	list-style-type:square;
+	margin-top:0.25em;
+	margin-left:0px;
+}
+
+ul.file-structure li span {
+	color:#999;
+}
+
+#sm2-filesizes {
+	border:1px solid #ddd;
+}
+
+#sm2-filesizes tr:nth-child(2n+1) {
+	background:#f9f9f9;
+}
+
+#sm2-filesizes th {
+	background:#eee;
+	font-weight:bold;
+	text-align:left;
+}
+
+#sm2-filesizes th {
+	padding:4px 6px;
+}
+
+#sm2-filesizes td {
+	padding:0px 6px;
+	border:1px solid #eee;
+}
+
+#sm2-filesizes p {
+	margin-top:0.5em;
+	margin-bottom:0px;
+}
+
+#sm2-filesizes pre {
+	border-left:none;
+	margin-top:0.5em;
+	margin-bottom:0.5em;
+}
+
+#sm2-filesizes .nw {
+	white-space:nowrap;
+}
+
+#sm2-filesizes .booyaa {
+	/* in the words of Paris Hilton, "that's hot." (in the nerdy sense, I suppose.) */
+	background:#fff9f9;
+	color:#990000;
+}
+
+#history li.in > p.compact {
+	font-weight:bold;
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2