Resultat de la compression du code CSS de videogamepricecharts.com

Lasse nous voir ce que nous avons fait pour videogamepricecharts.com

CSSCruncher.com à sauvgardé
33,07 % de code poour ce site! je n\'y crois pas!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

Code CSS comprimé:

div,ul,ol,li,h1,h2,h3,h4,h5,td,tr,span,p{margin:0;padding:0}
ul,ol,li,p,h1,h2,h3,h4,h5,th{margin:0;font-weight:normal;font-size:100%}
table{border-collapse:collapse}
img{border:0px}
body{margin:0;background:#dddddd;color:#000000;text-align:center;font-size:16px;font:14px Arial,Geneva,Arial,Helvetica,sans-serif;line-height:1.6em;color:#333;background-color:#dfebce}
a{color:#0000ff}
a:hover,a:visited:hover{color:#ff0000}
a:visited{color:#800080}
h1,h2{margin:1em 0 .75em 0;font:18px "Lucida Grande",Geneva,Arial,Helvetica,sans-serif;line-height:1.4em;font-weight:normal;color:#75ae29;clear:both}
h3{margin:0 0 .75em 0;font:18px "Lucida Grande",Geneva,Arial,Helvetica,sans-serif;line-height:1.4em;font-weight:bold;color:#0076df}
p{margin:0px 5px 10px 0px}
img#logo{margin-left:7px}
.container{position:relative;margin:-1px auto 0 auto;width:970px;text-align:left;background-color:#fff;border-left:solid 2px #b8cf9a;border-right:solid 2px #b8cf9a}
div.search_box{position:absolute;top:20px;left:315px}
span.search_box{display:inline;font-size:16px;font-weight:bold}
.search_box form{display:inline}
#game_search_box{font-size:16px}
.content{width:100%;margin:5px 0 0 0}
.mid_col{margin:0px 10px}
.mid_col ul{margin:-10px 0px 10px 20px}
.left_col{float:left;width:155px;height:auto}
.right_col{float:left;width:815px;height:auto}
.footer{border-top:2px solid #b8cf9a;border-bottom:2px solid #b8cf9a;clear:both;width:100%;height:5em}
.footer ul{float:left;margin:.5em 0 0 0}
.footer li{display:block;float:left;width:175px;text-align:center}
div[class] .footer li{width:180px}
.footer p{width:100%;text-align:center;clear:both}
td{font-size:12px}
.error{color:red;font-weight:bold}
#home img.splash{margin:40px 30px 40px 0px;float:left}
#home h1{margin:40px 0 10px 0;clear:none;font-size:2em;line-height:1em}
#home h1,#home h2{color:black}
.compare-prices p{margin:0px}
#game h1.chart_title,#game h2.chart_title{text-align:left;margin:.12em 0 0 0;display:inline}
#game h1.chart_title{color:#0076df}
#game h2.chart_title{margin-left:5px}
table#games_table tfoot td{text-align:center;font-weight:bold}
table#games_table{width:80%}
table#games_table th span{font-size:14px;padding-left:25px}
table#games_table td,table#games_table th{padding:2px 5px}
table#games_table img{border:0px}
.tab-label,.tab-selected,.tab-available{height:16px;float:left;font-size:11px;margin-right:2px;padding:3px}
.tab-label{background:#FFFFFF;border:solid 1px #FFFFFF;font-weight:bold}
.tab-selected{background:#0174d5;border:solid 1px #0174d5;color:#FFFFFF;text-decoration:none}
.tab-available{background:#eeeeee;border:solid 1px #0174d5}
table#games_table th{color:white;background-color:#0174d5;font-style:italic}
table#games_table thead tr{border:none}
table#games_table tbody tr{background-color:white;border-bottom:dashed 1px #dddddd}
table#games_table td.numeric{border-right:solid 1px #0174d5}
table#games_table tbody tr:hover{background-color:#deeacd}
td.genre{white-space:nowrap}
div.affiliate-ebay{width:24px;height:10px;background:url(/static/images/affiliate-sprites.gif) 0px 0px no-repeat}
div.affiliate-amazon{width:33px;height:10px;background:url(/static/images/affiliate-sprites.gif) 0px -16px no-repeat}
div.affiliate-half{width:29px;height:10px;background:url(/static/images/affiliate-sprites.gif) 0px -32px no-repeat}
#chart{width:927px;height:250px;border:none;background-color:#FFFFFF;margin:0 0 10px 0}
#price_data{border:solid 1px #b8cf9a;width:100%;margin-top:10px;margin-bottom:0px}
#price_comparison{display:block;margin:10px 0 0 0;width:100%;float:left}
#price_data table{margin:5px 10px 5px 40px;width:640px}
#price_data table.observations{float:right}
#price_data table th{text-align:left;font-size:10pt;padding:0 10px 0 0}
div.prices{margin:0px}
div.prices h3{color:#000;font-size:1.1em;font-weight:bold;margin:5px 0px 0px 10px;text-align:left}
div.prices h4{font-size:1.3em;color:#0076df;font-weight:bold;display:inline;margin:2px 3px 2px 10px}
p.change{display:inline;font-size:1.1em}
.prices_now p{margin:5px 0 5px 40px;text-align:center}
#used_price{float:left}
#new_price{float:right;margin-right:5px}
#price_comparison h3{width:100%;text-align:left;border-bottom:solid 2px #75ae29}
span.store_count{margin-left:30px;color:#333333}
table.store_listings{width:100%}
table.store_listings td{font-size:18px;padding:2px 0;border-bottom:dotted 1px #333333}
table.store_listings td.store{font-weight:bold}
table.store_listings td.price{}
table.store_listings td span{font-size:14px;font-weight:normal;margin-left:30px}
#text{width:500px;border:none;background:none}
h3.blog{clear:both}
p.blog span.date{color:#6f6f6f;margin-bottom:40px}
.change.positive{color:green}
.change.negative{color:red}
.change.neutral{color:black}
td.numeric{text-align:right}
th.numeric{text-align:right}
div.login{position:absolute;top:10px;right:20px}
div.login p{color:#FFFFFF;font-size:1.1em}
#live_listings{width:100%;margin-bottom:1em}
#live_listings th.condition{font-size:18px;text-align:left;font-weight:bold}
#live_listings tr.headings td{padding-top:2px;padding-bottom:2px;background:#dddddd}
#live_listings tr.headings td.price{text-align:right}
#live_listings tr.hoverable td{padding-top:3px;padding-bottom:3px}
#live_listings td.subject{padding-left:10px}
#live_listings tr.hoverable td.price{text-align:right;font-weight:bold}
div.new-feature span{font:Verdana;font-weight:bold;letter-spacing:-1px}
div.new-feature{background:#dddddd;border-bottom:dashed #333333 1px;margin-bottom:10px}
div.new-feature p{text-align:center;margin:0px;padding:0px}
.menu{border:none;border:0px;margin:0px;padding:0px;font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:14px;font-weight:bold;color:#8e8e8e}
.menu ul{background:url(/static/images/menu-bg.gif) top left repeat-x;height:43px;list-style:none;margin:0;padding:0}
.menu li{float:left}
.menu li a{color:#666666;display:block;font-weight:bold;line-height:43px;padding:0px 25px;text-align:center;text-decoration:none}
.menu li a:hover{background:url(/static/images/select-bg.gif) top left repeat-x;color:#FFFFFF;text-decoration:none}
.menu li ul{background:#dfebce;border-left:1px solid #0176d5;border-right:1px solid #0176d5;border-bottom:1px solid #0176d5;display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;position:absolute;width:175px;z-index:200}
.menu li:hover ul{display:block}
.menu li li{display:block;float:none;width:175px}
.menu li ul a{display:block;font-size:12px;font-style:normal;padding:0px 10px 0px 15px;text-align:left}
.menu li ul a:hover{background:#4195c0;color:#FFFFFF;opacity:1.0;filter:alpha(opacity=100)}
.menu p{clear:left}
.menu #current{background:url(/static/images/current-bg.gif) top left repeat-x;color:#ffffff}

» Montre le code CSS originaire

« Cache le code CSS originaire

/*---------- Reset CSS --------------*/
div, ul, ol, li, h1, h2, h3, h4, h5, td, tr, span, p  {
    margin: 0;
    padding: 0;
}
ul, ol, li, p, h1, h2, h3, h4, h5, th {
    margin: 0;
    font-weight: normal;
    font-size: 100%;
}
table {
    border-collapse : collapse;
}
img {
    border: 0px;
}
body {
    margin: 0;
    background : #dddddd;
    color : #000000;
    text-align : center;  /* IE is dumb */
    font-size : 16px;
    font: 14px Arial, Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.6em;
    color: #333;
    background-color: #dfebce;
}

/* Links
=====================================================================*/

a {
    color: #0000ff;
}
a:hover, a:visited:hover {
    color: #ff0000;
}
a:visited {
    color: #800080;
}

/* Headers
=====================================================================*/
h1, h2 {
    margin: 1em 0 .75em 0;
    font: 18px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-weight: normal;
    color: #75ae29;
    clear: both;
}
h3 {
    margin: 0 0 .75em 0;
    font: 18px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-weight: bold;
    color: #0076df;
}
p {
    margin: 0px 5px 10px 0px;
}
img#logo {
    margin-left : 7px;
}

/* Boxes and containers
=====================================================================*/
.container {
    position : relative;
    margin : -1px auto 0 auto;
    width : 970px;
    text-align : left;
    background-color: #fff;
    border-left: solid 2px #b8cf9a;
    border-right: solid 2px #b8cf9a;
}

/*---------- Search Box ------------------*/
div.search_box {
    position: absolute;
    top: 20px;
    left: 315px;
}
span.search_box {
    display: inline;
    font-size: 16px;
    font-weight: bold;
}
.search_box form {
    display: inline;
}
#game_search_box {
    font-size : 16px;
}

/*---------- Main Content ------------------*/
.content {
    width: 100%;
    margin: 5px 0 0 0;
}
.mid_col {
    margin : 0px 10px;
}
.mid_col ul {
    margin : -10px 0px 10px 20px;
}

/*-------------Left Column -------------*/
.left_col {
    float: left;
    width: 155px;
    height: auto;
}

/*-------------Right Column -------------*/
.right_col {
    float: left;
    width: 815px;
    height: auto;
}

/*-------------Footer -------------*/
.footer {
    border-top: 2px solid #b8cf9a;
    border-bottom: 2px solid #b8cf9a;
    clear: both;
    width: 100%;
    height: 5em;
}
.footer ul {
    float: left;
    margin: .5em 0 0 0;
}
.footer li {
    display: block;
    float: left;
    width: 175px;
    text-align: center;
}
div[class] .footer li {
    width: 180px;  /* fix for smart browsers */
}
.footer p {
    width: 100%;
    text-align: center;
    clear: both;
}

/*------------- Various Rules -------------*/
td {
    font-size : 12px;
}
.error {
    color: red;
    font-weight: bold;
}

/* home page formatting */
#home img.splash {
    margin : 40px 30px 40px 0px;
    float: left;
}
#home h1 {
    margin: 40px 0 10px 0;
    clear: none;
    font-size: 2em;
    line-height : 1em;
}
#home h1, #home h2 {
    color : black;
}
.compare-prices p {
    margin : 0px;
}

/* game page formatting */
#game h1.chart_title, #game h2.chart_title {
       text-align: left;
       margin: .12em 0 0 0;
       display: inline;
}
#game h1.chart_title {
       color: #0076df;
}
#game h2.chart_title {
       margin-left: 5px;
}

/* games table formatting */
table#games_table tfoot td {
    text-align : center;
    font-weight: bold;
}

table#games_table {
   width: 80%;
}
table#games_table th span {
    font-size: 14px;
    padding-left: 25px;
}
table#games_table td, table#games_table th {
    padding: 2px 5px;
}
table#games_table img {
    border: 0px;
}

/* "Sort By" tabs */
.tab-label, .tab-selected, .tab-available {
    height: 16px;
    float: left;
    font-size: 11px;
    margin-right: 2px;
    padding: 3px;
}
.tab-label {
    background: #FFFFFF;
    border: solid 1px #FFFFFF;
    font-weight: bold;
}
.tab-selected {
    background: #0174d5;
    border: solid 1px #0174d5;
    color: #FFFFFF;
    text-decoration: none;
}
.tab-available {
    background: #eeeeee;
    border: solid 1px #0174d5;
}

table#games_table th {
    color: white;
    background-color: #0174d5;
    font-style: italic;
}
table#games_table thead tr {
    border: none;
}
table#games_table tbody tr {
    background-color: white;
    border-bottom: dashed 1px #dddddd;
}
table#games_table td.numeric {
    border-right: solid 1px #0174d5;
}
table#games_table tbody tr:hover {
    background-color: #deeacd;
}
td.genre {
    white-space: nowrap;
}

/*------------------- affiliate images ----------------------*/
div.affiliate-ebay {
    width: 24px;
    height: 10px;
    background : url(/static/images/affiliate-sprites.gif) 0px 0px no-repeat;
}
div.affiliate-amazon {
    width: 33px;
    height: 10px;
    background : url(/static/images/affiliate-sprites.gif) 0px -16px no-repeat;
}
div.affiliate-half {
    width: 29px;
    height: 10px;
    background : url(/static/images/affiliate-sprites.gif) 0px -32px no-repeat;
}

/*----------------- product page, price data -----------------*/
#chart {
    width: 927px;
    height: 250px;
    border: none;
    background-color: #FFFFFF;
    margin: 0 0 10px 0;
}
#price_data {
    border: solid 1px #b8cf9a;
    width: 100%;
    margin-top : 10px;
    margin-bottom : 0px;
}
#price_comparison {
    display: block;
    margin: 10px 0 0 0;
    width: 100%;
    float: left;
}
#price_data table {
    margin : 5px 10px 5px 40px;
    width: 640px;
}
#price_data table.observations {
    float : right;
}
#price_data table th {
    text-align : left;
    font-size : 10pt;
    padding: 0 10px 0 0;
}
div.prices {
    margin: 0px;
}
div.prices h3 {
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 0px 0px 10px;
    text-align: left;
}
div.prices h4 {
    font-size: 1.3em;
    color: #0076df;
    font-weight: bold;
    display: inline;
    margin: 2px 3px 2px 10px;
}
p.change {
    display: inline;
    font-size: 1.1em;
}
.prices_now p {
    margin: 5px 0 5px 40px;
    text-align: center;
}
#used_price {
    float : left;
}
#new_price {
    float : right;
    margin-right: 5px;
}

