clean css - a resource for web designers

Home | About | Why Optimize? | Contact


CSS Formatteur et Optimiseur
(basé sur csstidy 1.1)

Language: English Deutsch French

notes Importantes:

    * les mêmes sélecteurs et les propriétés sont automatiquement fusionnés
    * votre code doit être Valide. Ce n'est pas un validateur qui signale des erreurs dans votre code de CSS. Assurez-vous que votre code est correct en utilisant le le validateur : W3C Validator



Champ CSS: CSS-Code: CSS en provenance d'une URL:

Mise en page du code: Compression (Mise en page du code):
Sur mesure Gabarit
Options Trier les sélecteurs (attention)
Trier les propriétés
Fusionner les sélecteurs avec les mêmes propriétés
0 1 2 (?)
Fusionner les propriétés (sténographie)
Seulement les optimisations sûres
Compresser les couleurs
Compresser font-weight
Sélecteurs en minuscules
Cases (Minuscules & Majuscule) pour les propriétés:
Minuscules Majuscule
enlever les antislashs inutiles
convertir !important-hack
Enlever le dernier ;
Sauvegarder les commentaires
Supprimer les propriétés non valide
Sauver en tant que fichier
Messages

14
    Optimised color: Changed "black" to "#000"
25
    Optimised color: Changed "black" to "#000"
43
    Optimised color: Changed "black" to "#000"
52
    Optimised color: Changed "white" to "#FFF"
53
    Optimised font-weight: Changed "bold" to "700"
61
    Optimised color: Changed "white" to "#FFF"
101
    Optimised color: Changed "white" to "#FFF"
102
    Optimised font-weight: Changed "bold" to "700"
109
    Optimised color: Changed "white" to "#FFF"
118
    Optimised color: Changed "white" to "#FFF"
133
    Optimised color: Changed "white" to "#FFF"
139
    Optimised color: Changed "white" to "#FFF"
146
    Optimised color: Changed "white" to "#FFF"
155
    Optimised font-weight: Changed "bold" to "700"
186
    Optimised color: Changed "white" to "#FFF"
199
    Optimised color: Changed "white" to "#FFF"
213
    Optimised color: Changed "black" to "#000"
236
    Optimised color: Changed "white" to "#FFF"
242
    Optimised font-weight: Changed "bold" to "700"
244
    Optimised number: Changed "0px" to "0"
278
    Optimised color: Changed "black" to "#000"
279
    Optimised number: Changed "0px" to "0"
280
    Optimised number: Changed "0px" to "0"
281
    Optimised number: Changed "0px" to "0"
307
    Fixed invalid number: Changed "170" to "170px"
308
    Optimised color: Changed "black" to "#000"
318
    Optimised color: Changed "white" to "#FFF"
326
    Optimised color: Changed "white" to "#FFF"
355
    Optimised number: Changed "0px" to "0"
362
    Optimised color: Changed "white" to "#FFF"
372
    Optimised color: Changed "white" to "#FFF"
373
    Optimised color: Changed "black" to "#000"
394
    Optimised color: Changed "black" to "#000"
421
    Optimised number: Changed "0px" to "0"
461
    Optimised color: Changed "white" to "#FFF"
477
    Optimised color: Changed "yellow" to "#FF0"
507
    Optimised color: Changed "white" to "#FFF"
526
    Optimised color: Changed "white" to "#FFF"

Entrée: 8.567KB, Sortie: 6.501KB, Facteur de Compression: 24.1% (-2066 Bytes)

@media print  {
.tabcontent {
display:block !important;
}
}

/* CSS Document */
body {
border:0;
text-align:center;
background-image:url("./../Images/page_body_original_store/fond.jpg");
font-family:arial, Tahoma, Geneva, Trebuchet MS, MS Sans Serif, Times New Roman, geneva;
font-size:10pt;
color:#000;
margin:0;
padding:0;
}

img {
display:block;
}

