changeset 1160:2562e0bc89a1

Mark keyboard keys with a span and make them look like a key through css style.
author zas_
date Wed, 19 Nov 2008 22:42:20 +0000
parents e2ca6295c5d0
children 41927ee12b0a
files doc/collections.html doc/image_management_copy_move.html doc/image_management_delete.html doc/image_management_external_editing.html doc/image_management_rename.html doc/image_presentation_fullscreen.html doc/image_presentation_slideshow.html doc/image_search_finding_duplicates.html doc/image_search_search.html doc/main_window_file_pane.html doc/main_window_folder_pane.html doc/main_window_image_pane.html doc/main_window_menus.html doc/options_advanced.html doc/options_editor_commands.html doc/options_hidden.html doc/other_windows_image_properties.html doc/other_windows_image_window.html doc/printing.html doc/reference_keyboard_shortcuts.html doc/sidebars_exif.html doc/sidebars_keywords.html doc/sidebars_sort_manager.html doc/style.css
diffstat 24 files changed, 213 insertions(+), 203 deletions(-) [+]
line wrap: on
line diff
--- a/doc/collections.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/collections.html	Wed Nov 19 22:42:20 2008 +0000
@@ -115,7 +115,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">A</span></p>
         </td>
 
         <td>
@@ -129,7 +129,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + [Shift] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Shift</span> + <span class="key">A</span></p>
         </td>
 
         <td>
@@ -143,8 +143,8 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + 1 through<br />
-          [Ctrl] + 0</p>
+          <p><span class="key">Ctrl</span> + <span class="key">1</span> through<br />
+          <span class="key">Ctrl</span> + <span class="key">0</span></p>
         </td>
 
         <td>
@@ -158,7 +158,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + P</p>
+          <p><span class="key">Ctrl</span> + <span class="key">P</span></p>
         </td>
 
         <td>
@@ -172,7 +172,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + C</p>
+          <p><span class="key">Ctrl</span> + <span class="key">C</span></p>
         </td>
 
         <td>
@@ -186,7 +186,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + M</p>
+          <p><span class="key">Ctrl</span> + <span class="key">M</span></p>
         </td>
 
         <td>
@@ -200,7 +200,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + R</p>
+          <p><span class="key">Ctrl</span> + <span class="key">R</span></p>
         </td>
 
         <td>
@@ -214,7 +214,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + D</p>
+          <p><span class="key">Ctrl</span> + <span class="key">D</span></p>
         </td>
 
         <td>
@@ -242,7 +242,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + L</p>
+          <p><span class="key">Ctrl</span> + <span class="key">L</span></p>
         </td>
 
         <td>
@@ -284,7 +284,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + S</p>
+          <p><span class="key">Ctrl</span> + <span class="key">S</span></p>
         </td>
 
         <td>
@@ -298,7 +298,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + T</p>
+          <p><span class="key">Ctrl</span> + <span class="key">T</span></p>
         </td>
 
         <td>
@@ -406,7 +406,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + W</p>
+          <p><span class="key">Ctrl</span> + <span class="key">W</span></p>
         </td>
 
         <td>&nbsp;</td>
--- a/doc/image_management_copy_move.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/image_management_copy_move.html	Wed Nov 19 22:42:20 2008 +0000
@@ -41,7 +41,7 @@
 
   <h1>Copy and Move</h1>
 
-  <p>To copy an file in Geeqie press [Ctrl] + C, to move an file press [Ctrl] + M. These operations also appear under File in the main menu, and in the context menu of all images and files.</p>
+  <p>To copy an file in Geeqie press <span class="key">Ctrl</span> + <span class="key">C</span>, to move an file press <span class="key">Ctrl</span> + <span class="key">M</span>. These operations also appear under File in the main menu, and in the context menu of all images and files.</p>
 
   <p>The Copy and Move operations and dialogs behave the same in Geeqie, with the only difference being the final result. The remaining text of this page applies equally to the Copy and Move operations, for the remainder of this page these will be referred to as a Copy/Move operation.</p>
 
@@ -58,7 +58,7 @@
 
   <dt>Show Hidden check box</dt><dd>Enabling this check box will cause hidden folders to appear in the folder list.</dd>
 
-  <dt>Bookmark list</dt><dd>This list on the left side of the window allows you to save links to folders that are frequently used. Activating a bookmark will change the active path to that pointed to by the link. To add items to the bookmark list highlight a folder and press [Ctrl] + B, select &ldquo;Add bookmark&rdquo; from the folder's context menu, or drag a folder onto the bookmark list.<br />The bookmark has a context menu that can be displayed by clicking the right mouse button, or pressing the Menu key when a bookmark has the focus. From the context menu you can edit a bookmark, move it up or down in the list, or remove the bookmark from the list. A bookmark can also be moved by pressing [Shift] + Up or [Shift] + Down while it has the focus.</dd>
+  <dt>Bookmark list</dt><dd>This list on the left side of the window allows you to save links to folders that are frequently used. Activating a bookmark will change the active path to that pointed to by the link. To add items to the bookmark list highlight a folder and press <span class="key">Ctrl</span> + <span class="key">B</span>, select &ldquo;Add bookmark&rdquo; from the folder's context menu, or drag a folder onto the bookmark list.<br />The bookmark has a context menu that can be displayed by clicking the right mouse button, or pressing the Menu key when a bookmark has the focus. From the context menu you can edit a bookmark, move it up or down in the list, or remove the bookmark from the list. A bookmark can also be moved by pressing <span class="key">Shift</span> + <span class="key">Up</span> or <span class="key">Shift</span> + <span class="key">Down</span> while it has the focus.</dd>
 
   <dt>Folder list</dt><dd>This is the list that displays the folders contained in the active path. To change the active path to a folder displayed in this list double click the primary mouse button or highlight the folder with the keyboard and press Enter or Space. This list has a context menu that allows renaming or bookmarking the selected folder. A folder can also be dragged onto the bookmark list to add a bookmark.</dd>
 
--- a/doc/image_management_delete.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/image_management_delete.html	Wed Nov 19 22:42:20 2008 +0000
@@ -41,7 +41,7 @@
 
   <h1>Delete</h1>
 
-  <p>To delete a file in Geeqie press [Ctrl] + D, or select Delete from the file menu. Delete is also available in the context menu of all images and files. If <a href="options_advanced.html" class="option_name">Enable delete key</a> is enabled in Options, pressing the Delete key can also be used to delete files.</p>
+  <p>To delete a file in Geeqie press <span class="key">Ctrl</span> + <span class="key">D</span>, or select Delete from the file menu. Delete is also available in the context menu of all images and files. If <a href="options_advanced.html" class="option_name">Enable delete key</a> is enabled in Options, pressing the Delete key can also be used to delete files.</p>
 
   <p>The behavior when starting a delete operation depends on the <a href="options_advanced.html" class="option_name">Confirm file delete</a> option in Options. If the option is enabled a dialog will appear to confirm the operation, if it is not enabled the files will be deleted without further interaction. In all cases if the file is unable to be deleted you will be notified by a dialog.</p>
 
