Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
RaspBerry
/
HTML
:
keynum02.html
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<!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>