Results of the CSS crunched for nox.famepix.com

Let's see what we've done for nox.famepix.com

CSSCruncher.com has crunched this CSS to
40.05 %Less Size! I cant't believe it!

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

Error on Line 15:
  attempt to find a semi-colon before the property name. add it
  Class:     #content_2_bg
  Property:  background
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 45:
  Property opacity doesn't exist
  Class:     .boxcaption
  Property:  opacity
  Value:     0.8

Error on Line 45:
  attempt to find a semi-colon before the property name. add it
  Class:     .boxcaption
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 45:
  Property progid doesn't exist
  Class:     .boxcaption
  Property:  progid
  Value:     DXImageTransform

Error on Line 45:
  Line : 46 	Unrecognized  - : 1px solid #030303;  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  Class:     DXImageTransform.Microsoft.Alpha(Opacity=80);
  Property:  
  Value:     

Error on Line 47:
  only 0 can be a length. You must put an unit after your number
  Class:     .caption .boxcaption
  Property:  top
  Value:     220

Error on Line Line : 63:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 63
  Property:  63
  Value:     activeslide

Error on Line 88:
  Unrecognized  - [empty string]
  Class:     #thumbNav a
  Property:  font
  Value:     Unrecognized  - [empty string]

Error on Line 88:
  Unrecognized  - Georgia, Serif
  Class:     #thumbNav a
  Property:  Georgia
  Value:     Unrecognized  - Georgia, Serif

Error on Line 88:
  Property -moz-border-radius-bottomleft doesn't exist
  Class:     #thumbNav a
  Property:  -moz-border-radius-bottomleft
  Value:     5px

Error on Line 88:
  Property -moz-border-radius-bottomright doesn't exist
  Class:     #thumbNav a
  Property:  -moz-border-radius-bottomright
  Value:     5px

Error on Line 88:
  Property -webkit-border-bottom-right-radius doesn't exist
  Class:     #thumbNav a
  Property:  -webkit-border-bottom-right-radius
  Value:     5px

Error on Line 88:
  Property -webkit-border-bottom-left-radius doesn't exist
  Class:     #thumbNav a
  Property:  -webkit-border-bottom-left-radius
  Value:     5px

Error on Line 92:
  Property -moz-border-radius-bottomleft doesn't exist
  Class:     #start-stop
  Property:  -moz-border-radius-bottomleft
  Value:     5px

Error on Line 92:
  Property -moz-border-radius-bottomright doesn't exist
  Class:     #start-stop
  Property:  -moz-border-radius-bottomright
  Value:     5px

Error on Line 92:
  Property -webkit-border-bottom-right-radius doesn't exist
  Class:     #start-stop
  Property:  -webkit-border-bottom-right-radius
  Value:     5px

Error on Line 92:
  Property -webkit-border-bottom-left-radius doesn't exist
  Class:     #start-stop
  Property:  -webkit-border-bottom-left-radius
  Value:     5px

Crunched CSS code:

