Initial coomit for AAI-UI(sparky-fe)

Change-Id: I9f8482824a52bac431c100939899e760c0fa4fdb
Signed-off-by: ARULNA <arul.nambi@amdocs.com>

12 files changed, 342 insertions, 0 deletions

diff --git a/resources/scss/bootstrap-cust/_buttons.scss b/resources/scss/bootstrap-cust/_buttons.scss
new file mode 100644
index 0000000..52bcb2e
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_buttons.scss
@@ -0,0 +1,7 @@
+.btn-default .fa {
+  color: $brand-primary;
+}
+
+.btn-info {
+  @include button-variant($text-black, $tlv-gray, $light-gray);
+}
diff --git a/resources/scss/bootstrap-cust/_close.scss b/resources/scss/bootstrap-cust/_close.scss
new file mode 100644
index 0000000..38d7138
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_close.scss
@@ -0,0 +1,7 @@
+//
+// Close icons
+// --------------------------------------------------
+
+.close {
+  font-size: $heading-font-1;
+}
diff --git a/resources/scss/bootstrap-cust/_dropdowns.scss b/resources/scss/bootstrap-cust/_dropdowns.scss
new file mode 100644
index 0000000..d6f8952
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_dropdowns.scss
@@ -0,0 +1,16 @@
+
+.caret {
+  right: 8px;
+  top: 12px;
+  position: absolute;
+}
+
+.dropdown-menu {
+  padding: 0;
+  li a {
+   height: 30px;
+  }
+  .divider {
+    margin: 0;
+  }
+}
diff --git a/resources/scss/bootstrap-cust/_forms.scss b/resources/scss/bootstrap-cust/_forms.scss
new file mode 100644
index 0000000..cb19964
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_forms.scss
@@ -0,0 +1,84 @@
+.form-group {
+  .control-label {
+    @extend .body-2-medium;
+  }
+  &.required {
+    label:before {
+      content: "*";
+      color: $red;
+    }
+  }
+}
+.form-control {
+  border-radius: 2px;
+  height: 30px;
+  @include box-shadow(none);
+  &:focus {
+    @include box-shadow(none);
+  }
+  &:hover {
+    border-color: $gray;
+  }
+}
+
+label {
+  @extend .body-3;
+}
+
+select.form-control {
+  display: block;
+  width: 215px;
+}
+
+select[multiple] {
+  background: none;
+}
+
+input[type="radio"], input[type="checkbox"] {
+  margin: 0;
+
+  &:before {
+    content: "";
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    margin-right: 10px;
+    position: absolute;
+    left: -1px;
+    bottom: -1px;
+    background-color: $white;
+    border: 1px solid $blue;
+  }
+}
+
+.radio, .checkbox label {
+  font-weight: normal;
+  display: inline-block;
+  cursor: pointer;
+  margin-right: 15px;
+  font-size: 13px;
+}
+
+.radio input:before {
+  border-radius: 8px;
+}
+
+.checkbox input:before {
+  border-radius: 3px;
+}
+
+input[type=radio]:checked:before {
+  content: "\2022";
+  color: $blue;
+  font-size: 32px;
+  text-align: center;
+  line-height: 16px;
+}
+
+input[type=checkbox]:checked:before {
+  content: "\2713";
+  font-size: 12px;
+  color: $blue;
+  text-align: center;
+  line-height: 16px;
+}
diff --git a/resources/scss/bootstrap-cust/_list-group.scss b/resources/scss/bootstrap-cust/_list-group.scss
new file mode 100644
index 0000000..b94f91b
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_list-group.scss
@@ -0,0 +1,5 @@
+
+.list-group-item {
+  border: none;
+  border-top: 3px solid $list-group-border;
+}
diff --git a/resources/scss/bootstrap-cust/_mixins.scss b/resources/scss/bootstrap-cust/_mixins.scss
new file mode 100644
index 0000000..774e662
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_mixins.scss
@@ -0,0 +1,3 @@
+
+
+@import "mixins/buttons";
\ No newline at end of file
diff --git a/resources/scss/bootstrap-cust/_modals.scss b/resources/scss/bootstrap-cust/_modals.scss
new file mode 100644
index 0000000..6bc6e46
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_modals.scss
@@ -0,0 +1,18 @@
+.modal-content {
+  .modal-header {
+    border-top: 3px solid $blue;
+    .modal-title {
+      @extend .heading-2;
+    }
+  }
+
+  .modal-body{
+    padding: 15px;
+  }
+
+  .modal-footer {
+    padding: 15px;
+    border-top: 0;
+    background-color: $tlv-gray;
+  }
+}
diff --git a/resources/scss/bootstrap-cust/_navbar.scss b/resources/scss/bootstrap-cust/_navbar.scss
new file mode 100644
index 0000000..acf2024
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_navbar.scss
@@ -0,0 +1,3 @@
+.navbar {
+  border: none;
+}
diff --git a/resources/scss/bootstrap-cust/_navs.scss b/resources/scss/bootstrap-cust/_navs.scss
new file mode 100644
index 0000000..7b9cff9
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_navs.scss
@@ -0,0 +1,30 @@
+.nav {
+  > li {
+    > a {
+      padding: 10px 10px 3px;
+    }
+  }
+}
+
+.nav-tabs {
+  @include box-shadow(0px 2px 1px -1px $gray);
+  padding: 0 28px;
+
+  > li {
+    @extend .body-1;
+
+    > a {
+      color: $dark-gray;
+      text-transform: uppercase;
+    }
+
+    &.active > a {
+      &,
+      &:hover,
+      &:focus {
+        @extend .body-1-medium;
+        border-bottom: 3px solid $blue;
+      }
+    }
+  }
+}
diff --git a/resources/scss/bootstrap-cust/_panels.scss b/resources/scss/bootstrap-cust/_panels.scss
new file mode 100644
index 0000000..9ee5622
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_panels.scss
@@ -0,0 +1,3 @@
+.panel {
+  border: none;
+}
\ No newline at end of file
diff --git a/resources/scss/bootstrap-cust/_tables.scss b/resources/scss/bootstrap-cust/_tables.scss
new file mode 100644
index 0000000..dc2e0c2
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_tables.scss
@@ -0,0 +1,40 @@
+.table {
+  // Cells
+  > thead,
+  > tbody,
+  > tfoot {
+	> tr {
+	  > th,
+	  > td {
+		border-top: none;
+	  }
+	}
+  }
+  // Bottom align for column headings
+  > thead > tr > th {
+	border-bottom: none;
+  }
+  // Account for multiple tbody instances
+  > tbody + tbody {
+	border-top: none;
+  }
+}
+
+.table-striped {
+	> tbody > tr:nth-of-type( odd ) {
+		background-color: $background-gray;
+	}
+}
+
+.table-striped {
+	> tbody > tr:nth-of-type( even ) {
+		background-color: $gray;
+	}
+}
+
+.table-hover {
+	> tbody > tr:hover {
+		background-color: $tlv-hover;
+		cursor: pointer;
+	}
+}
diff --git a/resources/scss/bootstrap-cust/_variables.scss b/resources/scss/bootstrap-cust/_variables.scss
new file mode 100644
index 0000000..1623e72
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_variables.scss
@@ -0,0 +1,126 @@
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+$gray-darker: $dark-gray;
+$gray-dark: $dark-gray;
+$gray: $gray;
+$gray-light: $light-gray;
+$gray-lighter: $light-gray;
+
+$brand-primary: $blue;
+$brand-success: $green;
+$brand-info: $light-gray;
+$brand-warning: $yellow;
+$brand-danger: $red;
+
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+$body-bg: $white;
+$text-color: $text-black;
+$link-color: $link-blue;
+$link-hover-color: $blue;
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+$font-size-base: $body-font-2;
+$font-size-large: $body-font-1;
+$font-size-small: $body-font-3;
+$font-size-h1: $heading-font-1;
+$font-size-h2: $heading-font-2;
+$font-size-h3: $heading-font-3;
+$font-size-h4: $heading-font-4;
+
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more.
+$border-radius-base: 0;
+$border-radius-large: 0;
+$border-radius-small: 0;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+// $btn-font-weight: normal !default;
+$btn-default-color: $text-color;
+$btn-default-bg: $white;
+$btn-default-border: $light-gray;
+
+$btn-success-color: $white;
+
+// Allows for customizing button radius independently from global border radius
+$btn-border-radius-base: 2px;
+$btn-border-radius-large: 2px;
+$btn-border-radius-small: 2px;
+
+//== Dropdowns
+//
+$dropdown-bg: $white;
+$dropdown-border: $link-blue;
+$dropdown-link-color: $text-black;
+$dropdown-divider-bg: $gray;
+//** Hover color for dropdown links.
+$dropdown-link-hover-color: $black;
+//** Hover background for dropdown links.
+$dropdown-link-hover-bg: $tlv-hover;
+
+//** Active dropdown menu item text color.
+$dropdown-link-active-color: $black;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg: $tlv-hover;
+
+//== Forms
+//
+//##
+$form-group-margin-bottom: 24px;
+
+
+$input-bg: $white;
+$input-bg-disabled: $tlv-light-gray;
+$input-color: $dark-gray;
+$input-border: $light-gray;
+$input-border-focus: $dark-blue;
+
+//== Modals
+//
+//##
+$modal-content-bg: $white;
+$modal-inner-padding: 0 15px;
+$modal-title-padding: 30px 25px 10px 25px;
+
+
+//== Close
+//
+//##
+$close-color: $tlv-light-gray;
+
+//== Navs
+//
+//##
+//=== Shared nav styles
+$nav-link-hover-bg: transparent;
+
+$navbar-inverse-bg: $gray;
+
+//== Tabs
+$nav-tabs-border-color: transparent;
+$nav-tabs-link-hover-border-color: transparent;
+$nav-tabs-active-link-hover-bg: transparent;
+$nav-tabs-active-link-hover-color: $text-black;
+$nav-tabs-active-link-hover-border-color: transparent;
+
+
+//== Popovers
+//
+//##
+$popover-bg: $background-gray;