total cleanup
This commit is contained in:
magnolia-fan
@@ -1,184 +0,0 @@
|
||||
body, h1, h2, h3, h4, form, ul, li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
#contents {
|
||||
width: 750px;
|
||||
margin: 0 0 0 -375px;
|
||||
left: 50%;
|
||||
position: relative;
|
||||
/* background-color: #EEE;*/
|
||||
}
|
||||
|
||||
.inner-1 {
|
||||
/* margin: 2em;*/
|
||||
}
|
||||
|
||||
h1.artist {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 75px 0 0.5em 0;
|
||||
font-size: 3em;
|
||||
}
|
||||
h1.artist > span {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.album {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.album .pic {
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
background-color: #DDD;
|
||||
float: left;
|
||||
margin: 0 20px 1em 0;
|
||||
}
|
||||
|
||||
.album .name {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 480px;
|
||||
font-size: 1.5em;
|
||||
margin: 0 0 0.5em 0;
|
||||
/* background-color: yellowgreen;*/
|
||||
}
|
||||
.album .name span{
|
||||
float: left;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.album .tracks {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 480px;
|
||||
margin-bottom: 1em;
|
||||
/* background-color: lightblue;*/
|
||||
}
|
||||
|
||||
.album .tracks li {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
line-height: 30px;
|
||||
margin: 0 0 0.2em 0;
|
||||
}
|
||||
|
||||
.album .tracks li .duration {
|
||||
font-size: 0.5em;
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
span.play {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
background-color: #081;
|
||||
margin: 0.4em 0.3em 0 0;
|
||||
cursor: pointer;
|
||||
line-height: 18px;
|
||||
}
|
||||
span.play img {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
|
||||
span.play.disabled {
|
||||
background-color: #810;
|
||||
}
|
||||
|
||||
.album h3.name span.play {
|
||||
display: block;
|
||||
width: 20px;
|
||||
line-height: 11px;
|
||||
margin: 0.2em 0 0 0.2em;
|
||||
background-color: #04A;
|
||||
}
|
||||
|
||||
h1.artist > span > span.play {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
line-height: 20px;
|
||||
margin: 0;
|
||||
background-color: #04A;
|
||||
}
|
||||
h1.artist > span > span.play img {
|
||||
margin: 10px 0 20px 0;
|
||||
}
|
||||
|
||||
.search {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 200px;
|
||||
}
|
||||
|
||||
.search #name {
|
||||
width: 300px;
|
||||
border: #AAA 3px solid;
|
||||
border-radius: 7px;
|
||||
font-size: 1.5em;
|
||||
padding: 0.2em;
|
||||
}
|
||||
|
||||
|
||||
#nav {
|
||||
position: fixed;
|
||||
z-index: 6;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -375px;
|
||||
width: 750px;
|
||||
height: 25px;
|
||||
background-color: #000;
|
||||
border-bottom: #222 1px solid;
|
||||
}
|
||||
#nav ul {
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#nav ul li {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
margin: 0 5px;
|
||||
}
|
||||
#nav ul li a {
|
||||
color: #CCC;
|
||||
line-height: 25px;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
#nav ul li a:hover {
|
||||
color: #DDD;
|
||||
}
|
||||
|
||||
.corner-fix {
|
||||
position: fixed;
|
||||
z-index: 4;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #000;
|
||||
top: 25px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.corner-fix.left {
|
||||
margin-left: -375px;
|
||||
}
|
||||
|
||||
.corner-fix.right {
|
||||
margin-left: 367px;
|
||||
}
|
||||
@@ -1,113 +0,0 @@
|
||||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 10px;
|
||||
height: 100%;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background: #111;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background: #555;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
@@ -1,199 +0,0 @@
|
||||
audio {
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: -1000px;
|
||||
left: -1000px;
|
||||
}
|
||||
#player {
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
width: 750px;
|
||||
height: 50px;
|
||||
left: 50%;
|
||||
top: 25px;
|
||||
margin-left: -375px;
|
||||
background-color: #000;
|
||||
font-size: 12px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
#player .prev, #player .next, #player .play, #player .pause {
|
||||
float: left;
|
||||
color: #AAA;
|
||||
background-color: #222;
|
||||
cursor: pointer;
|
||||
}
|
||||
#player .prev, #player .next {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 10px 0;
|
||||
border-radius: 40px;
|
||||
}
|
||||
#player .prev img, #player .next img {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
#player .prev img {
|
||||
margin: 8px 0 0 7px;
|
||||
}
|
||||
#player .next img {
|
||||
margin: 8px 0 0 9px;
|
||||
}
|
||||
#player .play, #player .pause {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 5px;
|
||||
border-radius: 40px;
|
||||
}
|
||||
#player .play img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 12px 0 0 14px;
|
||||
}
|
||||
#player .pause img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 12px 0 0 12px;
|
||||
}
|
||||
#player .prev {
|
||||
margin-left: 20px;
|
||||
}
|
||||
#player .next {
|
||||
margin-right: 6px;
|
||||
}
|
||||
#player .time-played, #player .time-left {
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
color: #AAA;
|
||||
margin-right: 2px;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
}
|
||||
#player .progress {
|
||||
float: left;
|
||||
margin-top: 25px;
|
||||
height: 25px;
|
||||
width: 400px;
|
||||
}
|
||||
#player .track-title {
|
||||
float: left;
|
||||
width: 390px;
|
||||
height: 25px;
|
||||
margin-left: 5px;
|
||||
margin-top: -25px;
|
||||
color: #DDD;
|
||||
line-height: 30px;
|
||||
}
|
||||
#player .progress-bar {
|
||||
float: left;
|
||||
margin: 11px 5px;
|
||||
background-color: #013;
|
||||
width: 390px;
|
||||
height: 3px;
|
||||
}
|
||||
#player .progress-bar:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
#player .progress-loaded {
|
||||
float: left;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background-color: #05A;
|
||||
}
|
||||
#player .progress-point {
|
||||
float: left;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background-color: #013;
|
||||
margin-top: -4px;
|
||||
margin-left: -6px;
|
||||
border: #FFF 3px solid;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#player .shuffle, #player .repeat, #player .playlist {
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
#player .shuffle {
|
||||
margin: 17px 0 0 0;
|
||||
}
|
||||
#player .shuffle img {
|
||||
width: 20px;
|
||||
}
|
||||
#player .repeat {
|
||||
margin: 17px 0 0 12px;
|
||||
}
|
||||
#player .repeat img {
|
||||
width: 20px;
|
||||
}
|
||||
#player .playlist {
|
||||
margin: 12px 0 0 12px;
|
||||
}
|
||||
#player .playlist img {
|
||||
width: 20px;
|
||||
}
|
||||
#player .playlist .count {
|
||||
color: #DDD;
|
||||
font-size: 9px;
|
||||
width: auto;
|
||||
float: right;
|
||||
margin: -33px 0 0 2px;
|
||||
}
|
||||
#player .shuffle, #player .repeat {
|
||||
opacity: 0.5;
|
||||
-moz-opacity: 0.5;
|
||||
-khtml-opacity: 0.5;
|
||||
-webkit-opacity: 0.5;
|
||||
filter:alpha(opacity=50);
|
||||
}
|
||||
#player .shuffle.on, #player .repeat.on {
|
||||
opacity: 1;
|
||||
-moz-opacity: 1;
|
||||
-khtml-opacity: 1;
|
||||
-webkit-opacity: 1;
|
||||
filter:alpha(opacity=100);
|
||||
}
|
||||
#playlist {
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
top: 75px;
|
||||
left: 50%;
|
||||
width: 734px;
|
||||
margin-left: -367px;
|
||||
background-color: #000;
|
||||
opacity: 0.9;
|
||||
-moz-opacity: 0.9;
|
||||
-khtml-opacity: 0.9;
|
||||
-webkit-opacity: 0.9;
|
||||
filter:alpha(opacity=90);
|
||||
overflow-y: auto;
|
||||
max-height: 10em;
|
||||
}
|
||||
|
||||
#playlist ul {
|
||||
margin: 0.2em 0.3em;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
#playlist ul li {
|
||||
margin: 0;
|
||||
padding: 0.4em 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 0.75em;
|
||||
color: #FFF;
|
||||
}
|
||||
#playlist ul li:hover {
|
||||
background-color: #050505;
|
||||
cursor: default;
|
||||
}
|
||||
#playlist ul li.now-playing {
|
||||
background-color: #013;
|
||||
font-weight: bold;
|
||||
}
|
||||
#playlist ul li .length {
|
||||
margin: 0 0.5em;
|
||||
color: #AAA;
|
||||
}
|
||||
@@ -1,54 +0,0 @@
|
||||
#registration {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -145px 0 0 -195px;
|
||||
padding: 20px;
|
||||
width: 350px;
|
||||
height: 250px;
|
||||
background-color: #FFF;
|
||||
}
|
||||
#registration h1 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: normal;
|
||||
margin: 0 0 30px 0;
|
||||
}
|
||||
|
||||
#registration label {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100px;
|
||||
font-size: 20px;
|
||||
line-height: 35px;
|
||||
}
|
||||
#registration input[type="email"], input[type="password"], input[type="text"] {
|
||||
width: 230px;
|
||||
font-size: 20px;
|
||||
border: #EAEAEA 1px solid;
|
||||
background-color: #FCFCFC;
|
||||
padding: 5px;
|
||||
}
|
||||
#registration input[type="submit"] {
|
||||
color: #FFF;
|
||||
border: #EAEAEA 1px solid;
|
||||
background-color: #05A;
|
||||
font-size: 25px;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#registration .complete {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#email_error, #password_error, #password_c_error {
|
||||
float: right;
|
||||
color: #E30;
|
||||
width: 350px;
|
||||
height: 30px;
|
||||
margin: 4px -350px 0 0;
|
||||
line-height: 30px;
|
||||
font-size: 15px;
|
||||
}
|
||||
@@ -1,35 +0,0 @@
|
||||
.autocomplete-w1 {
|
||||
background: url(../images/shadow.png) no-repeat bottom right;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin: 8px 0 0 6px;
|
||||
/* IE6 fix: */
|
||||
_background: none;
|
||||
_margin: 0;
|
||||
}
|
||||
.autocomplete {
|
||||
border:1px solid #999;
|
||||
background:#FFF;
|
||||
cursor:default;
|
||||
text-align:left;
|
||||
max-height:350px;
|
||||
overflow:auto;
|
||||
margin:-6px 6px 6px -6px;
|
||||
/* IE6 specific: */
|
||||
_height: 350px;
|
||||
_margin: 0;
|
||||
_overflow-x: hidden;
|
||||
}
|
||||
.autocomplete .selected {
|
||||
background: #F0F0F0;
|
||||
}
|
||||
.autocomplete div {
|
||||
padding: 2px 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.autocomplete strong {
|
||||
font-weight: normal;
|
||||
color: #3399FF;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user