Results of the CSS crunched for dl.dropboxusercontent.com

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;
}*/