@charset "utf-8";*{margin:0;padding:0}
body{background:url(../images/body_bg.jpg) repeat-x #121212}
#footer{background:url(../images/footer.jpg);width:100%;height:220px}
#thanks img{margin-left:386px;margin-top:50px}
#thanks{margin:0px auto;width:900px}
#mybody{background:url(../images/big_bg3.jpg) top center no-repeat}
#content{width:900px;background:url(../images/big_bg22.jpg) center top;height:864px;margin:0px auto}
.logo{margin-left:70px}
#content_2{background:url(../images/2nd_slide_bg.jpg);text-align:center;height:350px}
#content_2_bg{background:background:url(../images/2nd_slide_bg.jpg);width:900px;margin:0px auto}
#item_1{margin-left:4px}
#c2_logo{float:left;position:absolute;left:-43px;top:16px}
#xing{margin-left:417px;margin-top:34px;border:none;outline:none;text-decoration:none}
#coffee{background:url(../images/coffee.jpg) bottom;width:69px;height:63px;margin-top:139px;float:left}
#coffee:hover{background:url(../images/coffee.jpg) top}
#pc{background:url(../images/pc.jpg) bottom left;width:114px;height:113px;float:right;margin-top:95px}
#pc:hover{background:url(../images/pc.jpg) top left}
a:link,a:active,a:visited{text-decoration:none}
#bl_content2{width:714px;height:316px;background:url(../images/2nd_slide_bg.jpg);margin-bottom:0px}
#blackme{width:714px;height:316px;position:relative}
#blackme .wrapper{width:714px;overflow:auto;height:316px;position:absolute;top:0;left:0}
#blackme .wrapper ul{width:9999px;list-style:none;position:absolute;top:0;left:0;background:#eee;margin:0}
#blackme ul li{display:block;float:left;padding:0;height:316px;width:714px;margin:0}
#blackme .arrow{display:block;height:60px;width:30px;background:url(../images/arrows_22.png) no-repeat 0 0;text-indent:-9999px;position:absolute;top:270px;cursor:pointer;margin-top:-50px}
#blackme .forward{background-position:0 0;right:-70px}
#blackme .back{background-position:-30px 0;left:20px}
#blackme .forward:hover{background-position:0 -109px}
#blackme .back:hover{background-position:-30px -108px}
.boxgrid{width:760px;height:295px;overflow:hidden;position:relative}
.boxcaption{float:left;position:absolute;background:#000;height:90px;width:100%;opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);border-top:1px solid #030303;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.captionfull .boxcaption{top:260;left:0}
.caption .boxcaption{top:220;left:0}
.cover p{color:#69488d;font:10pt Arial,sans-serif;letter-spacing:-1px;margin-top:15px}
#title{font-size:10px;font-family:Verdana,Helvetica,Arial,sans}
a#prev,a#next{font-size:9px;font-family:Verdana,Helvetica,Arial,sans;color:#000;text-decoration:none}
a#prev:hover,a#next:hover{text-decoration:underline}
.pics{height:295px;width:760px;padding:0;margin:0;overflow:hidden}
.pics img{height:295px;width:760px;top:0;left:0}
.nav{margin:5px 0}
#nav{height:21px;width:21px;margin-left:40%;margin-top:10px}
#nav a{margin:0 0.5px;padding:4px 7px;background:url(../images/button_out.png);text-decoration:none;width:21px;height:21px;color:#c48bf2;font-size:0.55em;font-family:Verdana,Helvetica,Arial,sans-seif}
#nav a:focus{outline:none;background:url(../images/button_in.png)}
#nav a:hover{background:url(../images/button_in.png);color:#8a65a8}
#nav a.activeSlide,a.fix_a:activeSlide{background:url(../images/button_out.png)}
#slideshow{background:#000}
.anythingSlider{width:840px;height:329px;position:relative;margin:0 auto 15px;margin-bottom:0px;bottom:0}
.anythingSlider .wrapper{width:760px;overflow:visible;height:329px;margin:0 40px;position:absolute;top:0;left:0}
.anythingSlider .wrapper ul{width:9999px;list-style:none;position:absolute;top:0;left:0;background:#eee;margin:0}
.anythingSlider ul li{display:block;float:left;padding:0;height:295px;width:760px;margin:0}
.anythingSlider .arrow{display:block;height:200px;width:67px;background:url(../images/arrows.png) no-repeat 0 0;text-indent:-9999px;position:absolute;top:60px;cursor:pointer;margin-top:45px}
.anythingSlider .forward{background-position:0 0;right:-27px}
.anythingSlider .back{background-position:-30px 0;left:-20px}
.anythingSlider .forward:hover{background-position:0 -200px}
.anythingSlider .back:hover{background-position:-30px -200px}
#thumbNav{position:relative;top:323px;text-align:center}
#thumbNav a{color:black;font:11px/18px;Georgia,Serif;display:inline-block;padding:2px 8px;height:18px;margin:0 5px 0 0;background:#c58b04 url(../images/cellshade.png) repeat-x;text-align:center;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px}
#thumbNav a:hover{background-image:none}
#thumbNav a.cur{background:#e0a213}
#start-stop{background:green;background-image:url(../images/cellshade.png);background-repeat:repeat-x;color:white;padding:2px 5px;width:40px;text-align:center;position:absolute;right:45px;top:323px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px}
#start-stop.playing{background-color:red}
#start-stop:hover{background-image:none}
.anythingSlider .wrapper ul ul{position:static;margin:0;background:none;overflow:visible;width:auto;border:0}
.anythingSlider .wrapper ul ul li{float:none;height:auto;width:auto;background:none}

» Show original CSS code

« Hide original CSS code

@charset "utf-8";
/* CSS Documents - 10. November 2009 - Famepix*/
/*                Smells like ..              */
/*                clean CSS O.o               */
/*--------------------------------------------- Famepix'S ---------------------------------------------*/
*                                       { margin: 0; padding: 0; }
body                                    { background: url(../images/body_bg.jpg) repeat-x #121212; }
#footer                                 { background: url(../images/footer.jpg); width: 100%; height: 220px; }
#thanks img                             { margin-left: 386px; margin-top: 50px; }
#thanks                                 { margin: 0px auto; width: 900px; }
#mybody                                 { background: url(../images/big_bg3.jpg) top center no-repeat; }
#content                                { width: 900px; background: url(../images/big_bg22.jpg) center top; height: 864px; margin: 0px auto; }
.logo                                   { margin-left: 70px; }
#content_2                              { background: url(../images/2nd_slide_bg.jpg); text-align: center; height: 350px;  }
#content_2_bg                           { background:  background: url(../images/2nd_slide_bg.jpg); width: 900px; margin: 0px auto; }
#item_1                                 { margin-left: 4px; }
#c2_logo                                {
	float: left;
	position: absolute;
	left: -43px;
	top: 16px;
}
#xing                                   { margin-left: 417px; margin-top: 34px; border: none; outline: none; text-decoration: none; }
#coffee                                 { background: url(../images/coffee.jpg) bottom; width: 69px; height: 63px; margin-top: 139px; float: left; }
#coffee:hover                           { background: url(../images/coffee.jpg) top; }
#pc                                     { background: url(../images/pc.jpg) bottom left; width: 114px; height: 113px; float: right; margin-top: 95px; } 
#pc:hover                               { background: url(../images/pc.jpg) top left; }
a:link, a:active, a:visited             { text-decoration: none; }
#bl_content2                            { width: 714px; height: 316px; background: url(../images/2nd_slide_bg.jpg); margin-bottom: 0px; }
#blackme                                { width: 714px; height: 316px; position: relative; }
#blackme .wrapper                       { width: 714px; overflow: auto; height: 316px;  position: absolute; top: 0; left: 0; }
#blackme .wrapper ul                    { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
#blackme ul li                          { display: block; float: left; padding: 0; height: 316px; width: 714px; margin: 0; }
#blackme .arrow                         { display: block; height: 60px; width: 30px; background: url(../images/arrows_22.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 270px; cursor: pointer; margin-top: -50px; }
#blackme .forward                       { background-position: 0 0; right: -70px; }
#blackme .back                          { background-position: -30px 0; left: 20px; }
#blackme .forward:hover                 { background-position: 0 -109px; }
#blackme .back:hover                    { background-position: -30px -108px; }

/*--------------------------------------------- Famepix'E ---------------------------------------------*/
/**/
/**/
/*---------------------------------------------- Hover'S ----------------------------------------------*/
.boxgrid                                { width: 760px; height: 295px; overflow: hidden; position: relative; }
.boxcaption                             { float: left; position: absolute; background: #000; height: 90px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); border-top: 1px solid #030303; /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption                { top: 260;left: 0; }
.caption .boxcaption                    { top: 220;left: 0; }
.cover p                                { color: #69488d; font: 10pt Arial, sans-serif; letter-spacing: -1px; margin-top: 15px; }
/*---------------------------------------------- Hover'E ----------------------------------------------*/
/**/
/**/
/*------------------------------------------ Zweiter Slider'S -----------------------------------------*/
#title                                  { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans; }
a#prev, a#next                          { font-size: 9px; font-family: Verdana, Helvetica, Arial, sans; color: #000; text-decoration: none; }
a#prev:hover, a#next:hover              { text-decoration: underline; }
.pics                                   { height: 295px; width: 760px; padding:0; margin:0; overflow: hidden; }
.pics img                               { height: 295px; width: 760px; top:0; left:0 }
.nav                                    { margin: 5px 0;}
#nav                                    { height: 21px; width: 21px; margin-left: 40%; margin-top: 10px; }
#nav a                                  { margin: 0 0.5px; padding: 4px 7px; background: url(../images/button_out.png); text-decoration: none; width: 21px; height: 21px; color: #c48bf2; font-size: 0.55em; font-family: Verdana, Helvetica, Arial, sans-seif; }
#nav a:focus                            { outline: none; background: url(../images/button_in.png); }
#nav a:hover                            { background: url(../images/button_in.png); color: #8a65a8; }
#nav a.activeSlide, a.fix_a:activeSlide { background: url(../images/button_out.png); }
#slideshow { background: #000; }
/*------------------------------------------ Zweiter Slider'E -----------------------------------------*/
/* Let's drink some snow together */

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*--------------------------------------------- Slider_1'S ---------------------------------------------*/
.anythingSlider                         { width: 840px; height: 329px; position: relative; margin: 0 auto 15px; margin-bottom: 0px; bottom: 0; }
.anythingSlider .wrapper                { width: 760px; overflow: visible; height: 329px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 295px; width: 760px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 60px; cursor: pointer; margin-top: 45px; }
.anythingSlider .forward                { background-position: 0 0; right: -27px; }
.anythingSlider .back                   { background-position: -30px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -30px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
/*--------------------------------------------- Slider_1'E ---------------------------------------------*/
/**/