Results of the CSS crunched for makemkv.com

Let's see what we've done for makemkv.com

CSSCruncher.com has crunched this CSS to
14.03 %Less Size! Nice!

Crunched CSS code:

body{background:url(/images/page_bg.png) top left repeat-x #e2e2e2;margin:0;padding:0;font-family:arial,helvetica,sans-serif;font-size:9pt;color:#333}
#container{width:760px;margin:20px auto 20px auto;border:1px solid #000;background:#fff}
#header{height:80px;background:url(/images/header_bg.png) top left repeat-x #a0da2b;border-bottom:10px solid #77a13d}
#header h1{color:#fff;font-size:22pt;margin:0;padding:40px 10px 10px 10px}
#header_buy{height:80px;background:url(/images/header_bg.png) top left repeat-x #a0da2b;border-bottom:10px solid #77a13d}
#header_buy h1{color:#fff;font-size:22pt;margin:0;padding:40px 10px 10px 10px}
#logo_flag_eng{background:url(/images/eng.png);height:16px;width:32px;margin-top:10px;margin-right:10px;float:right}
#logo_flag_eng:hover{background:url(/images/eng.png) #fff;cursor:pointer}
#logo_flag_jpn{background:url(/images/jpn.png);height:16px;width:24px;margin-top:10px;margin-right:10px;float:right}
#logo_flag_jpn:hover{background:url(/images/jpn.png) #fff;cursor:pointer}
#logo_flag_deu{background:url(/images/deu.png);height:16px;width:27px;margin-top:10px;margin-right:10px;float:right}
#logo_flag_deu:hover{background:url(/images/deu.png) #fff;cursor:pointer}
#logo_flag_spa{background:url(/images/spa.png);height:16px;width:24px;margin-top:10px;margin-right:10px;float:right}
#logo_flag_spa:hover{background:url(/images/spa.png) #fff;cursor:pointer}
#content{width:500px;padding:10px;float:right}
#content h1,h2,h3,h4{margin:0;padding:0;font-family:georgia;font-weight:normal}
#content h2{color:#060;font-size:18pt;border-bottom:1px solid #ccc}
#content h3{color:#333;font-size:12pt}
#content h4{color:#060;font-size:12pt}
#content h5{color:#333;font-size:12pt;border-bottom:1px solid #ccc}
#content code{font-family:"Courier New",Courier,monospace;font-size:9pt}
#references{list-style-type:decimal;padding:inherit}
#cite_note-1,#cite_note-2,#cite_note-3{margin:0px auto 0px auto;padding:inherit}
#photos{width:428px;height:224px;margin:10px auto 10px auto;position:relative;padding:10px;background:#f2f7e9;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.imgbox{width:150px;height:45px;border:3px solid #77a13d;margin:auto;float:left;display:inline;background-color:#a0da2b;background-repeat:repeat-x;background-position:center center;font-size:12px;font-weight:bold;background-image:url(/images/header_bg.png)}
#sidebar{width:200px;padding:10px;float:left;margin:0}
#sidebar ul{margin:0;padding:0;border-bottom:1px solid #ccc}
#sidebar ul li{margin:0;padding:0;list-style:none;border:1px solid #ccc;border-bottom:none}
#sidebar ul li a{display:block;padding:3px;width:192px;background:url(/images/li-off.png) top left no-repeat #f2f7e9;color:#060;text-indent:30px;text-decoration:none}
#sidebar ul li a:hover{background:url(/images/li-on.png) top left no-repeat #f2f7e9}
#side_space{padding:10px}
#side_space2{padding:20px}
#d_button{margin:0}
#d_buttonimg{background:url(/images/bt2.png);padding-top:5px;height:20px;font-size:14px}
#d_buttonimg:hover{background:url(/images/bt2h.png);cursor:pointer}
#d_buttonimg_preload{height:1px;width:1px;background:url(/images/bt2h.png)}
#logo_softpedia{margin:0}
#logo_softpediaimg{background:url(/images/softpedia_clean_award_f.png);height:116px}
#logo_softpediaimg:hover{background:url(/images/softpedia_clean_award_f.png) #fff;cursor:pointer}
#logo_avangate{margin:0}
#logo_avangateimg{background:url(/images/cc_avangate_all_463x47_transp.gif);height:47px;width:463px}
#logo_avangateimg:hover{background:url(/images/cc_avangate_all_463x47_transp.gif) #fff;cursor:pointer}
#logo_buybtn{margin-left:150px}
#logo_buybtnimg{background:url(/images/frontset_blue4_157x61.png);height:61px;width:157px}
#logo_buybtnimg:hover{background:url(/images/frontset_blue4_157x61.png) #fff;cursor:pointer}
#footer{clear:both;border-top:1px solid #000;background:#77a13d;padding:10px;color:#fff;font-size:8pt;text-align:center}
a{color:#060;font-weight:bold}
a:hover{background:#FFFFDD}
.bullets{list-style-image:url(/images/lig-web.png);list-style-type:none;position:static;list-style-position:outside}
.bullets2{list-style-image:url(/images/li2g-web.png);list-style-type:none;position:static;list-style-position:outside}
.search{float:right;text-align:right}
.search p{display:inline;border:0}
.formbutton{background-color:#77a13d;color:#fff}
.gray_box{background:#f2f7e9}
.gray_box .rbtop{background:transparent url(/images/c2_top_right.gif) no-repeat top right}
.gray_box .rbtop div{background:transparent url(/images/c2_top_left.gif) no-repeat top left}
.gray_box .rbbot{background:transparent url(/images/c2_bottom_right.gif) no-repeat bottom right}
.gray_box .rbbot div{background:transparent url(/images/c2_bottom_left.gif) no-repeat bottom left}
.gray_box .rbtop,.gray_box .rbtop div,.gray_box .rbbot,.gray_box .rbbot div{width:100%;height:5px;font-size:1px}
#boxes{float:right;width:740px;margin-top:10px;margin-right:10px;margin-bottom:10px}
.boxdiv{margin:0 10px}
.boxdiv a:link,.boxdiv a:active,.boxdiv a:hover,.boxdiv a:visited{color:#444;text-decoration:none}
.boxdiv a:hover{color:#000;text-decoration:underline}
#box1,#box2,#box3{float:left;width:236px;background:transparent;padding:0;margin:0 16px 0 0}
#box3{float:right;margin:0}
#box1 h2,#box2 h2,#box3 h2{color:#060;font-family:arial,helvetica,sans-serif;font-size:15px;padding:4px 0 0 10px;margin:0 0 3px 0}
#boxes ul,ol{list-style-type:square;margin:1em 0 1.5em 0;padding:0}
#boxes ul li,ol li{line-height:1.5em;margin:1ex 0 10px 1.5em;padding:0}

» Show original CSS code

« Hide original CSS code

body {
background:url(/images/page_bg.png) top left repeat-x #e2e2e2;
margin:0;
padding:0;
font-family:arial,  helvetica, sans-serif;
font-size:9pt;
color:#333;
}

#container {
width:760px;
margin:20px auto 20px auto;
border:1px solid #000;
background:#fff;
}

#header {
height:80px;
background:url(/images/header_bg.png) top left repeat-x #a0da2b;
border-bottom:10px solid #77a13d;
}

#header h1 {
color:#fff;
font-size:22pt;
margin:0;
padding:40px 10px 10px 10px;
}

#header_buy {
height:80px;
background:url(/images/header_bg.png) top left repeat-x #a0da2b;
border-bottom:10px solid #77a13d;
}

#header_buy h1 {
color:#fff;
font-size:22pt;
margin:0;
padding:40px 10px 10px 10px;
}

#logo_flag_eng {
background:url(/images/eng.png);
height: 16px;
width: 32px;
margin-top: 10px;
margin-right: 10px;
float: right;
}

#logo_flag_eng:hover {
background:url(/images/eng.png) #fff;
cursor:pointer;
}

#logo_flag_jpn {
background:url(/images/jpn.png);
height: 16px;
width: 24px;
margin-top: 10px;
margin-right: 10px;
float: right;
}

#logo_flag_jpn:hover {
background:url(/images/jpn.png) #fff;
cursor:pointer;
}

#logo_flag_deu {
background:url(/images/deu.png);
height: 16px;
width: 27px;
margin-top: 10px;
margin-right: 10px;
float: right;
}

#logo_flag_deu:hover {
background:url(/images/deu.png) #fff;
cursor:pointer;
}

#logo_flag_spa {
background:url(/images/spa.png);
height: 16px;
width: 24px;
margin-top: 10px;
margin-right: 10px;
float: right;
}

#logo_flag_spa:hover {
background:url(/images/spa.png) #fff;
cursor:pointer;
}

#content {
width:500px;
padding:10px;
float:right;
}

#content h1, h2, h3, h4 {
margin:0;
padding:0;
font-family:georgia;
font-weight:normal;
}

#content h2 {
color:#060;
font-size:18pt;
border-bottom:1px solid #ccc;
}

#content h3 {
color:#333;
font-size:12pt;
}

#content h4 {
color:#060;
font-size:12pt;
}

#content h5 {
color:#333;
font-size:12pt;
border-bottom:1px solid #ccc;
}

#content code {
font-family:"Courier New", Courier, monospace;
font-size:9pt;
}

#references {
list-style-type: decimal;
padding: inherit;
}

#cite_note-1 , #cite_note-2 , #cite_note-3 {
margin:0px auto 0px auto;
padding: inherit;
}

#photos {
width:428px;
height:224px;
margin:10px auto 10px auto;
position:relative;
padding:10px;
background:#f2f7e9;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.imgbox {
width:150px;
height:45px;
border:3px solid #77a13d;
margin:auto;
float:left;
display:inline;
background-color: #a0da2b;
background-repeat: repeat-x;
background-position: center center;
font-size: 12px;
font-weight: bold;
background-image: url(/images/header_bg.png);
}