--- a/doc/image_management_external_editing.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/image_management_external_editing.html	Wed Nov 19 22:42:20 2008 +0000
@@ -43,7 +43,7 @@
 
   <p>Geeqie provides the ability to execute commands, such as running an image editor, on a selected image. In Geeqie these are called the external editing commands.</p>
 
-  <p>These commands are executed by pressing [Ctrl] and a number key, from the Edit menu, or from the context menu available to all images and files. The keyboards shortcuts are [Ctrl] + 1 through [Ctrl] + 9, and [Ctrl] + 0, they correspond respectively to commands 1 through 10 on the <a href="options_editor_commands.html">Editors tab</a> in Options.</p>
+  <p>These commands are executed by pressing <span class="key">Ctrl</span> and a number key, from the Edit menu, or from the context menu available to all images and files. The keyboards shortcuts are <span class="key">Ctrl</span> + <span class="key">1</span> through <span class="key">Ctrl</span> + <span class="key">9</span>, and <span class="key">Ctrl</span> + <span class="key">0</span>, they correspond respectively to commands 1 through 10 on the <a href="options_editor_commands.html">Editors tab</a> in Options.</p>
 
   <p>To edit the command list refer to section <a href="options_editor_commands.html">Editor Commands</a>.</p>
 
--- a/doc/image_management_rename.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/image_management_rename.html	Wed Nov 19 22:42:20 2008 +0000
@@ -41,7 +41,7 @@
 
   <h1>Rename</h1>
 
-  <p>To rename a file in Geeqie press [Ctrl] + R, or select Rename from the File menu. Rename is also available in the context menu of all images and files.</p>
+  <p>To rename a file in Geeqie press <span class="key">Ctrl</span> + <span class="key">R</span>, or select Rename from the File menu. Rename is also available in the context menu of all images and files.</p>
 
   <p>When renaming a file, a dialog will display allowing entry of the new name for the file. The dialog will be different depending on the number of files selected to be renamed. A simple dialog will appear when renaming a single file, however when renaming multiple files the dialog will include a list of the file to be renamed and additional options.</p>
 
--- a/doc/image_presentation_fullscreen.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/image_presentation_fullscreen.html	Wed Nov 19 22:42:20 2008 +0000
@@ -53,7 +53,7 @@
     </li>
 
     <li>
-      <p>From the keyboard - press the <b>F</b> key to toggle full screen.</p>
+      <p>From the keyboard - press the <span class="key">F</span> key to toggle full screen.</p>
     </li>
 
     <li>
@@ -67,7 +67,7 @@
 
   <ul>
     <li>
-      <p>From the keyboard - press the <b>F</b> or [<b>Escape</b>] key to stop full screen.</p>
+      <p>From the keyboard - press the <span class="key">F</span> or <span class="key">Esc</span> key to stop full screen.</p>
     </li>
 
     <li>
@@ -123,7 +123,7 @@
      <tbody>
       <tr>
         <td>
-          <p>F, V, Escape</p>
+          <p><span class="key">F</span>, <span class="key">V</span>, <span class="key">Esc</span></p>
         </td>
 
         <td>
@@ -143,7 +143,7 @@
 
       <tr>
         <td>
-          <p>PageDown</p>
+          <p><span class="key">PageDown</span></p>
         </td>
 
         <td>
@@ -158,7 +158,7 @@
 
       <tr>
         <td>
-          <p>PageUp</p>
+          <p><span class="key">PageUp</span></p>
         </td>
 
         <td>
@@ -173,7 +173,7 @@
 
       <tr>
         <td>
-          <p>Home</p>
+          <p><span class="key">Home</span></p>
         </td>
 
         <td>&nbsp;</td>
@@ -185,7 +185,7 @@
 
       <tr>
         <td>
-          <p>End</p>
+          <p><span class="key">End</span></p>
         </td>
 
         <td>&nbsp;</td>
@@ -203,12 +203,12 @@
 
       <tr>
         <td>
-          <p>Arrow Keys</p>
+          <p>Arrows</p>
         </td>
 
         <td>
           <p>Left Drag on image view<br />
-          [Shift] + Mouse Wheel <a href="#bottomnote1" class="bottomnote">(*)</a></p>
+          <span class="key">Shift</span> + Mouse Wheel <a href="#bottomnote1" class="bottomnote">(*)</a></p>
         </td>
 
         <td>
@@ -218,7 +218,7 @@
 
       <tr>
         <td>
-          <p>[Shift] + Arrow Keys</p>
+          <p><span class="key">Shift</span> + <span class="key">Arrows</span></p>
         </td>
 
         <td>&nbsp;</td>
@@ -230,7 +230,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + Arrow Keys</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Arrows</span></p>
         </td>
 
         <td>&nbsp;</td>
@@ -242,7 +242,7 @@
 
       <tr>
         <td>
-          <p>SpaceBar</p>
+          <p><span class="key">SpaceBar</span></p>
         </td>
 
         <td>&nbsp;</td>
@@ -254,7 +254,7 @@
 
       <tr>
         <td>
-          <p>Backspace</p>
+          <p><span class="key">Backspace</span></p>
         </td>
 
         <td>&nbsp;</td>
@@ -310,7 +310,7 @@
       <tr>
         <td>
           <p>External edit commands<br />
-          ([Ctrl] + 1 ... 0, context menu)</p>
+          (<span class="key">Ctrl</span> + <span class="key">1</span> ... <span class="key">0</span>, context menu)</p>
         </td>
 
         <td>
@@ -321,7 +321,7 @@
       <tr>
         <td>
           <p>Open image properties window<br />
-          ([Ctrl] + P, context menu)</p>
+          (<span class="key">Ctrl</span> + <span class="key">P</span>, context menu)</p>
         </td>
 
         <td>
@@ -351,7 +351,7 @@
 
       <tr>
         <td>
-          <p>I</p>
+          <p><span class="key">I</span></p>
         </td>
 
         <td>
@@ -361,7 +361,7 @@
 
       <tr>
         <td>
-          <p>K</p>
+          <p><span class="key">K</span></p>
         </td>
 
         <td>
@@ -371,7 +371,7 @@
 
       <tr>
         <td>
-          <p>J</p>
+          <p><span class="key">J</span></p>
         </td>
 
         <td>
@@ -382,7 +382,7 @@
       <tr>
         <td>
           <p>Slide show controls<br />
-          (S, P, context menu)</p>
+          (<span class="key">S</span>, <span class="key">P</span>, context menu)</p>
         </td>
 
         <td>
@@ -392,7 +392,7 @@
 
       <tr>
         <td>
-          <p>Quit with [Ctrl] + Q</p>
+          <p>Quit with <span class="key">Ctrl</span> + <span class="key">Q</span></p>
         </td>
 
         <td>
--- a/doc/image_presentation_slideshow.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/image_presentation_slideshow.html	Wed Nov 19 22:42:20 2008 +0000
@@ -53,7 +53,7 @@
     </li>
 
     <li>
-      <p>From the keyboard - press the <b>S</b> key to toggle the slide show on or off.</p>
+      <p>From the keyboard - press the <span class="key">S</span> key to toggle the slide show on or off.</p>
     </li>
 
     <li>
