JavaScript Diff
body{font-family:'trebuchet ms',verdana,sans-serif;font-size:13px} html,body,h1,h2,h3,h4,p,pre{margin:0;padding:0} img{border:0} body{margin:0;background:#ddd;color:#000} #canvas{width:780px;margin:auto;padding:10px;background:#fff;border:solid 1px #666;border-top:0;border-bottom:0} #user{float:right;font-size:.85em;clear:both} #identity{height:110px;position:relative} #identity img{float:left;padding-right:10px} #identity p{margin-bottom:4px} #identity a#home{font-size:1.5em;color:#E06018;text-decoration:none} #identity a#home:hover{text-decoration:underline} #main{overflow-y:auto;float:left;width:560px;min-height:400px;margin-bottom:10px;clear:both} #main p,pre{margin-bottom:10px;clear:both} h1{font-size:1.4em;margin-bottom:10px;border-bottom:solid 2px #E06018;padding:5px 0;color:#666} h2{font-size:1em;margin-bottom:5px;color:#E06018} h4{margin:2px;font-size:1em;background:#ddd} ul{margin-top:0;margin-bottom:5px} acronym{border-bottom:dotted 1px #00f} img.inline{float:left;margin-right:10px} p.code{font-family:monospace;font-size:11px;background:#FAF4B8;padding:10px;width:538px;overflow-x:auto} code{color:#00f} .comment{color:#099} #nav{float:left;width:200px;margin-left:20px} #nav div{border:solid 1px #E06018;margin-bottom:10px} #nav p{margin-bottom:5px} a.external{background:url(icon_popup.gif) right no-repeat;padding-right:15px} a.mailto{background:url(icon_mail.gif) center right no-repeat;padding-right:18px} table.stripe{border-top:solid 1px #ccf;margin-bottom:10px} td{border-bottom:solid 1px #ccf;vertical-align:top} .stripe tr.odd{background:#eef} .niceform{background:#eee;border:solid 1px #E06018;padding:5px} .niceform ul{margin:5px 0;padding:0} .niceform li{list-style:none;clear:both} label{display:block;float:left;width:70px} input{width:300px} input.check{width:auto} textarea{display:block;width:540px;height:100px;font-family:arial,helvetica,sans-serif;} #comments ol{margin:0;padding:0} #comments li{list-style:none;;border-top:solid 1px #E06018;padding:5px} #comments p{margin:0 0 0 5px;padding:0 0 0 5px;border-left:solid 5px #ddd} .tagcloud ul{margin:0;padding:5px} .tagcloud li{list-style:none;display:inline;font-size:11px} .tag1{font-size:1em;color:#9696FF} .tag2{font-size:1.2em;color:#7878FF} .tag3{font-size:1.4em;color:#5A5AFF} .tag4{font-size:1.6em;color:#3C3CFF} .tag5{font-size:1.8em;color:#1E1EFF} .tag6{font-size:2em;color:#0000FF}
body{font-family:'trebuchet ms',verdana,sans-serif;font-size:13px} html,body,h1,h2,h3,h4,p,pre{margin:0;padding:0} img{border:0} body{margin:0;background:#ddd;color:#000} #canvas{width:780px;margin:auto;padding:10px;background:#fff;border:solid 1px #666;border-top:0;border-bottom:0} #topnav{margin:0;padding:0 20px;list-style:none;height:18px;background:#fc0;border-bottom:solid 1px #333} #topnav li,#topnav a{display:block;float:left} #topnav a{text-decoration:none;color:#333;padding:2px 10px} #topnav a:hover{background:#FFED80} #topnav a.on{background:#E26300;color:#fff} #topnav a.on:hover{background:#FC8934} #user{float:right;font-size:.85em;clear:both} #identity{height:110px;position:relative} #identity img{float:left;padding-right:10px} #identity p{margin-bottom:4px} #identity a#home{font-size:1.5em;color:#ff0000;text-decoration:none} #identity a#home:hover{text-decoration:underline} #main{overflow-y:auto;float:left;width:560px;min-height:400px;margin-bottom:10px;clear:both} #main p,pre{margin-bottom:10px;clear:both} h1{font-size:1.4em;margin-bottom:10px;border-bottom:solid 2px #E06018;padding:5px 0;color:#666} h2{font-size:1em;margin-bottom:5px;color:#E06018} h4{margin:2px;font-size:1em;background:#ddd} ul{margin-top:0;margin-bottom:5px} acronym{border-bottom:dotted 1px #00f} img.inline{float:left;margin-right:10px} #viewbody div{margin-bottom:10px;border-bottom:solid 1px #ccc;padding-bottom:5px} #viewbody strong{display:block;margin-bottom:5px} #viewbody strong a{font-size:1.2em;color:#E06018;text-decoration:none} #viewbody strong a:hover{text-decoration:underline} p.code{font-family:monospace;font-size:11px;background:#FAF4B8;padding:10px;width:538px;overflow-x:auto} code{color:#00f} .comment{color:#090} #nav{float:left;width:200px;margin-left:20px} #nav div{border:solid 1px #E06018;margin-bottom:10px} #nav p{margin-bottom:5px} a.external{background:url(icon_popup.gif) right no-repeat;padding-right:15px} a.mailto{background:url(icon_mail.gif) center right no-repeat;padding-right:18px} table.stripe{border-top:solid 1px #ccf;margin-bottom:10px} td{border-bottom:solid 1px #ccf;vertical-align:top} .stripe tr.odd{background:#eef} .niceform{background:#ddd;border:solid 1px #E06018;padding:5px} .niceform ul{margin:5px 0;padding:0} .niceform li{list-style:none;clear:both} label{display:block;float:left;width:70px} input{width:300px} input.check{width:auto} textarea{display:block;width:540px;height:100px;font-family:arial,helvetica,sans-serif;} #newcomment p{text-align:center;margin:0} p.buttons{text-align:center} p.buttons input{width:80px} h3{font-size:1em;margin-bottom:5px} #newcomment{margin:0} #comments ol{margin:0;padding:0} #comments li{list-style:none;;border-top:solid 1px #E06018;padding:5px} #comments p{margin:0 0 0 5px;padding:0 0 0 5px;border-left:solid 5px #ddd}
Calculate Diff
(
Green: added
-
red: deleted
).
This space makes the difference.