Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
HTTPPlaysPokemon Controls
html { text-align: center; }
body { background: #222; display: inline-block; }
kbd, .kbd {
cursor: pointer;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
width: .8em;
text-align: center;
background-color: #f7f7f7;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;
display: inline-block;
padding: 0.3em 0.6em;
margin: .15em;
text-shadow: 0 1px 0 #fff;
text-transform: uppercase;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
kbd.longer { width: auto; }
div {
display: inline-block;
vertical-align: middle;
margin: 1em;
<object type="application/x-shockwave-flash" height="378" width="620" id="live_embed_player_flash" data="" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="" /><param name="flashvars" value="" /></object>
<kbd data-button="a">A</kbd>
<kbd data-button="b">B</kbd>
<kbd data-button="up" style="margin-left: .4em;">&uarr;</kbd>
<kbd data-button="left">&larr;</kbd>
<kbd data-button="down">&darr;</kbd>
<kbd data-button="right">&rarr;</kbd>
<kbd data-button="start" class="longer">Start</kbd>
<kbd data-button="select" class="longer">Select</kbd>
<script src="//"></script>
var sendButtonCommand = function(button) {
type: "POST",
url: "" + button,
data: ""
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.