@@ -79,7 +79,7 @@
 
   <ul>
     <li>
-      <p>From the keyboard - press the <b>P</b> key while a slide show is active.</p>
+      <p>From the keyboard - press the <span class="key">P</span> key while a slide show is active.</p>
     </li>
 
     <li>
--- a/doc/image_search_finding_duplicates.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/image_search_finding_duplicates.html	Wed Nov 19 22:42:20 2008 +0000
@@ -154,7 +154,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">A</span></p>
         </td>
 
         <td>
@@ -168,7 +168,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + [Shift] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Shift</span> + <span class="key">A</span></p>
         </td>
 
         <td>
@@ -210,8 +210,8 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + 1 through<br />
-          [Ctrl] + 0</p>
+          <p><span class="key">Ctrl</span> + <span class="key">1</span> through<br />
+          <span class="key">Ctrl</span> + <span class="key">0</span></p>
         </td>
 
         <td>
@@ -225,7 +225,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + P</p>
+          <p><span class="key">Ctrl</span> + <span class="key">P</span></p>
         </td>
 
         <td>
@@ -265,7 +265,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + C</p>
+          <p><span class="key">Ctrl</span> + <span class="key">C</span></p>
         </td>
 
         <td>
@@ -279,7 +279,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + M</p>
+          <p><span class="key">Ctrl</span> + <span class="key">M</span></p>
         </td>
 
         <td>
@@ -293,7 +293,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + R</p>
+          <p><span class="key">Ctrl</span> + <span class="key">R</span></p>
         </td>
 
         <td>
@@ -307,7 +307,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + D</p>
+          <p><span class="key">Ctrl</span> + <span class="key">D</span></p>
         </td>
 
         <td>
@@ -335,7 +335,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + Delete</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Delete</span></p>
         </td>
 
         <td>
@@ -361,7 +361,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + T</p>
+          <p><span class="key">Ctrl</span> + <span class="key">T</span></p>
         </td>
 
         <td>&nbsp;</td>
@@ -373,7 +373,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + W</p>
+          <p><span class="key">Ctrl</span> + <span class="key">W</span></p>
         </td>
 
         <td>&nbsp;</td>
--- a/doc/image_search_search.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/image_search_search.html	Wed Nov 19 22:42:20 2008 +0000
@@ -170,7 +170,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">A</span></p>
         </td>
 
         <td>
@@ -184,7 +184,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + [Shift] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Shift</span> + <span class="key">A</span></p>
         </td>
 
         <td>
@@ -198,8 +198,8 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + 1 through<br />
-          [Ctrl] + 0</p>
+          <p><span class="key">Ctrl</span> + <span class="key">1</span> through<br />
+          <span class="key">Ctrl</span> + <span class="key">0</span></p>
         </td>
 
         <td>
@@ -213,7 +213,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + P</p>
+          <p><span class="key">Ctrl</span> + <span class="key">P</span></p>
         </td>
 
         <td>
@@ -253,7 +253,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + C</p>
+          <p><span class="key">Ctrl</span> + <span class="key">C</span></p>
         </td>
 
         <td>
@@ -267,7 +267,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + M</p>
+          <p><span class="key">Ctrl</span> + <span class="key">M</span></p>
         </td>
 
         <td>
@@ -281,7 +281,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + R</p>
+          <p><span class="key">Ctrl</span> + <span class="key">R</span></p>
         </td>
 
         <td>
@@ -295,7 +295,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + D</p>
+          <p><span class="key">Ctrl</span> + <span class="key">D</span></p>
         </td>
 
         <td>
@@ -323,7 +323,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + Delete</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Delete</span></p>
         </td>
 
         <td>
@@ -349,7 +349,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + T</p>
+          <p><span class="key">Ctrl</span> + <span class="key">T</span></p>
         </td>
 
         <td>&nbsp;</td>
@@ -361,7 +361,7 @@
 
       <tr>
         <td>
-          <p>[Ctrl] + W</p>
+          <p><span class="key">Ctrl</span> + <span class="key">W</span></p>
         </td>
 
         <td>&nbsp;</td>
--- a/doc/main_window_file_pane.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/main_window_file_pane.html	Wed Nov 19 22:42:20 2008 +0000
@@ -47,15 +47,15 @@
 
   <h2>List view</h2>
 
-  <p>This mode can be enabled by selecting &ldquo;List&rdquo; from the View menu, pressing [Ctrl] + L on the keyboard, or unselecting &ldquo;View as icons&rdquo; from the context menu.</p>
+  <p>This mode can be enabled by selecting &ldquo;List&rdquo; from the View menu, pressing <span class="key">Ctrl</span> + <span class="key">L</span> on the keyboard, or unselecting &ldquo;View as icons&rdquo; from the context menu.</p>
 
   <p>The list view mode displays images in a standard vertical list. Three columns provide the file name, size in bytes, and the time the contents were last modified.</p>
 
-  <p><b>Thumbnails</b> can be displayed next to each file in the list, to toggle thumbnails on or off by selecting &ldquo;Thumbnails&rdquo; from the View menu, pressing the T key, clicking the thumbnail button on the tool bar, or selecting &ldquo;Show thumbnails&rdquo; from the context menu.</p>
+  <p><b>Thumbnails</b> can be displayed next to each file in the list, to toggle thumbnails on or off by selecting &ldquo;Thumbnails&rdquo; from the View menu, pressing the <span class="key">T</span> key, clicking the thumbnail button on the tool bar, or selecting &ldquo;Show thumbnails&rdquo; from the context menu.</p>
 
   <h2>Icon view</h2>
 
-  <p>This mode can be enabled by selecting &ldquo;Icons&rdquo; from the View menu, pressing [Ctrl] + I on the keyboard, or selecting &ldquo;View as icons&rdquo; from the context menu.</p>
+  <p>This mode can be enabled by selecting &ldquo;Icons&rdquo; from the View menu, pressing <span class="key">Ctrl</span> + <span class="key">I</span> on the keyboard, or selecting &ldquo;View as icons&rdquo; from the context menu.</p>
 
   <p>The icon view mode displays images as thumbnails in a grid, and by default a file name below each thumbnail.</p>
 
@@ -69,7 +69,7 @@
   
   <ul>
     <li>
-      <p>[Ctrl] + Primary mouse button will add or remove the file from the selection.</p>
+      <p><span class="key">Ctrl</span> + <span class="key">Primary</span> mouse button will add or remove the file from the selection.</p>
     </li>
 
     <li>
@@ -77,11 +77,11 @@
     </li>
 
     <li>
-      <p>[Shift] + Primary mouse button will select all images between the clicked and focused image, or it will unselect all those images if the clicked image is already selected.</p>
+      <p><span class="key">Shift</span> + <span class="key">Primary</span> mouse button will select all images between the clicked and focused image, or it will unselect all those images if the clicked image is already selected.</p>
     </li>
 
     <li>
