diff options
Diffstat (limited to 'docs/dymaxion/index.html')
| -rw-r--r-- | docs/dymaxion/index.html | 200 |
1 files changed, 200 insertions, 0 deletions
diff --git a/docs/dymaxion/index.html b/docs/dymaxion/index.html new file mode 100644 index 0000000..8205393 --- /dev/null +++ b/docs/dymaxion/index.html @@ -0,0 +1,200 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> +<html> + <head> + <title>Bucky Dymaxion</title> + <style type="text/css"> + <!-- +* { margin: 0; padding: 0; } +body { background-color: #111111; margin: 0px; padding: 0px; overflow: hidden; } +a { text-decoration: underline; color: #0ff; } +.classy { font-family: georgia, serif; font-size: 77px; font-style: italic; font-weight: bold; color: #eee; letter-spacing: -2px; } +#hello { + opacity: 0.5; -moz-border-radius: 20px; border-radius: 20px; + font-size: 15px; font-family: georgia, serif; + color: #eee; background-color: #644; + width: 260px; padding: 10px; + position: fixed; top: 10px; right: 15px; + text-align: center; + } +#hello b { color: #fff; } +html, body, #bg, #bg table, #bg td { height:100%; width:100%; overflow:hidden; } +#bg { position: fixed; } +#bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; } +#bg td { text-align:center; vertical-align:middle; } +#bg img { margin:0 auto; min-height:50%; min-width:50%; } +#background { opacity: 0.3; } +#msg { position: fixed; right: 15px; top: 10%; max-height: 84%; background: #222; color: #ccc; width: 250px; + font-family: monospace; + padding: 10px 15px; + opacity: 0.5; -moz-border-radius: 20px; border-radius: 20px; + overflow: hidden; + // display: none; + } +header + { + position: fixed; + top: 25px; + left: 50px; + font-family: sans-serif; + font-size: 36px; + font-weight: normal; + color: #cbb; + opacity: 0.5; + text-shadow: #667 0px -1px 3px, + #755 2px 1px 2px, + #755 -2px -1px 2px; + } +#searchbox + { + position: fixed; + top: 15px; + left: 40px; + display: none; + z-index: 2; + } +#searchbox #q + { + -moz-border-radius: 50px; border-radius: 50px; + border: transparent; + font-family: sans-serif; + padding: 10px 20px 10px 20px; + font-size: 32px; + background-color: #f8f8ff; + color: #000; + width: 600px; + opacity: .95; + outline: 0; + position: absolute; + top: 0; + left: 0; + } +#searchbox #frag + { + font-family: sans-serif; + position: absolute; + top: 10px; + left: 0; + color: #888; + font-size: 32px; + } +#qtmp + { + position: fixed; + font-family: sans-serif; + font-size: 32px; + top: 0px; + z-index: 1; + } +#listbox + { + position: fixed; + top: 90px; + left: 40px; + max-width: 700px; + font-family: sans-serif; + opacity: .5; + } +#listbox ul + { + -moz-border-radius: 30px; border-radius: 30px; + padding: 10px; + background-color: #000; + display: none; + } +#listbox ul li + { + list-style-type: none; + -moz-border-radius: 20px; border-radius: 20px; + padding: 10px; + background-color: transparent; + } +#listbox ul li.twoline + { + padding: 5px 10px; + } +#listbox ul li h2 + { + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + font-size: 24px; + color: #ddd; + } +#listbox ul li h3 + { + font-size: 14px; + color: #666; + } +#listbox ul li.playing + { + background-color: #334; + } +#listbox ul li.playing * + { + color: #fff; + } +#listbox ul li.selected + { + background-color: #fee; + color: #000; + } +#listbox ul li.selected * + { + color: #000; + } +#pageup + { + border-width: 12px; + border-style: solid; + border-color: transparent transparent #ddd transparent; + position: fixed; + top: 100px; + left: 6px; + display: none; + width: 0; + height: 0; + opacity: 0.5; + } +#pagedown + { + border-width: 12px; + border-style: solid; + border-color: #ddd transparent transparent transparent; + position: fixed; + top: 540px; + left: 6px; + display: none; + width: 0; + height: 0; + opacity: 0.5; + } + --> + </style> + + </head> + +<body> + +<div id="bg"> +<div><table cellspacing=0 cellpadding=0><tr><td><img id="background" /></td></tr></table></div> +</div> + +<div id="hello">hello, <b id="username">ghost</b></div> +<div id="msg"></div> +<div id="searchbox"><input type="text" id="q" name="q" autocomplete="off"><span id="frag" /></div> +<header></header> +<div id="listbox"><ul id="list"></ul></div> +<div id="pageup"></div> +<div id="pagedown"></div> +<div id="qtmp"></div> +</body> + +<script type="text/javascript" src="jquery-1.4.4.min.js"></script> +<script type="text/javascript" src="soundmanager2.js"></script> +<script type="text/javascript" src="dymaxion.js"></script> + +</html> + + |