Results of the CSS crunched for streamdrag.com

Let's see what we've done for streamdrag.com

CSSCruncher.com has crunched this CSS to
17.48 %Less Size! Woohooo!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

body{margin:0;padding:0;font-size:11px;font-family:Arial,Verdana,sans-serif;color:#FFF;text-align:center;background:#252525}
a{outline:none;text-decoration:none}
form{margin:0;padding:0;border:0;background:transparent}
input{outline:none}
#SORRY_NOS_WINDOW{position:absolute;top:0;left:0;z-index:101;width:100%;height:2600px;background:#262626}
#IE6_NOS_SCREEN{z-index:102;padding:180px 0 0 0;margin:0 0 30px 0;width:100%;height:75px;background:url(browsers/sorry_ie6.gif) bottom center no-repeat}
#NOS_TEXT{z-index:103;width:300px;padding:10px;background:#1A1A1A;border:1px solid #515151;color:#C8C8C8;font-size:12px}
.clearer{display:block;clear:both;height:1px;overflow:hidden;float:none}
#holder{position:relative;top:0;left:0;margin:auto;width:532px;text-align:left}
#lilvideo{position:absolute;top:129px;right:-159px;width:154px;height:132px;background:url(img/video_holder.gif)}
#toplogoing{position:relative;top:0;left:0;width:100%;height:133px}
a#ytb_badgelink{display:block;width:56px;height:33px;background:url(img/ytb_badge.gif);position:absolute;top:95px;right:230px;z-index:10}
a#ytb_badgelink:hover{background:url(img/ytb_badge_hvr.gif)}
#toplogoing_bg{position:absolute;top:0;right:0;z-index:2;width:329px;height:133px}
#toplogoing_logo{position:absolute;bottom:0;right:0;z-index:3;width:221px;height:54px;background:url(img/logo_stilld.gif)}
#toplogoing_voluming{position:absolute;top:83px;left:13px;z-index:22;width:100px;height:40px}
#toplogoing_voluming div.vBars{position:absolute;bottom:0;left:3px;width:3px;height:6px;background:#595959;cursor:pointer}
#toplogoing_voluming div.vBars_active{position:absolute;bottom:0;left:3px;width:3px;height:6px;background:#BCBCBC;cursor:pointer}
#top_volumeOn{position:absolute;bottom:-1px;left:32px;font-size:10px;font-weight:bold;color:#FFF;cursor:pointer}
#top_volumeOff{position:absolute;bottom:-1px;left:50px;font-size:10px;font-weight:bold;color:#595959;cursor:pointer}
#loopOne{display:block;position:absolute;bottom:9px;left:90px;width:19px;height:14px;z-index:23;background:url(img/loopOne.gif) no-repeat;cursor:pointer}
#playlistButton{display:block;position:absolute;bottom:6px;left:117px;width:50px;height:17px;z-index:24;background:url(img/min_playlist.gif) no-repeat;cursor:pointer}
#sd_player{position:relative;top:0;left:0;width:100%;height:107px}
#search_box{position:absolute;top:0;left:0;z-index:20;width:100%;height:85px;background:url(img/searchbg.png);overflow:hidden}
#searchinp_hold{position:absolute;top:20px;left:20px;width:494px;height:39px;overflow:hidden}
#searchinp_hold #searchinp_fkinput{position:absolute;top:0;left:0;width:414px;height:39px;overflow:hidden;background:url(img/fkinpsk.png) top left no-repeat}
#searchinp_hold #searchinp_fkinput input{position:absolute;top:10px;left:14px;display:block;padding:0;margin:0;border:0;width:388px;background:transparent;color:#4D4D4D;font-weight:bold;font-size:16px}
#searchinp_hold #sd_sbmbutton{position:absolute;top:0;right:0;display:block;border:0;padding:0;margin:0;cursor:pointer;width:80px;height:39px;background:url(img/searchsbm.png) top right no-repeat}
#sd_player_controlbar{position:absolute;bottom:16px;left:0;z-index:10;width:531px;height:82px;overflow:hidden;background:url(img/drop_bar.gif)}
#control_PLAY{position:absolute;bottom:11px;left:16px;width:36px;height:39px;background:url(img/play.gif) no-repeat;cursor:pointer}
#control_STOP{position:absolute;bottom:11px;left:70px;width:39px;height:39px;background:url(img/stop.gif) no-repeat;cursor:pointer}
#control_LAST{position:absolute;bottom:13px;left:120px;width:34px;height:29px;background:url(img/last.gif);cursor:pointer}
#control_NEXT{position:absolute;bottom:13px;left:170px;width:34px;height:29px;background:url(img/next.gif);cursor:pointer}
#music_COVER{position:absolute;bottom:11px;right:17px;background:url(img/cover_bg.gif);width:50px;height:39px;overflow:hidden}
#music_COVER img{display:block;position:absolute;bottom:3px;right:3px;width:44px;height:33px}
#music_STATEBAR{position:absolute;bottom:20px;left:213px;width:240px;height:18px;background:#490101 url(img/musicstate_bg.gif) top repeat-x}
#music_STATEBAR_LOADED{z-index:12;position:absolute;top:0;left:0;width:1px;height:18px;background:#490101 url(img/musicstate_LOADED.gif) top repeat-x}
#music_STATEBAR_DURATION{z-index:13;position:absolute;top:4px;right:5px;color:#7D3D3D;font-size:10px;width:50px;text-align:right;visibility:hidden}
#music_STATEBAR_STATETEXT{z-index:14;position:absolute;top:3px;left:5px;color:#7D3D3D;font-size:10px;width:156px;font-style:italic}
#music_STATEBAR_DRAGGER{z-index:15;position:absolute;top:0;left:0;width:100%;height:18px;cursor:pointer;background:transparent}
#music_OVERSTATEBAR_INDIC{position:absolute;bottom:38px;left:213px;z-index:16;height:5px;width:240px;overflow:hidden}
#music_OVERSTATEBAR_INDIC span{z-index:17;position:absolute;top:0;left:0;display:block;width:4px;height:5px;background:url(img/arrow_indic.gif) no-repeat}
#music_playingTitle{position:absolute;bottom:0;left:19px;z-index:18;font-size:9px;color:#676767}
#controlbar_openclosec{position:absolute;bottom:0;right:19px;z-index:19;font-size:10px;color:#676767;font-weight:bold;cursor:pointer}
#search_ANIFADE{margin:20px 0 0 0;width:100%;height:89px;background:url(img/searchindicator2.gif) center no-repeat}
ul#searchResList{margin:15px 15px 0 15px;padding:20px 0 0 4px;background:url(img/searchres.gif) top left no-repeat;list-style:none;border:0}
ul#searchResList li{display:block;margin:0 0 1px 0;background:#2F2F2F;color:#FFF;font-size:11px;padding:5px;border:3px solid #202020;border-width:0 0 3px 0}
ul#searchResList li address{display:none}
ul#searchResList li span{display:block;float:left}
a.sreslist_play{display:block;float:right;margin:1px 6px 0 0;width:13px;height:15px;background:url(img/minplay.gif) center no-repeat}
a.sreslist_add{display:block;float:right;margin:1px 6px 0 0;width:15px;height:15px;background:url(img/minadd.gif) center no-repeat}
#myPlaylist{background:transparent url(img/playlist_logo.gif) top left no-repeat;margin:15px 5px 0 15px;padding:22px 0 12px 2px}
#myPlaylist #playListBox{width:505px;background:#1F1F1F url(img/playlist_bg_left.gif) left repeat-y}
#myPlaylist #playListBox_bgr{width:100%;background:url(img/playlist_bg_right.gif) right repeat-y}
#myPlaylist #playListBox_bg_topx{width:100%;background:url(img/playlist_xBG.gif) top repeat-x}
#myPlaylist #playListBox_bg_bottomx{width:100%;background:url(img/playlist_xBG.gif) bottom repeat-x}
#myPlaylist #playListBox_crn_tleft{width:100%;background:url(img/playlist_left_top_crn.gif) left top no-repeat}
#myPlaylist #playListBox_crn_tright{width:100%;background:url(img/playlist_right_top_crn.gif) right top no-repeat}
#myPlaylist #playListBox_crn_bleft{width:100%;background:url(img/playlist_left_bottom_crn.gif) left bottom no-repeat}
#myPlaylist #playListBox_crn_bright{width:100%;background:url(img/playlist_right_bottom_crn.gif) right bottom no-repeat}
#myPlaylist #myPlaylist_innerpadding{padding:13px;font-weight:normal;font-style:italic;font-size:14px;text-align:center;color:#6D6D6D}
div.playlistEntry{padding:4px;background:#1F1F1F;color:#AAAAAA;margin:0 0 3px 0;text-align:left;font-size:11px;overflow:hidden}
div.playlistEntry span{display:block;float:left;margin:2px 0 0 0}
div.playlistEntry .plEntry_play{display:block;cursor:pointer;margin:1px 6px 0 0;float:left;width:14px;height:16px;background:url(img/play_from_playlist.gif) left no-repeat}
div.playlistEntry .plEntry_play_active{display:block;cursor:pointer;margin:1px 6px 0 0;float:left;width:14px;height:16px;background:url(img/isplaying_from_playlist.gif) left no-repeat}
div.playlistEntry .plEntry_remove{display:block;cursor:pointer;margin:1px 10px 0 0;float:left;width:22px;height:16px;background:url(img/delete_from_playlist.gif) left no-repeat}
#balloonTip{position:absolute;top:60px;left:550px;z-index:50;width:197px;height:49px;overflow:hidden;color:#FFF;text-align:center;font-weight:normal;background:url(img/balloon.gif) top center no-repeat;padding:17px 0 0 0;display:none;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60)}
#infoTip{position:absolute;top:80px;left:0;z-index:55;width:100%;padding:85px 0 85px 0;color:#FFF;background:#121212;font-weight:bold;text-align:center;font-size:18px;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);display:none}
#bottomersinf{width:490px;margin:30px 10px 0 10px;padding:12px;background:#1E1E1E;font-size:11px;color:#727272;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5}
a.btmdlink{color:#727272;font-weight:bold;text-decoration:none}
a.btmdlink:hover{text-decoration:underline}
ul.normed_listing{margin:15px 0 15px 5px;padding:0;list-style:none}
ul.normed_listing li{display:block;padding:3px;color:#FFF;margin:0}

» Show original CSS code

« Hide original CSS code

body{
    margin:0; padding:0;
    font-size:11px; font-family:Arial, Verdana, sans-serif;
    color:#FFF; text-align:center;
    background:#252525;
}

a{
    outline:none;
    text-decoration:none;
}

form{
    margin:0; padding:0; border:0; background:transparent;
}

input{
    outline:none;
}

#SORRY_NOS_WINDOW{
    position:absolute; top:0; left:0; z-index:101;
    width:100%; height:2600px;
    background:#262626;
}

#IE6_NOS_SCREEN{
    z-index:102;
    padding:180px 0 0 0; margin:0 0 30px 0;
    width:100%; height:75px;
    background:url(browsers/sorry_ie6.gif) bottom center no-repeat;
}

#NOS_TEXT{
    z-index:103;
    width:300px; padding:10px;
    background:#1A1A1A; border:1px solid #515151;
    color:#C8C8C8; font-size:12px;
}

.clearer{
    display:block;
    clear:both; height:1px; overflow:hidden; float:none;
}

#holder{
    position:relative; top:0; left:0;
    margin:auto;
    width:532px; text-align:left;
}