-      <p>[Shift] + [Ctrl] + Primary mouse works as [Shift] + Primary, but will not change the selection of files outside the region between the focus and clicked image.</p>
+      <p><span class="key">Shift</span> + <span class="key">Ctrl</span> + <span class="key">Primary</span> mouse works as <span class="key">Shift</span> + <span class="key">Primary</span>, but will not change the selection of files outside the region between the focus and clicked image.</p>
     </li>
   </ul>
 
@@ -89,23 +89,23 @@
 
   <ul>
     <li>
-      <p>[Ctrl] + Arrows will move the focus without changing the selection.</p>
+      <p><span class="key">Ctrl</span> + <span class="key">Arrows</span> will move the focus without changing the selection.</p>
     </li>
 
     <li>
-      <p>[Ctrl] + Space will toggle selection of the focused image.</p>
+      <p><span class="key">Ctrl</span> + <span class="key">Space</span> will toggle selection of the focused image.</p>
     </li>
 
     <li>
-      <p>[Shift] + Arrows will select a region of images.</p>
+      <p><span class="key">Shift</span> + <span class="key">Arrows</span> will select a region of images.</p>
     </li>
 
     <li>
-      <p>[Shift] + [Ctrl] + Arrows works as [Shift] + Arrows, but will not change the selection of files outside the current focus region.</p>
+      <p><span class="key">Shift</span> + <span class="key">Ctrl</span> + <span class="key">Arrows</span> works as <span class="key">Shift</span> + <span class="key">Arrows</span>, but will not change the selection of files outside the current focus region.</p>
     </li>
   </ul>
 
-  <p>To select all files press [Ctrl] + A, or to unselect all image press [Ctrl] + [Shift] + A. These operations are also available from the Edit menu as &ldquo;Select all&rdquo; and &ldquo;Select none&rdquo;.</p>
+  <p>To select all files press <span class="key">Ctrl</span> + <span class="key">A</span>, or to unselect all image press <span class="key">Ctrl</span> + <span class="key">Shift</span> + <span class="key">A</span>. These operations are also available from the Edit menu as &ldquo;Select all&rdquo; and &ldquo;Select none&rdquo;.</p>
 
   <p>The current number of selected images and their total size will be indicated in the File list section of the <a href="main_window_status_bar.html">status bar</a>.</p>
 
--- a/doc/main_window_folder_pane.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/main_window_folder_pane.html	Wed Nov 19 22:42:20 2008 +0000
@@ -91,13 +91,13 @@
 
   <h2>List view</h2>
 
-  <p>This mode can be enabled by unselecting &ldquo;Tree&rdquo; from the View menu, pressing [Ctrl] + T, or unselecting &ldquo;View as tree&rdquo; from the context menu.</p>
+  <p>This mode can be enabled by unselecting &ldquo;Tree&rdquo; from the View menu, pressing <span class="key">Ctrl</span> + <span class="key">T</span>, or unselecting &ldquo;View as tree&rdquo; from the context menu.</p>
 
   <p>The list view mode displays sub folders contained in the active folder in a standard vertical list. The parent folder can be selected with the folder named &ldquo;..&rdquo;.</p>
 
   <h2>Tree view</h2>
 
-  <p>This mode can be enabled by selecting &ldquo;Tree&rdquo; from the View menu, pressing [Ctrl] + T, or selecting &ldquo;View as tree&rdquo; from the context menu.</p>
+  <p>This mode can be enabled by selecting &ldquo;Tree&rdquo; from the View menu, pressing <span class="key">Ctrl</span> + <span class="key">T</span>, or selecting &ldquo;View as tree&rdquo; from the context menu.</p>
 
   <p>The tree view mode displays all folders in the file system, starting with the root folder and branching out to include sub folders. A folder branch can be expanded or collapsed by clicking the expander next to each folder icon, or by pressing the respective &ldquo;+&rdquo; or &ldquo;-&rdquo; keys when the folder branch has the focus.</p>
 
@@ -136,8 +136,8 @@
 
   <p>The folders can used as a drag source for drag and drop, for example to add images in a folder to a collection window. However drag and drop can not be used to move or copy folders in Geeqie.</p>
 
-  <p>Using [Shift] key while dragging is a shortcut to move action. Menu will not appear but move will occur.</p>
-  <p>Using [Ctrl] key while dragging is a shortcut to copy action. Menu will not appear but copy will occur.</p>
+  <p>Using <span class="key">Shift</span> key while dragging is a shortcut to move action. Menu will not appear but move will occur.</p>
+  <p>Using <span class="key">Ctrl</span> key while dragging is a shortcut to copy action. Menu will not appear but copy will occur.</p>
 
   <hr />
 
--- a/doc/main_window_image_pane.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/main_window_image_pane.html	Wed Nov 19 22:42:20 2008 +0000
@@ -56,7 +56,7 @@
   <p>When the image size is larger than the image pane, the visible region can be changed with the keyboard or mouse. The keyboard can also be used to adjust the orientation of the image.</p>
 
   <h3>Keyboard</h3>
-  <p>Use the arrow keys to pan the image in the desired direction, to increase the panning speed hold down the [Shift] key while pressing an arrow key.<br />Press [Ctrl] and an arrow key to move to the respective edge of the image. The image can only be panned with the keyboard when the image has the focus, indicated by a dotted line surrounding the image pane.</p>
+  <p>Use the Arrows to pan the image in the desired direction, to increase the panning speed hold down the <span class="key">Shift</span> key while pressing an Arrow.<br />Press <span class="key">Ctrl</span> and an Arrow to move to the respective edge of the image. The image can only be panned with the keyboard when the image has the focus, indicated by a dotted line surrounding the image pane.</p>
 
   <div class="shortcuts">
     <table width="80%" border="1" cellpadding="2" cellspacing="0">
@@ -163,7 +163,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Shift] + R</p>
+          <p><span class="key">Shift</span> + <span class="key">R</span></p>
 	</td>
 
         <td>
@@ -176,7 +176,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Shift] + M</p>
+          <p><span class="key">Shift</span> + <span class="key">M</span></p>
 	</td>
 
         <td>
@@ -189,7 +189,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Shift] + F</p>
+          <p><span class="key">Shift</span> + <span class="key">F</span></p>
 	</td>
 
         <td>
@@ -206,12 +206,12 @@
   <p class="note"><span class="note_label">Note:</span> The rotation, mirror, and flip functions will not change the image file on disk.</p>
 
   <h3>Mouse</h3>
-  <p>Press the primary mouse button on the image and hold it, then move the mouse to pan the image in the desired direction. Releasing the mouse button will stop the panning operation. The mouse wheel can also be used to scroll the image when holding down the [Shift] key <a href="#bottomnote1" class="bottomnote">(*)</a>.</p>
+  <p>Press the primary mouse button on the image and hold it, then move the mouse to pan the image in the desired direction. Releasing the mouse button will stop the panning operation. The mouse wheel can also be used to scroll the image when holding down the <span class="key">Shift</span> key <a href="#bottomnote1" class="bottomnote">(*)</a>.</p>
 
