* Added more CSS control for menus, buttons, app names, shell commands, paths.

* Always wanting keyboard graphics for shortcuts, Jorge suggested simple borders
  for simplicity. Great idea! Added.
* Added Jorge's rounded boxes for note/warning/stop plus symbols.
* If anyone wants to fine tune esp. colours, go ahead. Jorge and I are both
  challenged in that department. :)
* A few small corrections and reformatting here and there.
* Excluded the topic "Installation" from the contents until it's further along.


git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@29269 a95241bf-73f2-0310-859d-f6bbb57e9c96

docs/userguide/en/applications.html

@@ -42,26 +42,26 @@
 
 <h2><a id="install" name="install">Installing applications</a></h2>
 <p>Haiku software always comes as an archive. Most of the time it's a ZIP, some old BeOS packages come in Software Valet's PKG format. Software Valet was able to automatically execute installation scripts, so after double-clicking you just select a destination folder and everything's taken care of.<br />
-If it's a ZIP archive, double-clicking opens <i>Expander</i> where you also set the destination and unpack it. As explained in the topic <a href="filesystem-layout">Filesystem layout</a>, that destination is either</p>
+If it's a ZIP archive, double-clicking opens <span class="app">Expander</span> where you also set the destination and unpack it. As explained in the topic <a href="filesystem-layout">Filesystem layout</a>, that destination is either</p>
 <table summary="layout" border="0" cellspacing="0" cellpadding="2">
-<tr><td><tt>/boot/common/apps/</tt></td><td>&#160;&#160;&#160;</td><td> for applications available to every user</td></tr>
-<tr><td><tt>/boot/home/apps/</tt></td><td>&#160;&#160;&#160;</td><td> for applications only available to yourself</td></tr>
+<tr><td><span class="path">/boot/common/apps/</span></td><td>&#160;&#160;&#160;</td><td> for applications available to every user</td></tr>
+<tr><td><span class="path">/boot/home/apps/</span></td><td>&#160;&#160;&#160;</td><td> for applications only available to yourself</td></tr>
 </table>
 <p>This distinction will only become relevant once Haiku gets multi-user support, of course.</p>
 <p>Once the archive is unpacked, you should have a look into the newly created folder. Often you find ReadMe files or other documentation of interest.</p>
-<p>Some programs need further configurations. For example, <a href="tracker-add-ons.html">Tracker Add-Ons</a>, Translators or other system enhancing components have to be put into the right folders. Either you'll find a little script file (often with the suffix <tt>.sh</tt>) like <tt>install</tt> that you simply double click to have all taken care of.<br />
-Sometimes you'll find folders that link to the correct destination named "<tt>drag [filename] here...</tt>". So, you simply follow that instruction and you're done.</p>
+<p>Some programs need further configurations. For example, <a href="tracker-add-ons.html">Tracker Add-Ons</a>, Translators or other system enhancing components have to be put into the right folders. Either you'll find a little script file (often with the suffix <span class="cli">.sh</span>) like <span class="cli">install</span> that you simply double click to have all taken care of.<br />
+Sometimes you'll find folders that link to the correct destination named "<span class="cli">drag [filename] here...</span>". So, you simply follow that instruction and you're done.</p>
 <p>Most of the time, however, nothing of the sort is necessary and you're done after unpacking.<br />
 See topic <a href="deskbar.html">Deskbar</a> or LaunchBox to see how to add shortcuts to your newly installed application.</p>
 
 <h2><a id="uninstall" name="uninstall">Uninstalling applications</a></h2>
 <p>If the installation was done with an install script, chances are, there's an uninstall script as well. In that case, double-click it and you're done.<br />
 Otherwise, uninstalling is simply done by deleting the application's folder.</p>
-<p>This, of course, leaves back possible configuration files in your <tt>~/config/settings</tt> folder. This may be on purpose, if you want to keep those settings in case you'll install it again in the future. Also, when the installation involved those "<tt>drag [filename] here...</tt>" folders, those files are also left behind.</p>
+<p>This, of course, leaves back possible configuration files in your <span class="path">~/config/settings</span> folder. This may be on purpose, if you want to keep those settings in case you'll install it again in the future. Also, when the installation involved those "<span class="cli">drag [filename] here...</span>" folders, those files are also left behind.</p>
 <p>One method to quickly get to all the app's files is to do a quick query for a significant part of the application's name. This will reveal the app's binary, its installation folder and its settings as well as possible links in the Deskbar etc. Simply select all relevant files and delete them.</p>
 
 <h2><a id="list-of-apps" name="list-of-apps">Haiku's applications</a></h2>
-<p>Haiku comes with a set of mostly small but essential applications. You'll find all of them at <tt>/boot/beos/apps/</tt> or <tt>/boot/common/apps/</tt>. Applications that are not usually launched by a double-click on a data file (e.g. ShowImage for image files) can be found in the <i>Applications</i> menu of the Deskbar.</p>
+<p>Haiku comes with a set of mostly small but essential applications. You'll find all of them at <span class="path">/boot/beos/apps/</span> or <span class="path">/boot/common/apps/</span>. Applications that are not usually launched by a double-click on a data file (e.g. ShowImage for image files) can be found in the <span class="menu">Applications</span> menu of the Deskbar.</p>
 <table summary="layout" border="0" cellpadding="2" cellspacing="0"> 
 	<tr><td style="width:24px;"><img src="../images/apps-images/activitymonitor-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-activitymonitor.html">ActivityMonitor</a></td><td style="width:10px;">&#160;</td>
 		<td valign="top">A tool to track system resources like CPU and memory usage.</td></tr>