rendered paste body<style type="text/css">
input.ReadOwner:checked + div { counter-increment: total 400; }
input.ReadOwner: { counter-increment: total -400; }
input.ReadGroup:checked + div { counter-increment: total 40; }
input.ReadGroup: { counter-increment: total -40; }
input.ReadOther:checked + div { counter-increment: total 4; }
input.ReadOther: { counter-increment: total -4; }
input.WriteOwner:checked + div { counter-increment: total 200; }
input.WriteOwner: { counter-increment: total -200; }
input.WriteGroup:checked + div { counter-increment: total 20; }
input.num5: { counter-increment: total -20; }
input.WriteOther:checked + div { counter-increment: total 2; }
input.num5: { counter-increment: total -2; }
input.ExecuteOwner:checked + div { counter-increment: total 100; }
input.num5: { counter-increment: total -100; }
input.ExecuteGroup:checked + div { counter-increment: total 10; }
input.num5: { counter-increment: total -10; }
input.ExecuteOther:checked + div { counter-increment: total 1; }
input.num5: { counter-increment: total -1; }
div.total:after { content: " " counter(total); }
</style>
</head>
<body>
Owner +R<input type="checkbox" class="ReadOwner" /><div>
Group +R <input type="checkbox" class="ReadGroup" /><div>
Other +R <input type="checkbox" class="ReadOther" /><div>
Owner +W <input type="checkbox" class="WriteOwner" /><div>
Group +W <input type="checkbox" class="WriteGroup" /><div>
Other +W <input type="checkbox" class="WriteOther" /><div>
Owner +X <input type="checkbox" class="ExecuteOwner" /><div>
Group +X <input type="checkbox" class="ExecuteGroup" /><div>
Other +X <input type="checkbox" class="ExecuteOther" /><div>
<div class="total">Total: </div>
</div></div></div></div></div>