#lilvideo{
    position:absolute; top:129px; right:-159px;
    width:154px; height:132px;
    background:url(img/video_holder.gif);
}

#toplogoing{
    position:relative; top:0; left:0;
    width:100%; height:133px;
}

a#ytb_badgelink{
    display:block;
    width:56px; height:33px;
    background:url(img/ytb_badge.gif);
    position:absolute; top:95px; right:230px;
    z-index:10;
}

a#ytb_badgelink:hover{
    background:url(img/ytb_badge_hvr.gif);
}

#toplogoing_bg{
    position:absolute; top:0; right:0;
    z-index:2; width:329px; height:133px;
    /**background:url(img/top.png);**/
}

#toplogoing_logo{
    position:absolute; bottom:0; right:0;
    z-index:3; width:221px; height:54px;
    background:url(img/logo_stilld.gif);
}

#toplogoing_voluming{
    position:absolute; top:83px; left:13px;
    z-index:22; 
    width:100px; height:40px;
}

#toplogoing_voluming div.vBars{
    position:absolute; bottom:0; left:3px;
    width:3px; height:6px;
    background:#595959; cursor:pointer;
}

#toplogoing_voluming div.vBars_active{
    position:absolute; bottom:0; left:3px;
    width:3px; height:6px;
    background:#BCBCBC; cursor:pointer;
}

