Added hotkey support to viewerbase

Packages/viewerbase/client/components/basic/layout/layout.html

@@ -0,0 +1,33 @@
+<template name="layout">
+    <nav class="navbar navbar-default noselect" role="navigation">
+        <div class="container-fluid">
+            <div class="navbar-header">
+                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                  <span class="sr-only">Toggle navigation</span>
+                  <span class="icon-bar"></span>
+                  <span class="icon-bar"></span>
+                  <span class="icon-bar"></span>
+                </button>
+                <a class="navbar-brand" href="/">
+                    <img height="30px" src="/images/logo.png">
+                    <h4 class="name">Open Health Imaging Foundation</h4>
+                </a>
+            </div>
+            <div id="navbar" class="navbar-collapse collapse">
+                <ul class="nav navbar-nav navbar-right">
+                    <li>
+                        <a href="http://www.ohif.org">About</a>
+                    </li>
+                    <li>
+                        <form class="navbar-form">
+                            <div class="form-group">
+                                {{> loginButtons align="right"}}
+                            </div>
+                        </form>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    {{> yield}}
+</template>

Packages/viewerbase/client/components/basic/layout/layout.styl

@@ -0,0 +1,47 @@
+.noselect
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -khtml-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+  
+.navbar
+  margin-bottom: 0
+  border-radius: 0
+  color: #888888
+  background-color: #060606
+  border: none
+  font-family: "Sanchez"
+  color: #C1C1C1
+    
+.navbar-default .navbar-nav > li > a
+  color: #C1C1C1
+  font-weight: bold
+  font-size: 12pt
+    
+.navbar-form
+  height: 50px
+  margin: 0
+  padding: 15px 3px
+  font-weight: bold
+  font-size: 12pt
+  line-height: 20px
+  
+.navbar-brand
+  display: inline-block
+  
+  img
+    float: left
+    margin-right: 10px
+    margin-top: -5px
+
+  h4.name
+    float: left
+    margin: 0
+    font-family: "Sanchez"
+    color: #C1C1C1
+
+@media (min-width: 768px)
+  .navbar
+    border-radius: 0px