-  <p>To scale the image size hold down the [Ctrl] key and scroll the mouse wheel up to zoom in, or down to zoom out.</p>
+  <p>To scale the image size hold down the <span class="key">Ctrl</span> key and scroll the mouse wheel up to zoom in, or down to zoom out.</p>
 
   <h4>Smooth Scroll</h4>
-  <p>To start the smooth scroll function hold down the [Shift] key and click the primary mouse button. An icon will appear at the location of the mouse pointer, the mouse can then be positioned to pan the image. The image will pan in the direction of the mouse pointer relative to the icon. The pan speed will increase in proportion to the distance that the pointer is from the center of the icon. To end the smooth scroll function click the primary mouse button within the image pane.</p>
+  <p>To start the smooth scroll function hold down the <span class="key">Shift</span> key and click the primary mouse button. An icon will appear at the location of the mouse pointer, the mouse can then be positioned to pan the image. The image will pan in the direction of the mouse pointer relative to the icon. The pan speed will increase in proportion to the distance that the pointer is from the center of the icon. To end the smooth scroll function click the primary mouse button within the image pane.</p>
 
   <h2>Navigation</h2>
 
@@ -244,7 +244,7 @@
   <p>Using View &gt; Split item from the main menu, image pane can be splitted in up to four panes, this allows to display images side by side. You may use drag'n drop to change images in each pane.</p>
   
   <p>Connected zoom is possible through the View &gt; Connected zoom menu. Zoom is then applied to all displayed images.</p>
-  <p>Connected scrolling is also possible using [Shift] and first mouse button.</p>
+  <p>Connected scrolling is also possible using <span class="key">Shift</span> and first mouse button.</p>
 
 
 
--- a/doc/main_window_menus.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/main_window_menus.html	Wed Nov 19 22:42:20 2008 +0000
@@ -250,7 +250,7 @@
   <p><code>; (gtk_accel_path "&lt;main&gt;/File/Quit" "&lt;Control&gt;q")</code>
   </p>
 
-  <p>To change this menu's keyboard shortcut, first remove the leading semicolon (;), removing the semicolon will tell Geeqie that this menu item has been customized. Then change the keyboard shortcut defined by the text in quotes at the end of the line, be sure to only change the text within the quotes; in this case the text &ldquo;&lt;control&gt;q&rdquo;. For example changing the shortcut associated with Quit to the Q key will result in this line:</p>
+  <p>To change this menu's keyboard shortcut, first remove the leading semicolon (;), removing the semicolon will tell Geeqie that this menu item has been customized. Then change the keyboard shortcut defined by the text in quotes at the end of the line, be sure to only change the text within the quotes; in this case the text &ldquo;&lt;control&gt;q&rdquo;. For example changing the shortcut associated with Quit to the <span class="key">Q</span> key will result in this line:</p>
 
   <p><code>(gtk_accel_path "&lt;main&gt;/File/Quit" "q")</code>
   </p>
@@ -277,7 +277,7 @@
 	  <tbody>
             <tr>
               <td>
-                <p>[Shift]</p>
+                <p><span class="key">Shift</span></p>
               </td>
 
               <td>
@@ -287,7 +287,7 @@
 
             <tr>
               <td>
-                <p>[Ctrl]</p>
+                <p><span class="key">Ctrl</span></p>
               </td>
 
               <td>
@@ -297,7 +297,7 @@
 
             <tr>
               <td>
-                <p>[Alt]</p>
+                <p><span class="key">Alt</span></p>
               </td>
 
               <td>
@@ -308,7 +308,7 @@
           </table>
   </div>
 
-  <p>Modifiers can be combined, for example in the exit line above, the text would be &ldquo;&lt;control&gt;&lt;shift&gt;q&rdquo; to set the exit shortcut to [Ctrl] + [Shift] + Q.</p>
+  <p>Modifiers can be combined, for example in the exit line above, the text would be &ldquo;&lt;control&gt;&lt;shift&gt;q&rdquo; to set the exit shortcut to <span class="key">Ctrl</span> + <span class="key">Shift</span> + <span class="key">Q</span>.</p>
 
   <hr id="bottomseparator" />
 
--- a/doc/options_advanced.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/options_advanced.html	Wed Nov 19 22:42:20 2008 +0000
@@ -168,7 +168,7 @@
   <dd><p>Prompts for confirmation before deleting files.</p></dd>
 
   <dt>Enable Delete key</dt>
-  <dd><p>Disable this to disassociate the delete file function from the Delete key. This option does not effect the [Ctrl] + D key sequence. May be useful in combination with &ldquo;confirm file delete&rdquo;, above, disabled so that accidentally hitting a single key will not result in deleted files.</p></dd>
+  <dd><p>Disable this to disassociate the delete file function from the Delete key. This option does not effect the <span class="key">Ctrl</span> + <span class="key">D</span> key sequence. May be useful in combination with &ldquo;confirm file delete&rdquo;, above, disabled so that accidentally hitting a single key will not result in deleted files.</p></dd>
 
   <dt>Safe Delete</dt>
   <dd><p>Moves deleted files to a temporary folder, for easy retrieval of deleted files. Files in the temporary folder are retained until the maximum size is reached, at which point deleting additional files will result in the removal of the oldest files to reclaim the space needed for the new files.</p>
@@ -229,7 +229,7 @@
   <dd><p>This will cause image panning speed to gradually accelerate when holding down the keyboard arrows.</p></dd>
 
   <dt>Mouse wheel scrolls image</dt>
-  <dd><p>The default is for the mouse wheel to change the image, and to scroll the image when [Shift] is used in combination with the wheel. Enabling this swaps the behavior so that operating the wheel will scroll the image, and holding down [Shift] will change the image.</p></dd>
+  <dd><p>The default is for the mouse wheel to change the image, and to scroll the image when <span class="key">Shift</span> is used in combination with the wheel. Enabling this swaps the behavior so that operating the wheel will scroll the image, and holding down <span class="key">Shift</span> will change the image.</p></dd>
  
   <dt>Home button path</dt>
   <dd><p>This defines the path to use for the "Home" button in the main window. By default or when this field is empty, this is the user's directory.</p></dd>
--- a/doc/options_editor_commands.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/options_editor_commands.html	Wed Nov 19 22:42:20 2008 +0000
@@ -43,7 +43,7 @@
 
   <p>This section describes the options presented under the Editors Tab of the preferences dialog.</p>
 
-  <p>Geeqie includes ten entries that can be used for executing other applications or shell commands with the selected image. These commands are accessible by menu and keyboard shortcuts. The keyboard shortcuts use [Ctrl] + [1] through [Ctrl] + [0], which correspond to lines one through ten in the preferences dialog.</p>
+  <p>Geeqie includes ten entries that can be used for executing other applications or shell commands with the selected image. These commands are accessible by menu and keyboard shortcuts. The keyboard shortcuts use <span class="key">Ctrl</span> + <span class="key">1</span> through <span class="key">Ctrl</span> + <span class="key">0</span>, which correspond to lines one through ten in the preferences dialog.</p>
 
   <dl class="dialog_desc">
   <dt>Menu name</dt>
