Resolves #5

Moved styles to use Sass.

Brocfile.js

@@ -45,11 +45,8 @@ app.import('vendor/ic-ajax/dist/named-amd/main.js', {
     'request',
   ]
 });
-
-app.import('vendor/bootstrap/dist/css/bootstrap.css');
-app.import('app/styles/bootstrap-theme.css');
+
 app.import('vendor/ember-spin-box/dist/ember-spin-box.css');
 app.import('vendor/ember-date-picker/dist/ember-date-picker.css');
 
-
-module.exports = app.toTree();
+module.exports = app.toTree();

app/styles/app.scss

@@ -0,0 +1,96 @@
+@keyframes domChanged {
+    from {
+        margin-left: 100%;
+        width: 300%;
+    }
+    to {
+        margin-left: 0%;
+        width: 100%;
+    }
+}
+
+
+@-webkit-keyframes domChanged {
+    from {
+        margin-left: 100%;
+        width: 300%;
+    }
+    to {
+        margin-left: 0%;
+        width: 100%;
+    }
+}
+
+
+/*.ember-view { animation: domChanged 1s; -webkit-animation: domChanged 1s; }*/
+
+.panel-primary {
+    animation: domChanged 1s;
+    -webkit-animation: domChanged 1s;
+}
+
+.navbar-brand span {
+    color: #00bd9c;
+}
+
+.screen-button, .screen-title {
+    margin: 20px;
+}
+
+.table-header {
+    background-color: #e9f3ff;
+    color: #8794a4;
+}
+
+.twitter-typeahead {
+    width: 100%;
+    .tt-query, .tt-hint {
+        margin-bottom: 0;
+    }
+}
+
+.tt-dropdown-menu {
+    min-width: 160px;
+    margin-top: 2px;
+    padding: 5px 0;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    *border-right-width: 2px;
+    *border-bottom-width: 2px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+    -webkit-background-clip: padding-box;
+    -moz-background-clip: padding;
+    background-clip: padding-box;
+    width: 100%;
+}
+
+.tt-suggestion {
+    display: block;
+    padding: 3px 20px;
+    &.tt-is-under-cursor {
+        color: #fff;
+        background-color: #0081c2;
+        background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
+        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
+        background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
+        background-image: -o-linear-gradient(top, #0088cc, #0077b3);
+        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+        background-repeat: repeat-x;
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+        a {
+            color: #fff;
+        }
+    }
+    p {
+        margin: 0;
+    }
+}
+
+@import "bootstrap";
+@import "bootstrap-theme";