File: skins/mcplayer-darkgray.css

/*

    amc player SKIN :: DARK GRAY
    @author: Axel Hahn

*/

#mcphud, #mcpwrapper, #mcpmaximize, #mcpplaylist, #mcpabout, #mcpdownloads
{
    color:#777;
    background:#333;
    text-shadow: none;
    border-color: rgba(255,255,255,0.2);
    border-radius: 0;
    box-shadow: 0 0 20px #000;
}

/* ============================================================

    player

============================================================ */

#mcpwrapper a{
    background: rgba(0,0,0,0.1); 
    border-color: rgba(255,255,255,0.1); 
    border-radius: 0;
    color: #888; 
}
#mcplayer a:hover{background: rgba(255,255,255,0.1);}
#mcpplayersonginfo>div{
    border-bottom: 1px solid #666;
}
#mcpplayersonginfo img{
    box-shadow: 0 0 2em #222;
}
#mcpabout .title, 
#mcpplayersonginfo .title
{
    color:#89a;
    text-shadow: 1px 1px 0 #000;
}
#mcpplayersonginfo .bpm{
    font-size: 80%; 
    font-style: italic; 
    margin-top: 1em; 
}
#mcpabout a, #mcpdownloads a, #mcpplaylist a{
    color:#889;
}
#mcplayer .active a,
#mcplayer a.active,
#mcpplaylist li.active a,
.mcpslider-active{
    background: #89a; color:#334;
}

#mcptime{color:#999;text-shadow: none;}

/* nothing */   #mcpstatusbar .networkstate0{color: rgba(255,255,255,0.5);}
/* idle */      #mcpstatusbar .networkstate1{color: rgba(255,255,255,0.5);}
/* loading */   #mcpstatusbar .networkstate2{color:#0a0;}
/* no source*/  #mcpstatusbar .networkstate3{background:#600; color: #fcc;}

/* ---------------------------------------------------------
    bars for volume and progress
--------------------------------------------------------- */

.mcpslider-default{
    background: rgba(200,240,255,0.2);
}
.mcpslider-active{
}

/* ---------------------------------------------------------
    system buttons on top right + maximize on the bottom
--------------------------------------------------------- */

#mcpminimize{color:#333;}

.mcpsystembutton{
    background: #333;
    border: 1px solid #888;    
    border-radius: 0;
    padding: 0px 5px; 
}

/* ============================================================

    boxes

============================================================ */

#mcpdownloads ul, #mcpplaylist ul{
    background: none;
}

/* ---------------------------------------------------------
    title bars
--------------------------------------------------------- */

.mcpbox{
    background: linear-gradient(to bottom, #345, #567);
}

/* ============================================================

    play buttons for hidden audio tags in the website

============================================================ */

.songbtn, .songbtn:hover{
    border-radius: 0.2em; 
    background: #333;
    color:#888;
}
.songbtn:hover{
    background: #567;
}
.songbtn:active, .songbtnactive{
    background: #89a;
    color: #334;
}


/* ============================================================

    hud infobox

============================================================ */

#mcphud{color: #abc}