Created
March 30, 2012 13:02
-
-
Save priithansen/2251359 to your computer and use it in GitHub Desktop.
Makibot html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<style type="text/css"> | |
.nupud { | |
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff; | |
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; | |
box-shadow:inset 0px 1px 0px 0px #ffffff; | |
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); | |
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); | |
background-color:#ededed; | |
-moz-border-radius:6px; | |
-webkit-border-radius:6px; | |
border-radius:6px; | |
border:1px solid #dcdcdc; | |
display:inline-block; | |
color:#777777; | |
font-family:Verdana; | |
font-size:15px; | |
font-weight:bold; | |
padding:32px 19px; | |
text-decoration:none; | |
text-shadow:1px 1px 0px #ffffff; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-o-user-select: none; | |
user-select: none; | |
}.nupud:hover { | |
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); | |
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); | |
background-color:#dfdfdf; | |
}.nupud:active { | |
position:relative; | |
top:1px; | |
} | |
/* This imageless css button was generated by CSSButtonGenerator.com */ | |
</style> | |
<script type="text/javascript"> | |
function command(where) | |
{ | |
xmlhttp=new XMLHttpRequest(); | |
xmlhttp.open("GET","serial.php?go="+where); | |
xmlhttp.send(); | |
} | |
</script> | |
</head> | |
<body> | |
<div class="nupud" style="position: absolute; top: 20px; left: 120px;" onMouseDown="command('e')" onMouseUp="command('s')" onMouseOut="command('s')">Edasi</div> | |
<div class="nupud" style="position: absolute; top: 130px; left: 30px;" onMouseDown="command('v')" onMouseUp="command('s')" onMouseOut="command('s')">Vasakule</div> | |
<div class="nupud" style="position: absolute; top: 130px; left: 170px;" onMouseDown="command('p')" onMouseUp="command('s')" onMouseOut="command('s')">Paremale</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment