Tune up your CSS
CSSCruncher.com is your premier ressource for valid, small and fancy CSS code!
» Homepage
» FAQ
» Partner
» Imprint
Last crunched Pages
» grid-x-platforms.blogs...
» latexpillows.allproblo...
» iphone-service24h.by
» j-pussy.com
» mp3pati.top
» More in the ARCHIVE
Tipp
Let's see what we've done for dl.dropboxusercontent.com
CSSCruncher.com has crunched this CSS to
36.27 %
Less Size!
I cant't believe it!
Crunched CSS code:
html,body,div,span,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,address,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strong,sub,sup,var, b,u,i, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,main, menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;font-style:normal;vertical-align:baseline} article,aside,details,figcaption,figure, footer,header,main,menu,nav,section{display:block} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none} table{border-collapse:collapse;border-spacing:0} caption,th{text-align:left} a{color:rgb(0,0,200);padding:.125em 0} a:visited{color:rgb(140,0,140)} a:visited:focus,a:visited:hover{background-color:rgb(140,0,140)} a:hover{cursor:pointer} a:focus,a:hover{background-color:rgb(0,0,200);color:rgb(255,255,255)} a:active{background-color:rgb(160,0,0) !important} abbr{text-decoration:underline;text-decoration-style:dotted} abbr:focus{text-decoration:none} abbr:focus:after{content:" ("attr(title)")"} abbr:hover{cursor:help} a abbr:hover, label:hover,input:hover, summary:hover{cursor:pointer} html{overflow-y:scroll} body{background-color:rgb(191,185,167);font-family:sans-serif;line-height:1.5;margin:auto;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto} b,strong,dfn{font-weight:bold} code,kbd{font-family:monospace,monospace;font-size:100%} a code,a kbd{font-family:sans-serif} em{font-style:italic} h1{font-size:225%} h2{font-size:150%} .vh{clip:rect(0 0 0 0);position:absolute} .warning,a.warning,a.warning:visited{color:rgb(160,0,0)} a.warning:visited:focus,a.warning:visited:hover{background-color:rgb(0,0,200);border-color:rgb(0,0,200)} a.warning:focus,a.warning:hover{color:rgb(255,255,255)} .skipnav:focus{clip:rect(auto auto auto auto);padding:0.3875968992248062%} .header{background-color:rgb(0,0,0)} .nav{max-width:77.5em;margin:auto;white-space:nowrap} h1{color:rgb(245,244,243);padding:4.069767441860465% 1.744186046511628%} .nav-link{color:rgb(245,244,243) !important;border-bottom:thick solid rgb(0,0,0);display:inline-block;font-weight:bold;padding:1.550387596899225% 1.744186046511628% 1.065891472868217%;text-transform:uppercase;text-decoration:none} .nav-current{border-color:rgb(245,244,243)} .skipnav:focus, .nav-link:focus,.nav-link:hover{color:rgb(0,0,0) !important;background-color:rgb(245,244,243) !important;border-color:rgb(245,244,243)} .main{margin:auto;max-width:80em} .card{background-color:rgb(245,244,243);border-radius:.125em;box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.14), 0 .1875em .0625em -.125em rgba(0,0,0,0.2), 0 .0625em .3125em 0 rgba(0,0,0,0.12);margin:3.383458646616541% 1.503759398496241%} .card-basic{padding:3.383458646616541%} * + p, * + dl,* + dt,* + ul, * + address, * + details, * + form{margin-top:1.666666666666667%} dd > ul{padding-top:0.8333333333333333%} dt{margin-bottom:0.8333333333333333%} .li{display:list-item;list-style-type:circle;margin-left:1.125em} .ld{margin-top:0.8333333333333333%} .changelog dt{font-weight:bold} .changelog dd + dt{border-top:thin solid rgb(186,185,184);padding-top:1.666666666666667%} .changelog dd{margin-left:.875em} .changelog dd:before{content:' ';margin-left:-.875em} .updates-list{table-layout:fixed;width:100%} .updates-list caption{padding:3.488372093023256% 3.488372093023256% 2.325581395348837%} .updates-caption{font-size:150%} .details{width:6%} .file{width:50%} .date{width:10.5%} .article{width:10.5%} .description{width:23%} .updates-list td{border-top:1px solid rgb(186,185,184)} .updates-list th, .updates-list td{padding:1.550387596899225% 2.325581395348837%} .updates-list td:first-child, .updates-list th:first-child{padding-left:3.488372093023256% !important} .updates-list th+th+th+th+th, .updates-list td+td+td+td+td{padding-right:3.488372093023256% !important} .updates-list > tbody > tr:hover, .updates-list .tvv{background-color:rgb(225,224,223)} .updates-list td+td+td+td+td li{display:list-item;list-style-type:circle;margin-left:1.125em} .archive{margin-top:2.083333333333333%;text-align:center;text-transform:uppercase} .credits > dt,.credits > dd{display:inline} .credits > dd + dt:before{content:"\a";display:block;height:0;white-space:pre} .credits > dt:after{content:'\a0'} * > img{line-height:1} .figure a img{outline-color:rgb(0,0,200)} .figure a:visited img,.figure a:visited:focus img,.figure a:visited:hover img{outline:rgb(140,0,140) solid medium} .figure a:focus img,.figure a:hover img,.figure input:focus,.figure input:hover{outline:rgb(0,0,200) solid medium} .figure a:active img,.figure input:active{outline-color:rgb(160,0,0) !important} .figure img{height:auto;max-width:100%;outline:thin solid;vertical-align:bottom;width:auto} .js .updates-list td:first-child + td > dl, .js .updates-list td:first-child + td > p, .js .updates-list td + td + td + td + td > ul{display:none} .tvv td:first-child + td > dl, .tvv td:first-child + td > p, .tvv td + td + td + td + td > ul{display:block !important} .updates-list.tvv td:first-child > label{display:none !important} .js .updates-list td:first-child + td + td{white-space:nowrap} .js .updates-list td + td + td + td + td, .js .updates-list td:first-child + td li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tvv td + td + td + td + td, .tvv td:first-child + td li{overflow:visible !important;text-overflow:unset !important;white-space:normal !important} @media (min-width:0){body{line-height:1.375;font-size:112.5%} h1{line-height:1.125} h2{line-height:1.25}} @media (min-width:30.0625em){body{line-height:1.5;font-size:106.25%} h1{line-height:1.25} h2{line-height:1.375}} @media (min-width:64.0625em){body{line-height:1.625;font-size:100%} h1{line-height:1.375} h2{line-height:1.5}} @media (max-width:45em){.updates-list > tbody > tr{border-top:1px solid rgb(186,185,184)} .updates-list td{border-top:0} .updates-list td+td{display:block} .updates-list th+th+th, .js .updates-list td+td+td{display:none} .tvv td+td{display:block !important}} @media print{*,*:before,*:after{background-color:transparent !important;color:rgb(0,0,0) !important;box-shadow:none !important;text-shadow:none !important} body{font-family:serif} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} a[href^="#"]:after{content:""} thead{display:table-header-group} tr,img{page-break-inside:avoid} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid}}
» Show original CSS code
« Hide original CSS code
/* Author: Tomasz WilczyĆski (tomasz86) Site: http://windows2000.tk Version: 20160529 */ /* ========================================================================== Reset ========================================================================== */ /* http://tomasz86.tk/html/reset/ (based on http://meyerweb.com/eric/tools/css/reset/) v1.0 | 20160529 License: none (public domain) */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; font-style: normal; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } /* ========================================================================== Links ========================================================================== */ a { color: rgb(0,0,200); padding: .125em 0; /*word-break: break-all;*/ } a:visited { color: rgb(140,0,140); } a:visited:focus, a:visited:hover { background-color: rgb(140,0,140); } a:hover { cursor: pointer; } a:focus, a:hover { background-color: rgb(0,0,200); color: rgb(255,255,255); } a:active { background-color: rgb(160,0,0) !important; } abbr { text-decoration: underline; text-decoration-style: dotted; } abbr:focus { text-decoration: none; } abbr:focus:after { content: " ("attr(title)")"; } abbr:hover { cursor: help; } a abbr:hover, label:hover, input:hover, summary:hover { cursor: pointer; } /* ========================================================================== General ========================================================================== */ html { overflow-y: scroll; } body { background-color: rgb(191,185,167); font-family: sans-serif; line-height: 1.5; margin: auto; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } b, strong, dfn { font-weight: bold; } code, kbd { font-family: monospace, monospace; font-size: 100%; } a code, a kbd { font-family: sans-serif; } em { font-style: italic; } h1 { font-size: 225%; } h2 { font-size: 150%; } .vh { clip: rect(0 0 0 0); position: absolute; } .warning, a.warning, a.warning:visited { color: rgb(160,0,0); } a.warning:visited:focus, a.warning:visited:hover { background-color: rgb(0,0,200); border-color: rgb(0,0,200); } a.warning:focus, a.warning:hover { color: rgb(255,255,255); } /* ========================================================================== Header ========================================================================== */ .skipnav:focus { clip: rect(auto auto auto auto); padding: 0.3875968992248062%; } .header { background-color: rgb(0,0,0); } .nav { max-width: 77.5em; margin: auto; white-space: nowrap; } h1 { color: rgb(245,244,243); padding: 4.069767441860465% 1.744186046511628%; } .nav-link { color: rgb(245,244,243) !important; border-bottom: thick solid rgb(0,0,0); display: inline-block; font-weight: bold; padding: 1.550387596899225% 1.744186046511628% 1.065891472868217%; text-transform: uppercase; text-decoration: none; } .nav-current { border-color: rgb(245,244,243); } .skipnav:focus, .nav-link:focus, .nav-link:hover { color: rgb(0,0,0) !important; background-color: rgb(245,244,243) !important; border-color: rgb(245,244,243); } /* ========================================================================== Main ========================================================================== */ .main { margin: auto; max-width: 80em; } .card { background-color: rgb(245,244,243); border-radius: .125em; box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.14), 0 .1875em .0625em -.125em rgba(0,0,0,0.2), 0 .0625em .3125em 0 rgba(0,0,0,0.12); margin: 3.383458646616541% 1.503759398496241%; } .card-basic { padding: 3.383458646616541%; } * + p, * + dl, * + dt, * + ul, * + address, * + details, * + form { margin-top: 1.666666666666667%; } dd > ul { padding-top: 0.8333333333333333%; } dt { margin-bottom: 0.8333333333333333%; } .li { display: list-item; list-style-type: circle; margin-left: 1.125em; } .ld { margin-top: 0.8333333333333333% } /* Changelog ===================================== */ .changelog dt { font-weight: bold; } .changelog dd + dt { border-top: thin solid rgb(186,185,184); padding-top: 1.666666666666667%; } .changelog dd { margin-left: .875em; } .changelog dd:before { content: ' '; margin-left: -.875em; } /* Updates lists ===================================== */ .updates-list { table-layout: fixed; width: 100%; } .updates-list caption { padding: 3.488372093023256% 3.488372093023256% 2.325581395348837% } .updates-caption { font-size: 150%; } /* Columns */ .details { width: 6%; } .file { width: 50%; } .date { width: 10.5%; } .article { width: 10.5%; } .description { width: 23%; } /* Rows */ .updates-list td { border-top: 1px solid rgb(186,185,184); } .updates-list th, .updates-list td { padding: 1.550387596899225% 2.325581395348837%; } .updates-list td:first-child, .updates-list th:first-child { padding-left: 3.488372093023256% !important; } .updates-list th+th+th+th+th, .updates-list td+td+td+td+td { padding-right: 3.488372093023256% !important; } /*Other*/ .updates-list > tbody > tr:hover, .updates-list .tvv { background-color: rgb(225,224,223); } .updates-list td+td+td+td+td li { display: list-item; list-style-type: circle; margin-left: 1.125em; } /* Download Archive ===================================== */ .archive { margin-top: 2.083333333333333%; text-align: center; text-transform: uppercase; } /* Credits ===================================== */ /* Emulating display: run-in; */ .credits > dt, .credits > dd { display: inline; } .credits > dd + dt:before { content:"\a"; display: block; height: 0; white-space: pre; } .credits > dt:after { content: '\a0'; } /* ========================================================================== Images ========================================================================== */ * > img { line-height: 1; } .figure a img { outline-color: rgb(0,0,200); } .figure a:visited img, .figure a:visited:focus img, .figure a:visited:hover img { outline: rgb(140,0,140) solid medium; } .figure a:focus img, .figure a:hover img, .figure input:focus, .figure input:hover { outline: rgb(0,0,200) solid medium } .figure a:active img, .figure input:active { outline-color: rgb(160,0,0) !important; } .figure img { height: auto; max-width: 100%; outline: thin solid; vertical-align: bottom; width: auto; /* required for IE6 */ } /* ========================================================================== Javascript Styles ========================================================================== */ .js .updates-list td:first-child + td > dl, .js .updates-list td:first-child + td > p, .js .updates-list td + td + td + td + td > ul { display: none; } .tvv td:first-child + td > dl, .tvv td:first-child + td > p, .tvv td + td + td + td + td > ul { display: block !important; } .updates-list.tvv td:first-child > label { display: none !important; } .js .updates-list td:first-child + td + td { white-space: nowrap; } .js .updates-list td + td + td + td + td, .js .updates-list td:first-child + td li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tvv td + td + td + td + td, .tvv td:first-child + td li { overflow: visible !important; text-overflow: unset !important; white-space: normal !important; } /* ========================================================================== Media Queries ========================================================================== */ @media (min-width: 0) { body { line-height: 1.375; font-size: 112.5%; } h1 { line-height: 1.125; } h2 { line-height: 1.25; } } @media (min-width: 30.0625em) { body { line-height: 1.5; font-size: 106.25%; } h1 { line-height: 1.25; } h2 { line-height: 1.375; } } @media (min-width: 64.0625em) { body { line-height: 1.625; font-size: 100%; } h1 { line-height: 1.375; } h2 { line-height: 1.5; } } @media (max-width: 45em) { .updates-list > tbody > tr { border-top: 1px solid rgb(186,185,184); } .updates-list td { border-top: 0; } .updates-list td+td { display: block; } .updates-list th+th+th, .js .updates-list td+td+td { display: none; } .tvv td+td { display: block !important; } } @media print { *, *:before, *:after { background-color: transparent !important; color: rgb(0,0,0) !important; box-shadow: none !important; text-shadow: none !important; } body { font-family: serif; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after { content: ""; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== Experimental & temporary styles ========================================================================== */ /*.sup-tr img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; }*/