Add new code new version

Change-Id: Ic02a76313503b526f17c3df29eb387a29fe6a42a
Signed-off-by: Michael Lando <ml636r@att.com>

1 files changed, 235 insertions, 0 deletions

diff --git a/openecomp-ui/resources/scss/bootstrap/_navs.scss b/openecomp-ui/resources/scss/bootstrap/_navs.scss
new file mode 100644
index 0000000000..30a609851b
--- /dev/null
+++ b/openecomp-ui/resources/scss/bootstrap/_navs.scss
@@ -0,0 +1,235 @@
+//
+// Navs
+// --------------------------------------------------
+
+// Base class
+// --------------------------------------------------
+
+.nav {
+  margin-bottom: 0;
+  padding-left: 0; // Override default ul/ol
+  list-style: none;
+  @include clearfix;
+
+  > li {
+	position: relative;
+	display: block;
+
+	> a {
+	  position: relative;
+	  display: block;
+	  padding: $nav-link-padding;
+	  &:hover,
+	  &:focus {
+		text-decoration: none;
+		background-color: $nav-link-hover-bg;
+	  }
+	}
+
+	// Disabled state sets text to gray and nukes hover/tab effects
+	&.disabled > a {
+	  color: $nav-disabled-link-color;
+
+	  &:hover,
+	  &:focus {
+		color: $nav-disabled-link-hover-color;
+		text-decoration: none;
+		background-color: transparent;
+		cursor: $cursor-disabled;
+	  }
+	}
+  }
+
+  // Open dropdowns
+  .open > a {
+	&,
+	&:hover,
+	&:focus {
+	  background-color: $nav-link-hover-bg;
+	  border-color: $link-color;
+	}
+  }
+
+  // Nav dividers (deprecated with v3.0.1)
+  //
+  // This should have been removed in v3 with the dropping of `.nav-list`, but
+  // we missed it. We don't currently support this anywhere, but in the interest
+  // of maintaining backward compatibility in case you use it, it's deprecated.
+  .nav-divider {
+	@include nav-divider;
+  }
+
+  // Prevent IE8 from misplacing imgs
+  //
+  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
+  > li > a > img {
+	max-width: none;
+  }
+}
+
+// Tabs
+// -------------------------
+
+// Give the tabs something to sit on
+.nav-tabs {
+  border-bottom: 1px solid $nav-tabs-border-color;
+  > li {
+	float: left;
+	// Make the list-items overlay the bottom border
+	margin-bottom: -1px;
+
+	// Actual tabs (as links)
+	> a {
+	  margin-right: 2px;
+	  line-height: $line-height-base;
+	  border: 1px solid transparent;
+	  border-radius: $border-radius-base $border-radius-base 0 0;
+	  &:hover {
+		border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
+	  }
+	}
+
+	// Active state, and its :hover to override normal :hover
+	&.active > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		color: $nav-tabs-active-link-hover-color;
+		background-color: $nav-tabs-active-link-hover-bg;
+		border: 1px solid $nav-tabs-active-link-hover-border-color;
+		border-bottom-color: transparent;
+		cursor: default;
+	  }
+	}
+  }
+  // pulling this in mainly for less shorthand
+  &.nav-justified {
+	@extend .nav-justified;
+	@extend .nav-tabs-justified;
+  }
+}
+
+// Pills
+// -------------------------
+.nav-pills {
+  > li {
+	float: left;
+
+	// Links rendered as pills
+	> a {
+	  border-radius: $nav-pills-border-radius;
+	}
+	+ li {
+	  margin-left: 2px;
+	}
+
+	// Active state
+	&.active > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		color: $nav-pills-active-link-hover-color;
+		background-color: $nav-pills-active-link-hover-bg;
+	  }
+	}
+  }
+}
+
+// Stacked pills
+.nav-stacked {
+  > li {
+	float: none;
+	+ li {
+	  margin-top: 2px;
+	  margin-left: 0; // no need for this gap between nav items
+	}
+  }
+}
+
+// Nav variations
+// --------------------------------------------------
+
+// Justified nav links
+// -------------------------
+
+.nav-justified {
+  width: 100%;
+
+  > li {
+	float: none;
+	> a {
+	  text-align: center;
+	  margin-bottom: 5px;
+	}
+  }
+
+  > .dropdown .dropdown-menu {
+	top: auto;
+	left: auto;
+  }
+
+  @media (min-width: $screen-sm-min) {
+	> li {
+	  display: table-cell;
+	  width: 1%;
+	  > a {
+		margin-bottom: 0;
+	  }
+	}
+  }
+}
+
+// Move borders to anchors instead of bottom of list
+//
+// Mixin for adding on top the shared `.nav-justified` styles for our tabs
+.nav-tabs-justified {
+  border-bottom: 0;
+
+  > li > a {
+	// Override margin from .nav-tabs
+	margin-right: 0;
+	border-radius: $border-radius-base;
+  }
+
+  > .active > a,
+  > .active > a:hover,
+  > .active > a:focus {
+	border: 1px solid $nav-tabs-justified-link-border-color;
+  }
+
+  @media (min-width: $screen-sm-min) {
+	> li > a {
+	  border-bottom: 1px solid $nav-tabs-justified-link-border-color;
+	  border-radius: $border-radius-base $border-radius-base 0 0;
+	}
+	> .active > a,
+	> .active > a:hover,
+	> .active > a:focus {
+	  border-bottom-color: $nav-tabs-justified-active-link-border-color;
+	}
+  }
+}
+
+// Tabbable tabs
+// -------------------------
+
+// Hide tabbable panes to start, show them when `.active`
+.tab-content {
+  > .tab-pane {
+	display: none;
+  }
+  > .active {
+	display: block;
+  }
+}
+
+// Dropdowns
+// -------------------------
+
+// Specific dropdowns
+.nav-tabs .dropdown-menu {
+  // make dropdown border overlap tab border
+  margin-top: -1px;
+  // Remove the top rounded corners here since there is a hard edge above the menu
+  @include border-top-radius(0);
+}