28e7b63568
- Intro Screen - Share buttons (Twitter/Facebook) - SoundManager - Add audio files - Some CleanUp
1742 lines
No EOL
24 KiB
CSS
1742 lines
No EOL
24 KiB
CSS
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:300;
|
|
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;
|
|
}
|
|
|
|
.medium-note {
|
|
padding-top:1.5em;
|
|
font-size:1em;
|
|
}
|
|
|
|
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","Helvetica",helvetica,arial,verdana,sans-serif;
|
|
font-weight:300;
|
|
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;
|
|
}
|
|
|
|
a.warning,
|
|
span.warning {
|
|
font-weight:bold;
|
|
}
|
|
|
|
a.warning,
|
|
span.warning,
|
|
a.warning code,
|
|
span.warning code {
|
|
color:#993300;
|
|
}
|
|
|
|
a.warning:hover {
|
|
color:#fff;
|
|
background:#993300;
|
|
}
|
|
|
|
.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-top:3em;
|
|
margin-bottom:2em;
|
|
}
|
|
|
|
#revision-list > li:first-child {
|
|
margin-top: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;
|
|
} |