css webstore

by gaby de wilde

HTML

Haai! Welcome to my webshop. This is what I have for you atm.<br><br>
<form action="data:text/html,<form action='mailto:[email protected]'><hr>Please check and correct the information below then <input type='submit' value='email your order'> and transfer the exact amount to IBANNL44ABNA0842626158<hr><input type='hidden' value='order_for_jsfiddle_store' name='subject'><textarea style='width:100%;height:300px;border:0px' name='body'>" method="get" target="basket">
<input value="=========//===========?&NewLine;&NewLine;ORDER:&NewLine;" name="=" type="hidden">
<input value="&Tab;500" name="NewLine;Grand_Piano&Tab;" id="a" type="checkbox"><label for="a">Grand piano great condition 500 euro</label>
<br>
<input value="&Tab;10" name="NewLine;box_of_beans&Tab;" id="beans" type="checkbox"><label for="beans">box of canned beans 10 euro</label>
<br>
<input value="&Tab;400" name="NewLine;Toyota_Corolla&Tab;" id="toyota" type="checkbox"><label for="toyota">Toyota Corolla 2001 good as new 400 euro</label>
<br>
<input  value="&Tab;20" name="NewLine;Fridge&Tab;&Tab;" id="fridge" type="checkbox"><label for="fridge">moldy refrigirator 20 euro</label>
<hr>
<pre>
<br>Full name:&Tab;<input value="" name="NewLine;&NewLine;Full_Name&Tab;">
<br>Street:&Tab;&Tab;<input value="" name="NewLine;Street&Tab;&Tab;">
<br>Postal Code:&Tab;<input value="" name="NewLine;Postal_Code;&Tab;">
<br>City:&Tab;&Tab;<input value="" name="NewLine;City&Tab;&Tab;">
<br>Country:&Tab;<input value="" name="NewLine;Country&Tab;&Tab;">
</pre>
 
<input type="submit" value="validate">
</form>

<iframe src="about:blank" name="basket">

</iframe>

CSS

body { counter-reset: total;}

#input{visibility:hidden}
#a:checked{counter-increment: total 500;}
#beans:checked{counter-increment: total 10;}
#toyota:checked{counter-increment: total 400;}
#fridge:checked{counter-increment: total 20;}

iframe{width:100%;border:0px solid green;height:700px}
hr::after {content: "TOTAL: " counter(total) " euro "; }
label:active{background:pink}