app/assets/stylesheets/soundcloud.css
.exampleSource {
display: none;
}
#left, #right {
width: 45%;
float: left;
}
#right {
width: 40%;
padding-left: 30px;
margin-left: 30px;
border-left: 1px solid #eee;
}
#right pre {
overflow: scroll;
}
.example {
border-top: 1px solid #eee;
padding-top: 30px;
width: 100%;
}
.big.button {
width: 100%;
margin-bottom: 30px;
padding: 0 0;
}
.fullWidth {
width: 100%;
}
.tab-ui a {
color: black;
}
.tab-ui li.current a {
color: #F60;
}
#recorderUI {
width: 182px;
margin: 0;
}
#recorderUI #timer {
font-weight: bold;
font-size: 10px;
color: #333;
line-height: 60px;
width: 100%;
text-align: center;
display: none;
}
#recorderUI.recording #timer, #recorderUI.playing #timer {
display: block;
}
#recorderUI #otherControls {
display: none;
}
#recorderUI.playing #otherControls, #recorderUI.recorded #otherControls {
display: block;
margin-left: 38px;
}
#reset, #upload {
width: 50px;
margin: 5px;
}
#otherControls {
clear: both;
}
#controlButton { margin: auto !important; padding: 0 !important; border: 0 !important; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; display: block; width: 60px; height: 60px; background-color: transparent !important; background-image: url(rec_button_large.png) !important; background-position: 0 0; }
#recorderUI.recording #controlButton, #recorderUI.playing #controlButton {
background-position: 0 -60px;
}
#recorderUI.recorded #controlButton { background-position: 0 -120px; }
#controlButton.pause { background-position: 0 -180px; }