#top_volumeOn{
    position:absolute; bottom:-1px; left:32px;
    font-size:10px; font-weight:bold;
    color:#FFF; cursor:pointer;
}

#top_volumeOff{
    position:absolute; bottom:-1px; left:50px;
    font-size:10px; font-weight:bold;
    color:#595959; cursor:pointer;
}

#loopOne{
    display:block;
    position:absolute; bottom:9px; left:90px;
    width:19px; height:14px; z-index:23;
    background:url(img/loopOne.gif) no-repeat;
    cursor:pointer; 
}

#playlistButton{
    display:block;
    position:absolute; bottom:6px; left:117px;
    width:50px; height:17px; z-index:24;
    background:url(img/min_playlist.gif) no-repeat;
    cursor:pointer;
}

#sd_player{
    position:relative; top:0; left:0;
    width:100%; height:107px;
}

#search_box{
    position:absolute; top:0; left:0;
    z-index:20;
    width:100%; height:85px;
    background:url(img/searchbg.png);
    overflow:hidden;
}

#searchinp_hold{
    position:absolute; top:20px; left:20px;
    width:494px; height:39px; overflow:hidden;
}

#searchinp_hold #searchinp_fkinput{
    position:absolute; top:0; left:0;
    width:414px; height:39px;
    overflow:hidden;
    background:url(img/fkinpsk.png) top left no-repeat;
}

