File "keynum02.html"

Full Path: /home/analogde/www/RaspBerry/HTML/keynum02.html
File size: 3.25 KB
MIME-type: text/html
Charset: utf-8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>


<style type="text/css">

.keypad {
    margin: 10px auto;
    padding: 0;
    width: 400px; /* not actually a static size, % in real use */
}

.keypad .key-row {
    width: 100%
}

.keypad .key-row .key-cell {
    padding: 2px;
    width: 25%;
}

.keypad .key-row .key-cell button.key {
    font-size: medium;
    font-weight: bold;
    height: 110px;
    width: 100%;
}

.keypad .key-row .key-cell button.key.tall-key {
    height: 144px;
}

.keypad .key-row .key-cell button.key.wide-key {
}

.keypad .key-row .key-cell button .key-alt-fn {
    font-size: small;
    font-weight: normal;
}

</style>

</head>

<body>

<table class="keypad">
	<tr class="key-row">
		<td class="key-cell">
			<button class="btn btn-default key" type="button" disabled>Num<br/>Lock</button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">/</button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">*</button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">-</button>
		</td>
	</tr>
	<tr class="key-row">
		<td class="key-cell">
			<button class="btn btn-default key" type="button">7<br/><span class="key-alt-fn">Home</span></button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">8<br/><span class="glyphicon glyphicon-arrow-up key-alt-fn"></span></button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">9<br/><span class="key-alt-fn">Pg Up</span></button>
		</td>
		<td class="key-cell" rowspan="2">
			<button class="btn btn-default key tall-key" type="button">+</button>
		</td>
	</tr>
	<tr class="key-row">
		<td class="key-cell">
			<button class="btn btn-default key" type="button">4<br/><span class="glyphicon glyphicon-arrow-left key-alt-fn"></span></button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">5</button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">6<br/><span class="glyphicon glyphicon-arrow-right key-alt-fn"></span></button>
		</td>
	</tr>
	<tr class="key-row">
		<td class="key-cell">
			<button class="btn btn-default key" type="button">1<br/><span class="key-alt-fn">End</span></button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">2<br/><span class="glyphicon glyphicon-arrow-down key-alt-fn"></span></button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">3<br/><span class="key-alt-fn">Pg Dn</span></button>
		</td>
		<td class="key-cell" rowspan="2">
			<button class="btn btn-default key tall-key" type="button">Enter</button>
		</td>
	</tr>
	<tr class="key-row">
		<td class="key-cell" colspan="2">
			<button class="btn btn-default key wide-key" type="button">0<br/><span class="key-alt-fn">Insert</span></button>
		</td>
		<td class="key-cell">
			<button class="btn btn-default key" type="button">.<br/><span class="key-alt-fn">Delete</span></button>
		</td>
	</tr>
</table>

</body>
</html>