a img {
border:0;
}

#page_complete {
background-color:#000;
width:939px;
height:754px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

/***************************************************************************
PARTIE HAUTE : bloc client, bloc recherche, bloc categories, chemin d'acces
***************************************************************************/
#Top {
background-color:#000;
margin-top:8px;
height:88px;
}

#bloc_client {
width:380px;
height:40px;
color:#FFF;
font-weight:700;
text-align:right;
padding-top:18px;
padding-right:10px;
}

#recherche {
height:53px;
width:325px;
background-image:url("./../Images/page_body_original_store/bloc_recherche.gif");
}

#recherche_alignement_texte {
float:right;
margin-top:12px;
margin-right:15px;
}

.Alignement_Top_Menu_Categories {
width:650px;
float:right;
margin-right:12px;
}

#chemin {
height:21px;
padding-left:10px;
color:#FFF;
font-weight:700;
background-image:url("./../Images/page_body_original_store/fond_menu_categories.jpg");
}

#bienvenue,#bienvenue a {
float:right;
color:#FFF;
margin-right:10px;
text-decoration:none;
width:400px;
text-align:right;
}

/***************************************************************************
PARTIE GAUCHE : menu sous cat?gories
***************************************************************************/
#menu_sous_categories {
background-color:#373538;
width:172px;
padding-left:5px;
float:left;
color:#FFF;
padding-top:4px;
}

.rubriques {
font-size:14pt;
color:#FFF;
margin: 2px 0;
font-weight: normal;
}

.categories {
margin-left:3px;
font-size:9pt;
font-weight:700;
}

.sous_categories {
font-size:9pt;
margin-left:7px;
}

/***************************************************************************
PARTIE AVEC LA PARTIE PRINCIPALE + PARTIE BASSE 
***************************************************************************/
#partie_centrale {
float:right;
width:760px;
}

/***************************************************************************
PARTIE PRINCIPALE : qui change 
***************************************************************************/
#bloc_Principal {
background-color:#FFF;
width:735px;
height:410px;
margin-left:6px;
margin-top:10px;
float:left;
}

#bloc_Principal_qui {
background-color:#FFF;
width:735px;
height:410px;
margin-left:6px;
margin-top:10px;
float:left;
overflow:auto;
}

#bloc_Principal_Noir {
background-color:#000;
width:725px;
height:410px;
margin-left:6px;
margin-top:10px;
float:left;
overflow:auto;
}

.bloc_Principal_texte {
padding:7px;
}

.fond_titre {
height:27px;
width:700px;
margin-top:10px;
background-image:url(./../Images/authentification/fond_titre.gif);
color:#FFF;
}

.fond_titre h1 {
font-size:16pt;
font-weight:700;
padding-left:10px;
margin:0;
}

/***************************************************************************
PARTIE BASSE: bloc univers, bloc condions g?n?rales de ventes
***************************************************************************/
#bloc_Toutes_Marques {
width:750px;
height:174px;
margin-left:6px;
margin-top:11px;
float:left;
}

.gros_bloc_marque {
width:920px;
height:385px;
position:absolute;
top:135px;
left:200px;
}

#bloc_invisible,#gros_bloc_marquebis {
position:absolute;
width:730px;
height:415px;
background-color:#000;
border:0;
top:126px;
left:348px;
visibility:hidden;
margin:0;
padding:0;
}

.image_dessus {
z-index:1000;
}

.bloc_marque,#bloc_Pub_haut {
float:left;
margin-right:12px;
}

.image_promotion {
height:150px;
width:170px px;
background-color:#000;
}

#bloc_CGV {
width:735px;
margin-top:5px;
float:left;
margin-left:px;
color:#FFF;
text-align:right;
height:40px;
}

#bloc_CGV a {
color:#FFF;
}

.clear {
clear:both;
}

.formulaire_oublie_mdp {
float:left;
margin-top:50px;
}

#bloc_deconnexion {
margin:10px 10px 0 200px;
}