#searchinp_hold #searchinp_fkinput input{
    position:absolute; top:10px; left:14px;
    display:block; padding:0; margin:0;
    border:0; width:388px; background:transparent;
    color:#4D4D4D; font-weight:bold; font-size:16px;
    
}

#searchinp_hold #sd_sbmbutton{
    position:absolute; top:0; right:0;
    display:block;
    border:0; padding:0; margin:0;
    cursor:pointer; width:80px; height:39px;
    background:url(img/searchsbm.png) top right no-repeat;
}

/** PLAYER **/

#sd_player_controlbar{
    position:absolute; bottom:16px; left:0;
    z-index:10;
    width:531px; height:82px; overflow:hidden;
    background:url(img/drop_bar.gif);
}

#control_PLAY{
    position:absolute; bottom:11px; left:16px;
    width:36px; height:39px;
    background:url(img/play.gif) no-repeat;
    cursor:pointer;
}

#control_STOP{
    position:absolute; bottom:11px; left:70px;
    width:39px; height:39px;
    background:url(img/stop.gif) no-repeat;
    cursor:pointer;
}

#control_LAST{
    position:absolute; bottom:13px; left:120px;
    width:34px; height:29px;
    background:url(img/last.gif);
    cursor:pointer;
}

#control_NEXT{
    position:absolute; bottom:13px; left:170px;
    width:34px; height:29px;
    background:url(img/next.gif);
    cursor:pointer;
}

#music_COVER{
    position:absolute; bottom:11px; right:17px;
    background:url(img/cover_bg.gif);
    width:50px; height:39px;
    overflow:hidden;
}

#music_COVER img{
    display:block;
    position:absolute; bottom:3px; right:3px;
    width:44px; height:33px;
}

#music_STATEBAR{
    position:absolute; bottom:20px; left:213px;
    width:240px; height:18px;
    background:#490101 url(img/musicstate_bg.gif) top repeat-x;
}

#music_STATEBAR_LOADED{
    z-index:12;
    position:absolute; top:0; left:0;
    width:1px; height:18px;
    background:#490101 url(img/musicstate_LOADED.gif) top repeat-x;
}

#music_STATEBAR_DURATION{
    z-index:13;
    position:absolute; top:4px; right:5px;
    color:#7D3D3D; font-size:10px;
    width:50px; text-align:right;
    visibility:hidden;
}

#music_STATEBAR_STATETEXT{
    z-index:14;
    position:absolute; top:3px; left:5px;
    color:#7D3D3D; font-size:10px; width:156px;
    font-style:italic;
}

#music_STATEBAR_DRAGGER{
    z-index:15;
    position:absolute; top:0; left:0;
    width:100%; height:18px; cursor:pointer;
    background:transparent;
}

#music_OVERSTATEBAR_INDIC{
    position:absolute; bottom:38px; left:213px;
    z-index:16;
    height:5px; width:240px;
    overflow:hidden;
}

#music_OVERSTATEBAR_INDIC span{
    z-index:17;
    position:absolute; top:0; left:0;
    display:block; width:4px; height:5px;
    background:url(img/arrow_indic.gif) no-repeat;
}

#music_playingTitle{
    position:absolute; bottom:0; left:19px;
    z-index:18; font-size:9px; color:#676767;
}

#controlbar_openclosec{
    position:absolute; bottom:0; right:19px;
    z-index:19; font-size:10px; color:#676767;
    font-weight:bold; cursor:pointer;
}

#search_ANIFADE{
    margin:20px 0 0 0;
    width:100%; height:89px;
    background:url(img/searchindicator2.gif) center no-repeat;
}

ul#searchResList{
    margin:15px 15px 0 15px; padding:20px 0 0 4px;
    background:url(img/searchres.gif) top left no-repeat;
    list-style:none; border:0;
}

ul#searchResList li{
    display:block; margin:0 0 1px 0;
    background:#2F2F2F; color:#FFF; font-size:11px;
    padding:5px; border:3px solid #202020;
    border-width:0 0 3px 0;
}

