From 9d3b292183f6fbd3bc90a93079c2d3143839d89c Mon Sep 17 00:00:00 2001
From: Heiko Kernbach <heiko@arangodb.com>
Date: Fri, 16 May 2014 19:36:23 +0200
Subject: [PATCH] new scss file for hotkeys modal

---
 .../aardvark/frontend/scss/_hotkeys.scss      | 44 +++++++++++++++++++
 .../aardvark/frontend/scss/generated.css      | 26 +++++++++++
 .../system/aardvark/frontend/scss/style.scss  |  3 ++
 3 files changed, 73 insertions(+)
 create mode 100644 js/apps/system/aardvark/frontend/scss/_hotkeys.scss

diff --git a/js/apps/system/aardvark/frontend/scss/_hotkeys.scss b/js/apps/system/aardvark/frontend/scss/_hotkeys.scss
new file mode 100644
index 0000000000..7e662b4627
--- /dev/null
+++ b/js/apps/system/aardvark/frontend/scss/_hotkeys.scss
@@ -0,0 +1,44 @@
+.hotkeysList {
+
+  //width: 50%;
+
+  .hotkeysLabel {
+    color: #000;
+    clear: both;
+    font-size: 16px;
+    font-weight: 400;
+  }
+
+  .hotkeysContent {
+    padding-left: 10px;
+  }
+
+
+  li {
+
+    line-height: 25px;
+
+    .hotkeysDiv {
+      float: left;
+    }
+  }
+
+  .hotkeysicons {
+    background-color: $c-bar-bg;
+    border: 1px solid #000;
+    border-radius: 2px;
+    color: #fff;
+    display: inline;
+    height: 19px;
+    margin-left: 10px;
+    text-align: center;
+    width: 19px;
+  }
+
+}
+
+.hotkeysContentLabel {
+  width: 30%;
+  float: left;
+}
+
diff --git a/js/apps/system/aardvark/frontend/scss/generated.css b/js/apps/system/aardvark/frontend/scss/generated.css
index 4c480b004e..aabfeeef23 100644
--- a/js/apps/system/aardvark/frontend/scss/generated.css
+++ b/js/apps/system/aardvark/frontend/scss/generated.css
@@ -5266,6 +5266,32 @@ input.gv-radio-button {
 @media (min-width: 1042px) and (max-width: 1284px) {
   .arango-collection-ul a {
     font-size: 13px; } }
+.hotkeysList .hotkeysLabel {
+  color: #000;
+  clear: both;
+  font-size: 16px;
+  font-weight: 400; }
+.hotkeysList .hotkeysContent {
+  padding-left: 10px; }
+.hotkeysList li {
+  line-height: 25px; }
+  .hotkeysList li .hotkeysDiv {
+    float: left; }
+.hotkeysList .hotkeysicons {
+  background-color: #686766;
+  border: 1px solid #000;
+  border-radius: 2px;
+  color: #fff;
+  display: inline;
+  height: 19px;
+  margin-left: 10px;
+  text-align: center;
+  width: 19px; }
+
+.hotkeysContentLabel {
+  width: 30%;
+  float: left; }
+
 .arango-table {
   border-top: 1px solid #000;
   width: 100%; }
diff --git a/js/apps/system/aardvark/frontend/scss/style.scss b/js/apps/system/aardvark/frontend/scss/style.scss
index 56a5f4d10f..7f39584f4f 100644
--- a/js/apps/system/aardvark/frontend/scss/style.scss
+++ b/js/apps/system/aardvark/frontend/scss/style.scss
@@ -62,6 +62,9 @@
 // screen sizes
 @import 'screenSizes';
 
+// screen hotkeys
+@import 'hotkeys';
+
 //arangoTable Template
 @import 'arangoTable';
 //arangoTabbar Template