--- a/doc/options_hidden.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/options_hidden.html	Wed Nov 19 22:42:20 2008 +0000
@@ -69,7 +69,7 @@
 
   <h2>Find Duplicates window</h2>
 
-  <p><b>[Ctrl] + [Shift] + [Right Mouse click]</b>: Use this to display a dialog containing the data stored for the clicked image file. This is usually only useful for debugging purposes.</p>
+  <p><b><span class="key">Ctrl</span> + <span class="key">Shift</span> + [Right Mouse click]</b>: Use this to display a dialog containing the data stored for the clicked image file. This is usually only useful for debugging purposes.</p>
 
   <hr id="bottomseparator" />
 
--- a/doc/other_windows_image_properties.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/other_windows_image_properties.html	Wed Nov 19 22:42:20 2008 +0000
@@ -43,7 +43,7 @@
 
   <p>The image properties window is a dialog that displays various information about a file.</p>
 
-  <p>To display a properties window for a an image select Properties from it's context menu, in most windows pressing [Ctrl] + P will display the properties of the selected images or files.</p>
+  <p>To display a properties window for a an image select Properties from it's context menu, in most windows pressing <span class="key">Ctrl</span> + <span class="key">P</span> will display the properties of the selected images or files.</p>
 
   <p>The properties window contains a scaled down image of the file and information about the file under several tabs. If the window contains more than one file, they can be navigated by activating the left and right arrow buttons, or by clicking the primary and middle mouse buttons on the image preview.</p>
 
--- a/doc/other_windows_image_window.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/other_windows_image_window.html	Wed Nov 19 22:42:20 2008 +0000
@@ -68,12 +68,12 @@
 
   <p>Changing the image window by dropping a new item onto it will cause the previous list of images or linked collection to be discarded.</p>
 
-  <p>To update the image display in the event that the source file has changed, press the R key.</p>
+  <p>To update the image display in the event that the source file has changed, press the <span class="key">R</span> key.</p>
 
   <h2>Information and histogram Overlay</h2>
 
-  <p>A small overlay can be turned on and off by pressing the I key. This overlay displays the image file name, dimensions, file date, and file size. The count of the current image and of all images contained by the window are also displayed in parenthesis. When the window is linked to a collection, the collection title will also appear in the overlay in italics above the file name.</p>
-  <p>An histogram is displayed if I key is pressed twice, K key will modify the data displayed, and J key will toggle linear or logarithmic histogram.</p>
+  <p>A small overlay can be turned on and off by pressing the <span class="key">I</span> key. This overlay displays the image file name, dimensions, file date, and file size. The count of the current image and of all images contained by the window are also displayed in parenthesis. When the window is linked to a collection, the collection title will also appear in the overlay in italics above the file name.</p>
+  <p>An histogram is displayed if <span class="key">I</span> key is pressed twice, <span class="key">K</span> key will modify the data displayed, and <span class="key">J</span> key will toggle linear or logarithmic histogram.</p>
   <p>Overlay info is customizable through <a href="options_advanced.html" class="option_name">Image Overlay Template</a> option in Advanced tab in Preferences dialog.</p>
 
   <hr id="bottomseparator" />
--- a/doc/printing.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/printing.html	Wed Nov 19 22:42:20 2008 +0000
@@ -41,7 +41,7 @@
 
   <h1>Printing</h1>
 
-  <p>To print an image press [Shift] + P or select Print from the File menu.</p>
+  <p>To print an image press <span class="key">Shift</span> + <span class="key">P</span> or select Print from the File menu.</p>
 
   <p>The print dialog includes tabs that group related printing options, a preview pane, and a Print and Cancel button.</p>
 
--- a/doc/reference_keyboard_shortcuts.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/reference_keyboard_shortcuts.html	Wed Nov 19 22:42:20 2008 +0000
@@ -69,7 +69,7 @@
       </tr>
       <tr>
         <td>
-          <p>PageDown</p>
+          <p><span class="key">PageDown</span></p>
         </td>
         <td>
           <p>Left Click on image view<br />
@@ -81,7 +81,7 @@
       </tr>
       <tr>
         <td>
-          <p>PageUp</p>
+          <p><span class="key">PageUp</span></p>
         </td>
         <td>
           <p>Middle Click on image view<br />
@@ -93,7 +93,7 @@
       </tr>
       <tr>
         <td>
-          <p>Home</p>
+          <p><span class="key">Home</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -102,7 +102,7 @@
       </tr>
       <tr>
         <td>
-          <p>End</p>
+          <p><span class="key">End</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -116,11 +116,11 @@
       </tr>
       <tr>
         <td>
-          <p>Arrow Keys</p>
+          <p><span class="key">Arrows</span></p>
         </td>
         <td>
           <p>Left Drag on image view<br />
-          [Shift] + Mouse Wheel <a href="#bottomnote1" class="bottomnote">(*)</a></p>
+          <span class="key">Shift</span> + Mouse Wheel <a href="#bottomnote1" class="bottomnote">(*)</a></p>
         </td>
         <td>
           <p>Pan image.</p>
@@ -128,7 +128,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Shift] + Arrow Keys</p>
+          <p><span class="key">Shift</span> + <span class="key">Arrows</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -137,7 +137,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + Arrow Keys</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Arrows</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -146,7 +146,7 @@
       </tr>
       <tr>
         <td>
-          <p>SpaceBar</p>
+          <p><span class="key">Space</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -155,7 +155,7 @@
       </tr>
       <tr>
         <td>
-          <p>Backspace</p>
+          <p><span class="key">Backspace</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -169,7 +169,7 @@
        </tr>
       <tr>
         <td>
-          <p>[Ctrl] + N</p>
+          <p><span class="key">Ctrl</span> + <span class="key">N</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -178,7 +178,7 @@
       </tr>
       <tr>
         <td>
-          <p>C</p>
+          <p><span class="key">C</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -187,7 +187,7 @@
       </tr>
       <tr>
         <td>
-          <p>O</p>
+          <p><span class="key">O</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -196,7 +196,7 @@
       </tr>
       <tr>
         <td>
-          <p>F3</p>
+          <p><span class="key">F3</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -205,7 +205,7 @@
       </tr>
       <tr>
         <td>
-          <p>D</p>
+          <p><span class="key">D</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -214,7 +214,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Shift] + P</p>
+          <p><span class="key">Shift</span> + <span class="key">P</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -223,7 +223,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + F</p>
+          <p><span class="key">Ctrl</span> + <span class="key">F</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -232,7 +232,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + C</p>
+          <p><span class="key">Ctrl</span> + <span class="key">C</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -241,7 +241,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + M</p>
+          <p><span class="key">Ctrl</span> + <span class="key">M</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -250,7 +250,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + R</p>
+          <p><span class="key">Ctrl</span> + <span class="key">R</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -259,8 +259,8 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + D<br />
-          [Delete]</p>
+          <p><span class="key">Ctrl</span> + <span class="key">D</span></p>
+          <p><span class="key">Delete</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -269,7 +269,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + W</p>
+          <p><span class="key">Ctrl</span> + <span class="key">W</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -278,7 +278,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + Q</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Q</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -292,7 +292,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + 1 ... 0</p>
+          <p><span class="key">Ctrl</span> + <span class="key">1</span> ... <span class="key">0</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -301,7 +301,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">A</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -310,7 +310,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + [Shift] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Shift</span> + <span class="key">A</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -319,7 +319,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + P</p>
+          <p><span class="key">Ctrl</span> + <span class="key">P</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -328,7 +328,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + O</p>
+          <p><span class="key">Ctrl</span> + <span class="key">O</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -337,7 +337,7 @@
       </tr>
       <tr>
         <td>