/**********************PARTIE INDEX****************************/
#textJeep,#textJeep a {
background-color:#485822;
color:#FFF;
width:226px;
font-size:8pt;
padding-left:4px;
padding-bottom:3px;
text-decoration:none;
}

#textBody,#textBody a {
background-color:#FFF;
color:#000;
width:226px;
font-size:8pt;
padding-left:4px;
padding-bottom:3px;
text-decoration:none;
}

#fond_moto {
width:230px;
height:245px;
background-image:url(./../Images/index/pub_moto.gif);
}

#fond_moto_texte,#fond_moto_texte a {
padding-top:135px;
padding-right:4px;
padding-left:23px;
font-size:8pt;
color:#000;
}

#pas_flash_acc {
width:469px;
height:359px;
background-image:url(./../Images/index/pas_flash.gif);
}

#pas_flash_texte {
padding-top:250px;
padding-left:150px;
padding-right:25px;
font-style:italic;
font-size:8pt;
}

.bloc_a_cote_flash {
float:right;
margin-left:0;
background-color:blue;
}

/************************NOUVEAU CLIENT*********/
#quoi_faire {
height:50px;
margin-right:10px;
margin-left:10px;
}

.cote_texte {
float:left;
margin-left:10px;
width:460px;
}

/*********************
/* ######### CSS for Shade Tabs. Remove if not using ######### */
#bloc_onglet {
background-color:#FFF;
border:1px solid gray;
width:342px;
height:97px;
margin-bottom:1em;
overflow:auto;
padding:10px;
}

#onglet3 {
background-color:#FF0;
}

.shadetabs {
margin-left:0;
margin-top:1px;
margin-bottom:0;
font:bold 10.5px Arial;
list-style-type:none;
text-align:left;
padding:3px 0;
}

.shadetabs li {
display:inline;
margin:0;
}

.shadetabs li a {
text-decoration:none;
position:relative;
margin-right:3px;
border:1px solid #778;
color:#2d2b2b;
background:#FFF url(./../Images/liste_produits/shade.gif) top left repeat-x;
padding:3px 7px;
}

.shadetabs li a:visited {
color:#2d2b2b;
}

.shadetabs li a:hover {
text-decoration:underline;
color:#2d2b2b;
}

.shadetabs li a.selected {
position:relative;
top:1px;
background-image:url(./../Images/liste_produits/shadeactive.gif);
border-bottom-color:#FFF;
}

.shadetabs li a.selected:hover {
text-decoration:none;
}

#bloc_client a,#chemin a,#menu_sous_categories a {
color:#FFF;
text-decoration:none;
}

.Alignement_Top,.image_pub,.left,.bloc_flash_right,.continuer,.cote_photo {
float:left;
}

.bouton_categories,.right,.panier {
float:right;
}

#onglet1,#onglet2,#onglet {
overflow:auto;
}

.tabcontent,.tabcontent2 {
display:none;
}

#footer {
  margin-top: 40px;
  padding-bottom: 5px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #FFF;
}

#footer h1 {
  font-size: 9pt;
  color: #FFF;
}

#footer h1 a {
  text-decoration: underline;
  font-weight: bold;
}

#footer a {
  text-decoration: none;
  font-weight: normal;
}

.cat {
  text-decoration: underline !important;
  font-weight: bold !important;
}


Clean CSS is brought to you by Go Media.

Brent Simon is God.

Featured webmaster resources for assistance in web design and site management:

TheHostPlanet, a premier Cheap Web Hosting Services directory for choosing hosting your CSS designed sites.
The Best Web Hosting plans for serious Webmasters.
Skip shared hosting woes by switching to Dedicated Servers and get peace of mind.
Use your CSS and DHTML to master Search Engine Ranking from the leaders at 1-hit.com.
Taking a hobby website and making a Residual Income Opportunity with no previous experience.

(basé sur csstidy 1.1)