/*------------- product page, comparison price table -------------*/
#price_comparison h3 {
   width: 100%;
   text-align: left;
   border-bottom: solid 2px #75ae29;
}
span.store_count {
   margin-left: 30px;
   color: #333333;  
}
table.store_listings {
   width: 100%;  
}  
table.store_listings td {
   font-size: 18px;
   padding: 2px 0;
   border-bottom: dotted 1px #333333;
}  
table.store_listings td.store {
   font-weight: bold;
}  
table.store_listings td.price {

}  
table.store_listings td span {
   font-size: 14px;
   font-weight: normal;
   margin-left: 30px;  
}

/*------------- latest from the blog --------------------------*/
#text {
    width: 500px;
    border: none;
    background: none;
}
h3.blog {
    clear : both;  /* prevent floating images from looking bad */
}
p.blog span.date {
    color : #6f6f6f;
    margin-bottom: 40px;
}

/*------------- general price formatting --------------------------*/
.change.positive {
    color : green;
}
.change.negative {
    color : red;
}
.change.neutral {
    color : black;
}

/* general numeric formatting */
td.numeric {
    text-align : right;
}
th.numeric {
    text-align : right;
}

/*------------- login formatting --------------------------*/
div.login {
    position: absolute;
    top: 10px;
    right: 20px;
}
div.login p {
    color: #FFFFFF;
    font-size: 1.1em;
}