ul#searchResList li address{
    display:none;
}

ul#searchResList li span{
    display:block; float:left;
}

a.sreslist_play{
    display:block; float:right;
    margin:1px 6px 0 0; width:13px; height:15px;
    background:url(img/minplay.gif) center no-repeat;
}

a.sreslist_add{
    display:block; float:right;
    margin:1px 6px 0 0; width:15px; height:15px;
    background:url(img/minadd.gif) center no-repeat;
}

/** PLAYLIST **/
/** --------------------------------------------- **/
/** --------------------------------------------- **/

#myPlaylist{
    background:transparent url(img/playlist_logo.gif) top left no-repeat;
    margin:15px 5px 0 15px; padding:22px 0 12px 2px;
}

#myPlaylist #playListBox{
    width:505px; background:#1F1F1F url(img/playlist_bg_left.gif) left repeat-y;
}

#myPlaylist #playListBox_bgr{
    width:100%; background:url(img/playlist_bg_right.gif) right repeat-y;
}

#myPlaylist #playListBox_bg_topx{
    width:100%; background:url(img/playlist_xBG.gif) top repeat-x;
}

#myPlaylist #playListBox_bg_bottomx{
    width:100%; background:url(img/playlist_xBG.gif) bottom repeat-x;
}

#myPlaylist #playListBox_crn_tleft{
    width:100%; background:url(img/playlist_left_top_crn.gif) left top no-repeat;
}

#myPlaylist #playListBox_crn_tright{
    width:100%; background:url(img/playlist_right_top_crn.gif) right top no-repeat;
}

#myPlaylist #playListBox_crn_bleft{
    width:100%; background:url(img/playlist_left_bottom_crn.gif) left bottom no-repeat;
}

#myPlaylist #playListBox_crn_bright{
    width:100%; background:url(img/playlist_right_bottom_crn.gif) right bottom no-repeat;
}

#myPlaylist #myPlaylist_innerpadding{
    padding:13px; font-weight:normal; font-style:italic;
    font-size:14px; text-align:center; color:#6D6D6D;
}

div.playlistEntry{
    padding:4px; background:#1F1F1F;
    color:#AAAAAA; margin:0 0 3px 0;
    text-align:left; font-size:11px;
    overflow:hidden;
}

div.playlistEntry span{
    display:block; float:left; margin:2px 0 0 0;
}

div.playlistEntry .plEntry_play{
    display:block; cursor:pointer; margin:1px 6px 0 0;
    float:left; width:14px; height:16px;
    background:url(img/play_from_playlist.gif) left no-repeat;
}

div.playlistEntry .plEntry_play_active{
    display:block; cursor:pointer; margin:1px 6px 0 0;
    float:left; width:14px; height:16px;
    background:url(img/isplaying_from_playlist.gif) left no-repeat;
}

div.playlistEntry .plEntry_remove{
    display:block; cursor:pointer; margin:1px 10px 0 0;
    float:left; width:22px; height:16px;
    background:url(img/delete_from_playlist.gif) left no-repeat;
}

/** PLAYLIST : END! **/
/** --------------------------------------------- **/
/** --------------------------------------------- **/

#balloonTip{
    position:absolute; top:60px; left:550px;
    z-index:50; width:197px; height:49px; overflow:hidden;
    color:#FFF; text-align:center; font-weight:normal;
    background:url(img/balloon.gif) top center no-repeat;
    padding:17px 0 0 0; display:none;
    opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60);
}

#infoTip{
    position:absolute; top:80px; left:0;
    z-index:55; width:100%;
    padding:85px 0 85px 0; color:#FFF;
    background:#121212; font-weight:bold;
    text-align:center; font-size:18px;
    opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);
    display:none;
}

#bottomersinf{
    width:490px;
    margin:30px 10px 0 10px;
    padding:12px; background:#1E1E1E;
    font-size:11px; color:#727272;
    filter:alpha(opacity=50);
    opacity:0.5; -moz-opacity:0.5; 
}

a.btmdlink{
    color:#727272; font-weight:bold;
    text-decoration:none;
}

a.btmdlink:hover{
    text-decoration:underline;
}

ul.normed_listing{
    margin:15px 0 15px 5px;
    padding:0; list-style:none;
}

ul.normed_listing li{
    display:block; padding:3px;
    color:#FFF; margin:0;
}

Some information about this website:

URL: http://streamdrag.com/
CSS URL: http://streamdrag.com/style_dvid.css
Charset: utf-8
Title: StreamDrag - hear your favorite music