#sidebar {
width:200px;
padding:10px;
float:left;
margin:0;
}

#sidebar ul {
margin:0;
padding:0;
border-bottom:1px solid #ccc;
}

#sidebar ul li {
margin:0;
padding:0;
list-style:none;
border:1px solid #ccc;
border-bottom:none;
}

#sidebar ul li a {
display:block;
padding:3px;
width:192px;
background:url(/images/li-off.png) top left no-repeat #f2f7e9;
color:#060;
text-indent:30px;
text-decoration:none;
}

#sidebar ul li a:hover {
background:url(/images/li-on.png) top left no-repeat #f2f7e9;
}

#side_space {
padding:10px;
}

#side_space2 {
padding:20px;
}

#d_button {
margin:0;
}

#d_buttonimg {
background:url(/images/bt2.png);
padding-top: 5px;
height: 20px;
font-size:14px;
}

#d_buttonimg:hover {
background:url(/images/bt2h.png);
cursor:pointer;
}

#d_buttonimg_preload {
height:1px;
width:1px;
background:url(/images/bt2h.png);
}

#logo_softpedia {
margin:0;
}

#logo_softpediaimg {
background:url(/images/softpedia_clean_award_f.png);
height: 116px;
}

#logo_softpediaimg:hover {
background:url(/images/softpedia_clean_award_f.png) #fff;
cursor:pointer;
}

#logo_avangate {
margin:0;
}

#logo_avangateimg {
background:url(/images/cc_avangate_all_463x47_transp.gif);
height: 47px;
width: 463px;
}

#logo_avangateimg:hover {
background:url(/images/cc_avangate_all_463x47_transp.gif) #fff;
cursor:pointer;
}

#logo_buybtn {
margin-left: 150px;
}

#logo_buybtnimg {
background:url(/images/frontset_blue4_157x61.png);
height: 61px;
width: 157px;
}

#logo_buybtnimg:hover {
background:url(/images/frontset_blue4_157x61.png) #fff;
cursor:pointer;
}

#footer {
clear:both;
border-top:1px solid #000;
background:#77a13d;
padding:10px;
color:#fff;
font-size:8pt;
text-align:center;
}

a {
color:#060;
font-weight:bold;
}

a:hover {
background:#FFFFDD;
}

.bullets {
list-style-image: url(/images/lig-web.png);
list-style-type: none;
position: static;
list-style-position: outside;
}

.bullets2 {
list-style-image: url(/images/li2g-web.png);
list-style-type: none;
position: static;
list-style-position: outside;
}

.search {
float: right;
text-align:right;
}

.search p {
display:inline;
border:0;
}

.formbutton {
background-color: #77a13d;
color: #fff;
}

/*-------------------------------------------------
Rounded corners - gray background
-------------------------------------------------*/
.gray_box { background: #f2f7e9; }
.gray_box .rbtop		{ background: transparent url(/images/c2_top_right.gif) no-repeat top right; }
.gray_box .rbtop div	{ background: transparent url(/images/c2_top_left.gif) no-repeat top left; }
.gray_box .rbbot		{ background: transparent url(/images/c2_bottom_right.gif) no-repeat bottom right; }
.gray_box .rbbot div	{ background: transparent url(/images/c2_bottom_left.gif) no-repeat bottom left; }
/* height and width stuff, width not really necessary. */
.gray_box .rbtop, .gray_box .rbtop div, .gray_box .rbbot, .gray_box .rbbot div {
width: 100%;
height: 5px;
font-size: 1px; }

/*-------------------------------------------------
Three gray rounded boxes
-------------------------------------------------*/
#boxes {
float: right;
width: 740px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.boxdiv {
margin: 0 10px;
}
.boxdiv a:link, .boxdiv a:active, .boxdiv a:hover, .boxdiv a:visited {
color: #444;
text-decoration: none;
}
.boxdiv a:hover {
color: #000;
text-decoration: underline;
}
#box1, #box2, #box3 {
float: left;
width: 236px;
background: transparent;
padding: 0;
margin: 0 16px 0 0;
}
#box3 {
float: right;
margin: 0;
}
#box1 h2, #box2 h2, #box3 h2 {
color: #060;
font-family:arial,  helvetica, sans-serif;
font-size: 15px;
padding: 4px 0 0 10px;
margin: 0 0 3px 0;
}

#boxes ul, ol {
list-style-type:square;
margin:1em 0 1.5em 0;
padding:0;
}

#boxes ul li, ol li {
line-height:1.5em;
margin:1ex 0 10px 1.5em;
padding:0;
}

Some information about this website:

URL: https://makemkv.com/
CSS URL: https://makemkv.com/style.css
Charset: utf-8
Title: MakeMKV - Make MKV from Blu-ray and DVD
Meta-Description: MakeMKV - software to convert blu-ray and dvd to mkv
Meta-Keywords: mkv, blu-ray, dvd, decrypt blu-ray, ultra hd 4K blu-ray, osx, mac, convert, transcode, copy dvd, copy blu-ray, AACS, BD+