/*-------------- live listings formatting -----------------*/
#live_listings {
    width : 100%;
    margin-bottom : 1em;
}
#live_listings th.condition {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
}
#live_listings tr.headings td {
    padding-top: 2px;
    padding-bottom: 2px;
    background: #dddddd;
}
#live_listings tr.headings td.price {
    text-align: right;
}
#live_listings tr.hoverable td {
    padding-top: 3px;
    padding-bottom: 3px;
}
#live_listings td.subject {
    padding-left: 10px;
}
#live_listings tr.hoverable td.price {
    text-align: right;
    font-weight: bold;
}
div.new-feature span {
    font: Verdana;
    font-weight: bold;
    letter-spacing: -1px;
}
div.new-feature {
    background: #dddddd;
    border-bottom: dashed #333333 1px;
    margin-bottom: 10px;
}
div.new-feature p {
    text-align: center;
    margin:0px;
    padding: 0px;
}

/*------------- drop-down menu --------------------------*/
.menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font-family:verdana,geneva,arial,helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
    color: #8e8e8e;
}
.menu ul{
    background:url(/static/images/menu-bg.gif) top left repeat-x;
    height:43px;
    list-style:none;
    margin:0;
    padding:0;
}
.menu li{
    float:left;
}
.menu li a{
    color:#666666;
    display:block;
    font-weight:bold;
    line-height:43px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
}
.menu li a:hover {
     background : url(/static/images/select-bg.gif) top left repeat-x;
     color:#FFFFFF;
     text-decoration:none;
}
.menu li ul{
    background:#dfebce;
    border-left:1px solid #0176d5;
    border-right:1px solid #0176d5;
    border-bottom:1px solid #0176d5;
    display:none;
    height:auto;
    filter:alpha(opacity=95);
    opacity:0.95;
    position:absolute;
    width: 175px;
    z-index:200;
}
.menu li:hover ul{
    display:block;
}
.menu li li {
    display:block;
    float:none;
    width:175px;
}
.menu li ul a{
    display:block;
    font-size:12px;
    font-style:normal;
    padding:0px 10px 0px 15px;
    text-align:left;
 }
 .menu li ul a:hover {
     background:#4195c0;
     color:#FFFFFF;
     opacity : 1.0;
     filter : alpha(opacity=100);
}
.menu p{
    clear:left;
}
.menu #current{
    background:url(/static/images/current-bg.gif) top left repeat-x;
    color:#ffffff;
}