-          <p>]</p>
+          <p><span class="key">]</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -346,7 +346,7 @@
       </tr>
       <tr>
         <td>
-          <p>[</p>
+          <p><span class="key">[</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -355,7 +355,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Shift] + R</p>
+          <p><span class="key">Shift</span> + <span class="key">R</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -364,7 +364,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Shift] + M</p>
+          <p><span class="key">Shift</span> + <span class="key">M</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -373,7 +373,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Shift] + F</p>
+          <p><span class="key">Shift</span> + <span class="key">F</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -387,10 +387,10 @@
       </tr>
       <tr>
         <td>
-          <p>+, =</p>
+          <p><span class="key">+</span>, <span class="key">=</span></p>
         </td>
         <td>
-          <p>[Ctrl] + Mouse Wheel up</p>
+          <p><span class="key">Ctrl</span> + Mouse Wheel up</p>
         </td>
         <td>
           <p>Zoom image in.</p>
@@ -398,10 +398,10 @@
       </tr>
       <tr>
         <td>
-          <p>-</p>
+          <p><span class="key">-</span></p>
         </td>
         <td>
-          <p>[Ctrl] + Mouse Wheel down</p>
+          <p><span class="key">Ctrl</span> + Mouse Wheel down</p>
         </td>
         <td>
           <p>Zoom image out.</p>
@@ -409,7 +409,7 @@
       </tr>
       <tr>
         <td>
-          <p>Z</p>
+          <p><span class="key">Z</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -418,7 +418,7 @@
       </tr>
       <tr>
         <td>
-          <p>X</p>
+          <p><span class="key">X</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -427,7 +427,7 @@
       </tr>
       <tr>
         <td>
-          <p>W</p>
+          <p><span class="key">W</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -436,7 +436,7 @@
       </tr>
       <tr>
         <td>
-          <p>H</p>
+          <p><span class="key">H</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -445,7 +445,7 @@
       </tr>
       <tr>
         <td>
-          <p>1</p>
+          <p><span class="key">1</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -454,7 +454,7 @@
       </tr>
       <tr>
         <td>
-          <p>2</p>
+          <p><span class="key">2</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -463,7 +463,7 @@
       </tr>
       <tr>
         <td>
-          <p>3</p>
+          <p><span class="key">3</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -472,7 +472,7 @@
       </tr>
       <tr>
         <td>
-          <p>4</p>
+          <p><span class="key">4</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -481,7 +481,7 @@
       </tr>
       <tr>
         <td>
-          <p>7</p>
+          <p><span class="key">7</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -490,7 +490,7 @@
       </tr>
       <tr>
         <td>
-          <p>8</p>
+          <p><span class="key">8</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -499,7 +499,7 @@
       </tr>
       <tr>
         <td>
-          <p>9</p>
+          <p><span class="key">9</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -508,7 +508,7 @@
       </tr>
       <tr>
         <td>
-          <p>T</p>
+          <p><span class="key">T</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -517,7 +517,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + L</p>
+          <p><span class="key">Ctrl</span> + <span class="key">L</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -526,7 +526,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + I</p>
+          <p><span class="key">Ctrl</span> + <span class="key">I</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -535,7 +535,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + T</p>
+          <p><span class="key">Ctrl</span> + <span class="key">T</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -544,7 +544,7 @@
       </tr>
       <tr>
         <td>
-          <p>R</p>
+          <p><span class="key">R</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -553,7 +553,7 @@
       </tr>
       <tr>
         <td>
-          <p>L</p>
+          <p><span class="key">L</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -562,7 +562,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + H</p>
+          <p><span class="key">Ctrl</span> + <span class="key">H</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -571,7 +571,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + E</p>
+          <p><span class="key">Ctrl</span> + <span class="key">E</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -580,7 +580,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + S</p>
+          <p><span class="key">Ctrl</span> + <span class="key">S</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -589,7 +589,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + K</p>
+          <p><span class="key">Ctrl</span> + <span class="key">K</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -598,8 +598,8 @@
       </tr>
       <tr>
         <td>
-          <p>F</p>
-          <p>V</p>
+          <p><span class="key">F</span></p>
+          <p><span class="key">V</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -608,7 +608,7 @@
       </tr>
       <tr>
         <td>
-          <p>I</p>
+          <p><span class="key">I</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -617,7 +617,7 @@
       </tr>
       <tr>
         <td>
-          <p>S</p>
+          <p><span class="key">S</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -626,7 +626,7 @@
       </tr>
       <tr>
         <td>
-          <p>P</p>
+          <p><span class="key">P</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -640,7 +640,7 @@
       </tr>
       <tr>
         <td>
-          <p>F1</p>
+          <p><span class="key">F1</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -654,7 +654,7 @@
       </tr>
       <tr>
         <td>
-          <p>Arrow Keys</p>
+          <p><span class="key">Arrows</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -663,7 +663,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Shift] + Arrow Keys</p>
+          <p><span class="key">Shift</span> + <span class="key">Arrows</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -672,7 +672,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + Arrow Keys</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Arrows</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -681,7 +681,7 @@
       </tr>
       <tr>
         <td>
-          <p>[SpaceBar]</p>
+          <p><span class="key">SpaceBar</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -690,7 +690,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + [SpaceBar]</p>
+          <p><span class="key">Ctrl</span> + <span class="key">SpaceBar</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -699,7 +699,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Home]</p>
+          <p><span class="key">Home</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -708,7 +708,7 @@
       </tr>
       <tr>
         <td>
-          <p>[End]</p>
+          <p><span class="key">End</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -717,7 +717,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">A</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -726,7 +726,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + [Shift] + A</p>
+          <p><span class="key">Ctrl</span> + <span class="key">Shift</span> + <span class="key">A</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -735,7 +735,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Delete]</p>
+          <p><span class="key">Delete</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -744,7 +744,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + L</p>
+          <p><span class="key">Ctrl</span> + <span class="key">L</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -753,7 +753,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + T</p>
+          <p><span class="key">Ctrl</span> + <span class="key">T</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -762,7 +762,7 @@
       </tr>
       <tr>
         <td>
-          <p>N</p>
+          <p><span class="key">N</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -771,7 +771,7 @@
       </tr>
       <tr>
         <td>
-          <p>D</p>
+          <p><span class="key">D</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -780,7 +780,7 @@
       </tr>
       <tr>
         <td>
-          <p>B</p>
+          <p><span class="key">B</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -789,7 +789,7 @@
       </tr>
       <tr>
         <td>
