Ergebnisse des CSS Crunching von preview.carneoo.de

Mal sehen was wir getan haben für preview.carneoo.de

CSSCruncher.com hat dieser Webseite
19,56 %Code erspart! Wow!

Crunched CSS Code:

a.button,button.button{background:url("../images/button/button_orange.jpg") no-repeat scroll right 0 #FFFFFF;height:28px;padding:0 !important;margin:0 !important;color:#FFF !important;width:auto !important;float:left;text-decoration:none !important;position:relative;border:0 !important;outline:0 !important}
button.button{background:url("../images/button/button_orange.jpg") no-repeat scroll right 1px #FFFFFF}
a.button span,button.button span{background:url("../images/button/button_orange.jpg") no-repeat scroll left 0 #FFFFFF;height:28px;display:block;line-height:28px;margin-right:25px;padding-left:25px;width:auto !important;text-decoration:none !important}
button.button span{left:-4px;position:relative}
.button-black{background:url("../images/button/button_black.jpg") no-repeat scroll right 0 #000;height:28px;padding:0 !important;color:#FFF !important;display:block;width:auto !important;float:left;text-decoration:none !important;position:relative;overflow:inherit !important}
.button-black span{background:url("../images/button/button_black.jpg") no-repeat scroll left 0 #000;height:28px;display:block;line-height:28px;margin-right:20px;padding-left:20px;width:auto;text-decoration:none !important}
.button-p{background:url("../images/button/button_orange-p.jpg") no-repeat scroll right 0 #FFFFFF;height:28px;padding:0 !important;color:#FFF !important;width:auto !important;float:left;text-decoration:none !important;position:relative}
.button-p span{background:url("../images/button/button_orange-p.jpg") no-repeat scroll left 0 #FFFFFF;height:28px;display:block;line-height:28px;margin-right:25px;padding-left:25px;width:auto;text-decoration:none !important}
.button-black-p{background:url("../images/button/button_black-p.jpg") no-repeat scroll right 0 #000;height:28px;padding:0 !important;color:#FFF !important;display:block;width:auto !important;float:left;text-decoration:none !important;position:relative;overflow:inherit !important}
.button-black-p span,.button_p_rechts span{background:url("../images/button/button_black-p.jpg") no-repeat scroll left 0 #000;height:28px;display:block;line-height:28px;margin-right:20px;padding-left:20px;text-decoration:none !important;width:auto}
.button_p_rechts span{margin-right:40px}
.button_p_links span{}
.button_p_rechts{background:url("../images/button/button_black-p.jpg") no-repeat scroll right -84px #000;height:28px;padding:0 !important;color:#FFF !important;display:block;width:auto !important;float:left;text-decoration:none !important;position:relative;overflow:inherit !important}
.button_p_links{background:url("../images/button/button_black.jpg") no-repeat scroll right -28px #000;height:28px;padding:0 !important;color:#FFF !important;display:block;width:auto !important;float:left;text-decoration:none !important;position:relative;overflow:inherit !important}
.button_p_links span{background:url("../images/button/button_black-p.jpg") no-repeat scroll left -84px #000;height:28px;display:block;line-height:28px;margin-right:20px;padding-left:40px;text-decoration:none !important;width:auto}
.div-button-center{background:url("../images/bg/1px_cdcdcd.gif") repeat-x scroll center center #FFF;text-align:center;margin:10px 0}
.div-button-center a{background:#FFFFFF url("../images/bg/button-center.jpg") scroll center center no-repeat;height:50px;text-decoration:none !important;display:inline-block;color:#FFF !important;line-height:50px;font-size:22px;width:500px}
.button-center span{background:url("../images/bg/button-center.jpg") no-repeat scroll left 0 #FFFFFF;display:block;height:59px;line-height:65px;margin-right:40px;padding-left:40px}
.hg_f5f5f5{background-position:right -28px !important}
.hg_fefefe{background-position:right -56px !important}
.hg_f5f5f5 span{background-position:left -28px !important}
.hg_fefefe span{background-position:left -56px !important}

» Zeige den Original CSS code

« Verberge den Original CSS code

.button-black {
    background: url("../images/button/button_black.jpg") no-repeat scroll right 0 #000;
    height: 28px;
    padding: 0 !important;
    color: #FFF !important;
    display: block;
    width: auto !important;
    float: left;
    text-decoration: none !important;
    position: relative;
    overflow: inherit !important;
}

.button-black span {
    background: url("../images/button/button_black.jpg") no-repeat scroll left 0 #000;
    height: 28px;
    display: block;
    line-height: 28px;
    margin-right: 20px;
    padding-left: 20px;
    width: auto;
    text-decoration: none !important;
}

.button-p {
    background: url("../images/button/button_orange-p.jpg") no-repeat scroll right 0 #FFFFFF;
    height: 28px;
    padding: 0 !important;
    color: #FFF !important;
    width: auto !important;
    float: left;
    text-decoration: none !important;
    position: relative;
}

.button-p span {
    background: url("../images/button/button_orange-p.jpg") no-repeat scroll left 0 #FFFFFF;
    height: 28px;
    display: block;
    line-height: 28px;
    margin-right: 25px;
    padding-left: 25px;
    width: auto;
    text-decoration: none !important;
}

.button-black-p {
    background: url("../images/button/button_black-p.jpg") no-repeat scroll right 0 #000;
    height: 28px;
    padding: 0 !important;
    color: #FFF !important;
    display: block;
    width: auto !important;
    float: left;
    text-decoration: none !important;
    position: relative;
    overflow: inherit !important;
}

.button-black-p span, .button_p_rechts span {
    background: url("../images/button/button_black-p.jpg") no-repeat scroll left 0 #000;
    height: 28px;
    display: block;
    line-height: 28px;
    margin-right: 20px;
    padding-left: 20px;
    text-decoration: none !important;
    width: auto;
}

.button_p_rechts span {
    margin-right: 40px;
}

.button_p_links span {
}

.button_p_rechts {
    background: url("../images/button/button_black-p.jpg") no-repeat scroll right -84px #000;
    height: 28px;
    padding: 0 !important;
    color: #FFF !important;
    display: block;
    width: auto !important;
    float: left;
    text-decoration: none !important;
    position: relative;
    overflow: inherit !important;
}

.button_p_links {
    background: url("../images/button/button_black.jpg") no-repeat scroll right -28px #000;
    height: 28px;
    padding: 0 !important;
    color: #FFF !important;
    display: block;
    width: auto !important;
    float: left;
    text-decoration: none !important;
    position: relative;
    overflow: inherit !important;
}

.button_p_links span {
    background: url("../images/button/button_black-p.jpg") no-repeat scroll left -84px #000;
    height: 28px;
    display: block;
    line-height: 28px;
    margin-right: 20px;
    padding-left: 40px;
    text-decoration: none !important;
    width: auto;
}

.div-button-center {
    background: url("../images/bg/1px_cdcdcd.gif") repeat-x scroll center center #FFF;
    text-align: center;
    margin: 10px 0;
}

.div-button-center a {
    background: #FFFFFF url("../images/bg/button-center.jpg") scroll center center no-repeat;
    height: 50px;
    text-decoration: none !important;
    display: inline-block;
    color: #FFF !important;
    line-height: 50px;
    font-size: 22px;
    width: 500px;
}

.button-center span {
    background: url("../images/bg/button-center.jpg") no-repeat scroll left 0 #FFFFFF;
    display: block;
    height: 59px;
    line-height: 65px;
    margin-right: 40px;
    padding-left: 40px;
}

.hg_f5f5f5 {
    background-position: right -28px !important;
}

.hg_fefefe {
    background-position: right -56px !important;
}

.hg_f5f5f5 span {
    background-position: left -28px !important;
}

.hg_fefefe span {
    background-position: left -56px !important;
}