Miscellany

public text v1 · immutable
#2057445
·published 2011-05-12 14:36 UTC
<!doctype HTML>
<html>
<head>
	<title>GRA - GeldR&uuml;ckgabeAutomat</title>
	<style type="text/css">
		body {
			background-color:black;
			font-family:Arial,sans-serif;
		}
		#formular {
			width:250px;
			height:170px;
			position:absolute;
			top:50%;
			left:50%;
			margin-left:-125px;
			margin-top:-85px;
			color: white;
			background-color:black;
			text-shadow:#44FF66 0px 0px 20px;
			vertical-align:middle;
			text-align:center;
			padding:20px;
			box-shadow: 10px 10px 20px #44FF66;
			-moz-box-shadow:0px 0px 20px #44FF66;
			-webkit-box-shadow:0px 0px 20px #44FF66;
			border:1px solid white;
		}
		#geldForm {
			display:inline-block;
		}
		input {
			border-width:0px;
			border-bottom-width:1px;
			border-bottom-color:white;
			border-bottom-style:solid;
			background-color:transparent;
			color:white;
			text-shadow:#44FF66 0px 0px 5px;
			padding:5px;
			text-align:right;
		}
	</style>
</head>
<body>
	<div id="formular">
		<form name="geldForm" id="geldForm" method="get" action="./test" onsubmit="document.getElementById('price').value=document.getElementById('price').value*100;document.getElementById('paid').value=document.getElementById('paid').value*100;return true;">
		Preis<br /><input type="text" pattern="[0-9]+\.?[0-9*]" name="price" id="price" />&euro;<br />
		<br />
		Gegeben<br /><input type="text" pattern="[0-9]+\.?[0-9*]" name="paid" id="paid" />&euro;<br />
		<br />
		<input type="submit" name="submit" value="R&uuml;ckgeld ausgeben" style="border-width:0px;text-shadow:#44FF66 0px 0px 20px;padding:10px" />
		</form>
	</div>
</body>
</html>