-          <p>P</p>
+          <p><span class="key">P</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -798,7 +798,7 @@
       </tr>
       <tr>
         <td>
-          <p>I</p>
+          <p><span class="key">I</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -807,7 +807,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Enter]</p>
+          <p><span class="key">Enter</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -816,7 +816,7 @@
       </tr>
       <tr>
         <td>
-          <p>V</p>
+          <p><span class="key">V</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -825,7 +825,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + 1 ... 0</p>
+          <p><span class="key">Ctrl</span> + <span class="key">1</span> ... <span class="key">0</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -834,7 +834,7 @@
       </tr>
       <tr>
         <td>
-          <p>S</p>
+          <p><span class="key">S</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -843,7 +843,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + S</p>
+          <p><span class="key">Ctrl</span> + <span class="key">S</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -852,7 +852,7 @@
       </tr>
       <tr>
         <td>
-          <p>A</p>
+          <p><span class="key">A</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -861,7 +861,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + C</p>
+          <p><span class="key">Ctrl</span> + <span class="key">C</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -870,7 +870,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + M</p>
+          <p><span class="key">Ctrl</span> + <span class="key">M</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -879,7 +879,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + R</p>
+          <p><span class="key">Ctrl</span> + <span class="key">R</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -888,7 +888,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + D</p>
+          <p><span class="key">Ctrl</span> + <span class="key">D</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -897,7 +897,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + P</p>
+          <p><span class="key">Ctrl</span> + <span class="key">P</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -906,7 +906,7 @@
       </tr>
       <tr>
         <td>
-          <p>[Ctrl] + W</p>
+          <p><span class="key">Ctrl</span> + <span class="key">W</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -920,7 +920,7 @@
       </tr>
       <tr>
         <td>
-          <p>1</p>
+          <p><span class="key">1</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -929,7 +929,7 @@
       </tr>
       <tr>
         <td>
-          <p>2</p>
+          <p><span class="key">2</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
@@ -938,7 +938,7 @@
       </tr>
       <tr>
         <td>
-          <p>C</p>
+          <p><span class="key">C</span></p>
         </td>
         <td>&nbsp;</td>
         <td>
--- a/doc/sidebars_exif.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/sidebars_exif.html	Wed Nov 19 22:42:20 2008 +0000
@@ -43,7 +43,7 @@
 
   <p>The EXIF sidebar displays EXIF data that is embedded in an image. The sidebar has two choices of data display, standard and advanced.</p>
 
-  <p>To toggle display of the The EXIF sidebar press [Ctrl] + E or select &ldquo;Exif data&rdquo; from the View menu.</p>
+  <p>To toggle display of the The EXIF sidebar press <span class="key">Ctrl</span> + <span class="key">E</span> or select &ldquo;Exif data&rdquo; from the View menu.</p>
 
   <p><b>EXIF</b>: Stands for &ldquo;Exchangeable image file format&rdquo;, it is the common format used to store additional information into the JPEG and TIFF file formats. EXIF is the standard for saving the settings used when taking a photo with a digital camera, however other imaging devices and some software also use the EXIF format to store settings in the image file.</p>
 
--- a/doc/sidebars_keywords.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/sidebars_keywords.html	Wed Nov 19 22:42:20 2008 +0000
@@ -43,7 +43,7 @@
 
   <p>The Keywords sidebar displays keywords and comments for the active image, and provides functions for editing them.</p>
 
-  <p>To toggle display of the Keywords sidebar press [Ctrl] + K or select &ldquo;Keywords&rdquo; from the View menu.</p>
+  <p>To toggle display of the Keywords sidebar press <span class="key">Ctrl</span> + <span class="key">K</span> or select &ldquo;Keywords&rdquo; from the View menu.</p>
 
   <p><b>Keywords</b> are single words that are associated to an image. They can be used to classify, group, or describe; the uses for keywords are only limited by your imagination. Images associated to one or more keywords can be found using the <a href="image_search_search.html">Search window</a>.</p>
 
@@ -57,7 +57,7 @@
 
   <p>The <b>text entry</b> allows typing keywords to associate them with the active image. Keywords entered here can be separated by a space, tab, or comma; creating a new line by pressing Enter will also separate keywords.</p>
 
-  <p>The <b>favorite keywords</b> list allows quick selection of commonly used keywords. A keyword is enabled when the check box next to it is filled. The text entry will update as words from the list are selected. To edit the favorite keywords list activate the favorites button at the bottom of the sidebar.</p>
+  <p>The <b>favorite keywords</b> list allows quick selection of commonly used keywords. <span class="key">A</span> keyword is enabled when the check box next to it is filled. The text entry will update as words from the list are selected. To edit the favorite keywords list activate the favorites button at the bottom of the sidebar.</p>
 
   <h2>Comments</h2>
 
--- a/doc/sidebars_sort_manager.html	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/sidebars_sort_manager.html	Wed Nov 19 22:42:20 2008 +0000
@@ -43,7 +43,7 @@
 
   <p>The Sort Manager sidebar provides a convenient method to quickly sort many files into a set of folders or collections.</p>
 
-  <p>To toggle display of the Sort Manager press [Ctrl] + S or select &ldquo;Sort manager&rdquo; from the View menu.</p>
+  <p>To toggle display of the Sort Manager press <span class="key">Ctrl</span> + <span class="key">S</span> or select &ldquo;Sort manager&rdquo; from the View menu.</p>
 
   <p>The mode of the Sort Manager is selected by the drop down list under the sidebar title. The Folder mode allows moving or copying the visible image to a folder, and the Collection mode allows adding the visible image or file selection to a collection.</p>
 
@@ -61,7 +61,7 @@
 
   <p>To edit an item select &ldquo;Properties&rdquo; from it's context menu. A dialog will appear allowing the Name, Path, and Icon for the item to be changed. Select OK to close the dialog and apply the changes, or Cancel to close the dialog and discard the changes.</p>
 
-  <p>To change the order of the list, select &ldquo;Move up&rdquo; or &ldquo;Move down&rdquo; from the item's context menu. To move an item with the keyboard move the focus to that item, then press [Shift] + Up or [Shift] + Down to move the item.</p>
+  <p>To change the order of the list, select &ldquo;Move up&rdquo; or &ldquo;Move down&rdquo; from the item's context menu. To move an item with the keyboard move the focus to that item, then press <span class="key">Shift</span> + <span class="key">Up</span> or <span class="key">Shift</span> + <span class="key">Down</span> to move the item.</p>
 
   <p>To remove an item from the list select &ldquo;Remove&rdquo; from it's context menu.</p>
 
--- a/doc/style.css	Wed Nov 19 21:36:02 2008 +0000
+++ b/doc/style.css	Wed Nov 19 22:42:20 2008 +0000
@@ -236,3 +236,13 @@
 .file_locations p {
 	margin: 0.1em;
 }
+
+/* Keyboard key Z*/
+.key {
+	border:0.2em solid;
+	border-color:#ddd #bbb #bbb #ddd;
+	background:#eee;
+	padding:0.1em 0.4em;
+	font-size:0.8em;
+	white-space:nowrap;
+}