Icontem

File: skins/mcplayer-darkgray.css

Recommend this page to a friend!
  Classes of Axel Hahn  >  AMC JavaScript Audio Player HTML5  >  skins/mcplayer-darkgray.css  >  Download  
File: skins/mcplayer-darkgray.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: AMC JavaScript Audio Player HTML5
DIsplay an audio player with surround support
Author: By
Last change:
Date: 10 months ago
Size: 2,978 bytes
 

Contents

Class file image Download
/*

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

*/

#mcphud, #mcpwrapper, #mcpmaximize, #mcpplaylist, #mcpabout, #mcpdownloads
{
    color:#777;
    background:#444;
    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;
}
#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;
}
#mcpwrapper .active a,
#mcpwrapper a.active,
#mcpplaylist li.active a{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
--------------------------------------------------------- */

#mcpvolumecanvas,
#mcpprogresscanvas{
    background: #888; 
    border-radius: 0;
}

/* ---------------------------------------------------------
    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;
}
.songbtnactive{
    background: #89a;
    color: #334;
}

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

    hud infobox

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

#mcphud{color: #abc}