body {
background: #fff url('dot.png');
margin: 0px;
font-size: 24px;
line-height: 1.5em;
font-family: eurostile, "helvetica neue", arial, sans-serif;
color: #535353;
text-rendering: optimizeLegibility;
}
img#github-banner {
position: absolute;
top: 0px;
right: 0px;
border: 0px;
}
.menubar {
background: #fff;
width: 576px;
margin: 1.5em auto;
padding: 0.0em 1.5em;
}
.menubar ul {
margin: 0.0em;
padding: 0.0em;
overflow: auto;
}
.menubar li {
list-style: none;
float: left;
margin-right: 1.0em;
font-weight: bold;
}
.menubar li a {
color: #00b12e;
}
.content-box {
background: #fff;
width: 576px;
margin: 3.0em auto;
padding: 0.0em 1.5em;
}
.content-box h1 {
font-family: eurostile;
font-size: 3.0em;
line-height: 1.0em;
margin: 0.0em;
color: #00b12e;
background: url(logo.png) center left no-repeat;
text-indent: -5000px;
height: 72px;
outline: 0px;
/* Following added to fix IE bug with text-indent property */
font-size: 0px;
display: block;
line-height: 0px;
}
.content-box h2 {
color: #00b12e;
margin: 0.0em 0.0em 1.0em 0.0em;
font-size: 1.5em;
line-height: 1.0em;
}
.content-box h3 {
margin: 0.0em 0.0em 1.5em 0.0em;
font-size: 1.0em;
line-height: 1.5em;
}
.content-box a {
color: #00b12e;
}
.content-box p {
margin: 0.0em 0.0em 1.5em 0.0em;
font-weight: bold;
}
.content-box p.last {
margin-bottom: 0.0em;
}
pre {
margin: 0.0em 0.0em 3.0em 0.0em;
font-size: 0.5em;
line-height: 1.5em;
letter-spacing: 0.45em;
}
pre.single-line {
line-height: 36px;
}
pre code {
line-height: 16px;
}
code {
margin: 0.0em;
font-family: menlo, consolas, monaco, courier, monospace;
font-weight: normal;
line-height: 16px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
list-style-type: none;
line-height: 1.5em;
}
ul li.drumkit {
margin-bottom: 3.0em;
}
ul.sample-list li {
font-size: 1.0em;
line-height: 1.5em;
}
label {
width: 50%;
display: inline-block;
}
label.example-song {
width: 35%;
}
audio {
width: 50%;
vertical-align: top;
}
audio.example-song {
width: 55%;
}
div#about {
text-align: center;
padding-bottom: 0.0em;
}
h2#strategy-guide {
margin-bottom: 0.0em;
}
p#hot-tips {
font-style: italic;
color: #ccc;
}
a.toggle {
margin-bottom: 1.5em;
display: inline-block;
}