Tune up your CSS
CSSCruncher.com is your premier ressource for valid, small and fancy CSS code!
» Homepage
» FAQ
» Partner
» Imprint
Last crunched Pages
» seks-rasskaz.xyz
» spot-digital.com.tw
» porno-istorija.top
» ctpaa.org
» bigmuz.club
» More in the ARCHIVE
Tipp
Let's see what we've done for buy.regiodo.de
CSSCruncher.com has crunched this CSS to
17.82 %
Less Size!
Woohooo!
Crunched CSS code:
*{box-sizing:border-box;margin:0;padding:0;color:#000;font-size:1rem;font-family:verdana} body,html{width:100%;height:100%;background:#fff} main,header,footer{float:left;width:100%;text-align:center;padding:2rem 0} main > div,header > div,footer > div{width:1280px;margin:0 auto;text-align:left} header > div > .vortschritt > div{width:33.33333333%;float:left;text-align:center} header > div > h1{float:left;width:100%;margin:1rem 0 3rem 0} header > div > .vortschritt > div > strong{display:inline-block;padding:1.5rem 1.8rem;border:solid 1px #000;border-radius:2rem;margin-bottom:1rem} header > div > .vortschritt > div > strong > i{font-size:3rem} header > div > .vortschritt > div > p{font-size:1.5rem} header > div > .vortschritt > div.active > strong{background:#f19b38;color:#fff;border:solid 1px #f19b38} header > div > .vortschritt > div.active > strong > i{color:#fff} main{background-color:#cdcdcd} main article{width:80%;background:#efefef;padding:2rem;box-shadow:3px 3px 3px #888;margin:0 auto;float:left;margin:0 10%} main article > form{float:left;background:#ababab;width:70%;padding:1rem} main article > div{float:left;width:30%;padding:1rem;line-height:2rem} button,.btn{display:inline-block;padding:1rem 2rem;background:none;background-color:#F59C21;border-radius:8px;color:#fff;font-size:1rem;font-weight:bold;border:0;cursor:pointer} form > div{float:left;width:100%;padding:5px;margin-bottom:0.5rem} form > div > div{float:left;width:35%} form > div > span{float:left;width:65%} form > div > span > select,form > div > span > input,form > div > span > textarea{padding:5px;box-shadow:inset 0px -2px 10px 0px #333;float:left;width:100%;border:none} form[name=pruefen] > div > div{text-align:right} footer .zahlungsmethoden > h3{float:left;width:100%} footer .zahlungsmethoden{text-align:center} footer .zahlungsmethoden i{font-size:4rem} footer .zahlungsmethoden > span{display:inline-block;padding:1rem;margin:1rem 3rem}}
» Show original CSS code
« Hide original CSS code
*{ box-sizing:border-box; margin:0; padding:0; color:#000; font-size:1rem; font-family:verdana; } body,html{ width:100%; height:100%; background:#fff; } main,header,footer{ float:left;width:100%; text-align:center; padding:2rem 0; } main > div,header > div,footer > div{width:1280px;margin:0 auto;text-align:left;} header > div > .vortschritt > div{ width:33.33333333%; float:left; text-align:center; } header > div > h1{ float:left; width:100%; margin:1rem 0 3rem 0; } header > div > .vortschritt > div > strong{ display: inline-block; padding: 1.5rem 1.8rem; border: solid 1px #000; border-radius: 2rem; margin-bottom:1rem; } header > div > .vortschritt > div > strong > i{ font-size:3rem; } header > div > .vortschritt > div > p{ font-size:1.5rem; } header > div > .vortschritt > div.active > strong{ background:#f19b38; color:#fff; border: solid 1px #f19b38; } header > div > .vortschritt > div.active > strong > i{ color:#fff; } main{ background-color:#cdcdcd; } main article{ width:80%; background:#efefef; padding:2rem; box-shadow:3px 3px 3px #888; margin:0 auto; float:left; margin:0 10%; } main article > form{ float:left; background:#ababab; width:70%; padding:1rem; } main article > div{ float:left; width:30%; padding:1rem; line-height:2rem; } button, .btn{ display:inline-block; padding:1rem 2rem; background:none; background-color:#F59C21; border-radius:8px; color:#fff; font-size:1rem; font-weight:bold; border:0; cursor:pointer; } form > div { float:left; width:100%; padding:5px; margin-bottom:0.5rem; } form > div > div{ float:left; width:35%; } form > div > span{ float:left; width:65%; } form > div > span > select,form > div > span > input,form > div > span > textarea{ padding: 5px; box-shadow: inset 0px -2px 10px 0px #333; float: left; width: 100%; border: none; } form[name=pruefen] > div > div{ text-align:right; } footer .zahlungsmethoden > h3{ float:left; width:100%; } footer .zahlungsmethoden{ text-align:center; } footer .zahlungsmethoden i{ font-size:4rem; } footer .zahlungsmethoden > span{ display:inline-block; padding:1rem; margin:1rem 3rem; } }