From 753f60c7d4769fa72d3b910e491f37db6f130898 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 2 Aug 2013 17:19:21 -0500 Subject: dymaxion --- .../demo/mpc/css/mpc.css | 164 +++++++++++++++++++++ 1 file changed, 164 insertions(+) create mode 100755 docs/dymaxion/soundmanagerv297a-20101010/demo/mpc/css/mpc.css (limited to 'docs/dymaxion/soundmanagerv297a-20101010/demo/mpc/css/mpc.css') diff --git a/docs/dymaxion/soundmanagerv297a-20101010/demo/mpc/css/mpc.css b/docs/dymaxion/soundmanagerv297a-20101010/demo/mpc/css/mpc.css new file mode 100755 index 0000000..dd10668 --- /dev/null +++ b/docs/dymaxion/soundmanagerv297a-20101010/demo/mpc/css/mpc.css @@ -0,0 +1,164 @@ +/* Demo/example CSS - not needed for general use */ + +body { + background:#000; + font:normal 75% "helvetica neue",helvetica,verdana,arial,tahoma,"times new roman","sans serif"; + color:#fff; + margin:0px; + padding:0px; +} + +#background { + position:absolute; + left:0px; + top:0px; + width:100%; + height:100%; + background:transparent url(http://farm1.static.flickr.com/45/191496680_97cdc5351b_b.jpg) no-repeat 50% 50%; +} + +#site { + position:relative; + z-index:2; + background:rgba(0,0,0,0.5); + padding:1em; +} + +#site h1 { + margin-top:0px; +} + +#site p { + margin:0.5em 0px 0.5em 0px; +} + +#site p:last-child { + margin:0px; +} + +.clear { + float:none; + clear:both; + font-size:1px; + line-height:1px; + height:1px; + overflow:hidden; +} + +#mpc { + position:absolute; + left:50%; + top:50%; + margin-left:-19em; + margin-top:-19em; + width:38em; + _width:37.3em; + border:3px solid #666; + border:3px solid rgba(255,255,255,0.25); + -moz-border-radius:12px; + -webkit-border-radius:12px; + border-radius:12px; + z-index:2; +} + +#mpc #wrapper { + position:relative; + background:#333; + background:rgba(0,0,0,0.5); + padding:0.5em; + -moz-border-radius:12px; + -webkit-border-radius:12px; + border-radius:12px; +} + +#mpc ul { + margin:0px; + padding:0px; + margin-left:2px; + *margin-left:1em; + _margin-left:2px; + padding:2px 0px 2px 0px; +} + +#mpc ul li { + position:relative; + float:left; + display:inline; + width:7em; + height:7em; + margin:0.5em; + background:#999; + border:1px solid rgba(0,0,0,0.75); + -moz-border-radius:2px; + -webkit-border-radius:2px; + border-radius:2px; + font:normal 1em/1em "helvetica",verdana,arial,system; + padding:0.5em; + cursor:pointer; + cursor:hand; + color:#eee; + text-transform:uppercase; + font-weight:bold; +} + +#mpc ul li span { + text-transform:none; + font-weight:normal; + color:#ccc; +} + +#mpc ul li.active { + background:#666; +} + +#mpc ul li div { + /* progress indicator */ + position:absolute; + left:0px; + bottom:1em; + font-size:1em; + line-height:1em; + height:1em; + margin:0px 0px 0px 1em; + width:6em; + background:#888 url(../image/progress.png) no-repeat -256px 0px; + background-repeat:no-repeat; + border:1px solid #666; + visibility:hidden; +} + +#mpc ul li.active div, +#mpc ul li.loading div { + visibility:visible; +} + +#soundmanager-debug { + position:absolute; + right:20px; + bottom:20px; + height:12em; + width:50em; + overflow:auto; + margin-left:1em; +} + +#soundmanager-debug div { + font-size:11px; + font-family: "lucida console",system,terminal,verdana,arial; /* IE doesn't seem to obey short-hand font family here? */ + padding:0px 1em 0.5em 0px; +} + +#mpc-debug, +.note { + color:#999; +} + +#mpc-debug a, +.note a { + color:#6699cc; + text-decoration:none; +} + +#isHTML5 { + display:none; +} \ No newline at end of file -- cgit v1.2.3-70-g09d2