Added navbar tooltip

Author: jaredpetersen

index.html

@@ -55,7 +55,7 @@
                     <ul class="nav navbar-nav">
                         <!-- Fonts -->
                         <li class="dropdown">
-                            <a href="font" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-font" style="color: #777777;"></span>&nbsp;<span class="caret" style="color: #777777;"></span></a>
+                            <a href="font" title="Choose a font!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-font" style="color: #777777;"></span>&nbsp;<span class="caret" style="color: #777777;"></span></a>
                             <ul class="dropdown-menu" role="menu">
                                 <li id="Andale Mono"><a href="javascript:undefined;" onClick="changeFont('Andale Mono');">Andale Mono</a></li>
                                 <!-- Default Font -->
@@ -66,7 +66,7 @@
                         </li>
                         <!-- Font sizes -->
                         <li class="dropdown">
-                            <a href="size" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-text-size" style="color: #777777;"></span>&nbsp;<span class="caret" style="color: #777777;"></span></a>
+                            <a href="size" title="Select a font size!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-text-size" style="color: #777777;"></span>&nbsp;<span class="caret" style="color: #777777;"></span></a>
                             <ul class="dropdown-menu" role="menu">
                                 <li id="8px"><a href="javascript:undefined;" onClick="changeSize('8px');">8px</a></li>
                                 <li id="9px"><a href="javascript:undefined;" onClick="changeSize('9px');">9px</a></li>
@@ -82,7 +82,7 @@
                         </li>
                         <!-- Code Highlighting Themes -->
                         <li class="dropdown">
-                            <a href="size" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-tint" style="color: #777777;"></span>&nbsp;<span class="caret" style="color: #777777;"></span></a>
+                            <a href="size" title="Choose a syntax highlighting theme!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-tint" style="color: #777777;"></span>&nbsp;<span class="caret" style="color: #777777;"></span></a>
                             <ul class="dropdown-menu" role="menu">
                                 <!-- Default Theme -->
                                 <li id="None" class="selected"><a href="javascript:undefined;" onClick="setTheme('None');">None</a></li>
@@ -91,7 +91,7 @@
                                 <li id="XCode"><a href="javascript:undefined;" onClick="setTheme('XCode');">XCode</a></li>
                             </ul>
                         </li>
-                        <li><a href="javascript:undefined;" onClick="overallPrint();"><span class="glyphicon glyphicon-print" style="color: #777777;"></span></a></li>
+                        <li><a href="javascript:undefined;" title="Print your code!" onClick="overallPrint();"><span class="glyphicon glyphicon-print" style="color: #777777;"></span></a></li>
                     </ul>
                     <ul class="nav navbar-nav navbar-right">
                         <li>