1 files changed, 154 insertions, 0 deletions
diff --git a/web/sass-files/sass/partials/_base.scss b/web/sass-files/sass/partials/_base.scss
new file mode 100644
index 000000000..5808aeb44
--- /dev/null
+++ b/web/sass-files/sass/partials/_base.scss
@@ -0,0 +1,154 @@
+html, body {
+  height: 100%;
+}
+
+body {
+  font-family: 'Lato', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  background: #e9e9e9;
+  position: relative;
+  height: 100%;
+  &.white {
+    background: #fff;
+    .inner__wrap {
+      height: 100%;
+    }
+    .row.content {
+      min-height: 100%;
+      height: auto !important;
+      height: 100%;
+      margin-bottom: -89px;
+    }
+  }
+  > .container-fluid {
+    @include clearfix;
+    position: relative;
+  }
+}
+
+a {
+  word-break: break-word;
+}
+
+a.theme {
+  color: $primary-color;
+}
+
+div.theme {
+  background-color: $primary-color;
+}
+
+.nopadding {
+ padding: 0;
+ margin: 0;
+}
+
+.form-control {
+  @include border-radius(2px);
+}
+
+.form-group {
+  &.form-group--small {
+    margin-bottom: 10px;
+  }
+}
+
+.error-panel {
+  max-width: 275px;
+  position: absolute;
+  right: 10px;
+  top: 40px;
+  z-index: 100;
+}
+
+.btn {
+  @include single-transition(all, 0.25s, ease-in);
+  @include border-radius(1px);
+  &.btn-primary {
+    border-color: transparent;
+    background: $primary-color;
+    &:hover, &:focus, &:active {
+      background: $primary-color--hover;
+    }
+  }
+  &.btn-inactive {
+    border-color: transparent;
+    background: #707070;
+    color: #fff;
+  }
+}
+
+.relative-div {
+  position:relative;
+}
+
+.command-box {
+  position:absolute;
+  background-color:#fff;
+  width:100%;
+  border:1px solid #ddd;
+  bottom: 38;
+}
+
+.command-name {
+  position: relative;
+  width: 100%;
+  background-color: #fff;
+  height: 37px;
+  line-height: 37px;
+  padding: 2px 10px 2px 5px;
+  z-index: 101;
+}
+
+.command-name:hover {
+  background-color:#e8eaed;
+}
+
+.command-desc {
+  color: #a7a8ab;
+}
+
+@-webkit-keyframes spin2 {
+  from { -webkit-transform: rotate(0deg);}
+  to { -webkit-transform: rotate(360deg);}
+}
+
+@keyframes spin {
+  from { transform: scale(1) rotate(0deg);}
+  to { transform: scale(1) rotate(360deg);}
+}
+
+.black-bg {
+  background-color: black !important;
+}
+
+#error_bar {
+  background-color: #0099FF;
+  text-align:center;
+  position: relative;
+  color: #fff;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 9999;
+
+  .error-bar {
+    padding: 5px 30px;
+  }
+
+  .error-close {
+    position: absolute;
+    right: 0;
+    top: 0;
+    color: #FFF;
+    font-size: 20px;
+    font-weight: bold;
+    text-decoration: none;
+    padding: 0 10px;
+  }
+}
+
+.invite {
+  width: 90%;
+}
+