Added Search_Results Page

Also added animations and actions pertaining
to index and search_results page.

Change-Id: If3966991f165626ca2b13a4ac62af6a777a22903
Signed-off-by: Kumar Rishabh <shailrishabh@gmail.com>

1 files changed, 132 insertions, 0 deletions

diff --git a/utils/test/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_projects.css b/utils/test/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_projects.css
new file mode 100644
index 000000000..8875f7fe5
--- /dev/null
+++ b/utils/test/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_projects.css
@@ -0,0 +1,132 @@
+/*******************************************************************************
+ * Copyright (c) 2017 Kumar Rishabh and others.
+ *
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Apache License, Version 2.0
+ * which accompanies this distribution, and is available at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *******************************************************************************/
+
+input[type="text"]:focus:not([readonly]) {
+  transition: all 0s !important;
+  border-radius: 5px;
+  border: 2px solid #333333;
+  box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
+  color: #333333;
+}
+.gray {
+  background: rgb(249,249,249);
+}
+.material-search-custom {
+  left : -30px;
+
+  padding-left: 10px;
+}
+.form-group-custom {
+  width : 400px;
+  position: relative;
+  float: right;
+  left: -40%;
+}
+.form-control-custom {
+  padding-top: 10px;
+  padding-left: 50px;
+}
+.card-shadow-custom {
+  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.50);
+  border-bottom: 2px solid #8B19A2;
+}
+.row-custom {
+  width: 100%;
+  margin: 1em 1em 1em 1em;
+  padding-right: 20px;
+}
+.card-title-div-custom {
+  margin: 0.5em 0 0.5em 0;
+  text-align: left;
+  display: inline-block;
+}
+.card-title-span-custom {
+  margin: 0 0 0 2em;
+  display: inline-block;
+}
+.card-title-div-custom-right {
+  margin: 0.5em 0em 0.5em 0;
+  text-align: right;
+  display: inline-block;
+}
+.card-image-picture-custom {
+  margin: 1em 0em 0em 3.5em;
+  display: inline-block;
+}
+.collection .collection-item.active {
+  background-color: rgb(255,245,114);
+  text-decoration: none;
+  transition: none;
+}
+.collection a.collection-item:not(.active):hover {
+  background-color: rgb(255,245,114);
+  text-decoration: none;
+  transition: none;
+}
+.collection .collection-item {
+  padding: 1px 25px;
+  border-bottom: 0px;
+  transition: none;
+}
+.chip > a {
+  display: block;
+  text-decoration: none;
+  text-align: center;
+  display:inline-block;
+    font-size:13px;
+    font-weight:500;
+    color:rgba(0, 0, 0, 0.6) !important;
+    margin-right: 15px !important;
+    margin-left: 15px !important;
+    text-transform: none !important;
+}
+.chip > a:hover {
+  background-color: transparent;
+  text-decoration: none;
+  transition: none;
+}
+a.a-custom-more {
+  display: block;
+  text-decoration: none;
+  text-align: center;
+  display:inline-block;
+    font-size: 20px;
+    font-weight:500;
+    color:rgba(0, 0, 0, 0.6) !important;
+    margin-right: 15px !important;
+    text-transform: none !important;
+}
+a.a-custom-more:hover {
+  background-color: transparent;
+}
+.collection-custom {
+  margin: 0em 0em 0em 1em;
+}
+.card .row .card-action-custom {
+  margin-left: 20px;
+}
+.rating {
+  color: rgb(253,225,109) !important;
+}
+.filled-stars .star i {
+  color: rgb(253,225,109) !important;
+}
+.glyphicon-star-empty {
+  color: rgb(221,221,221);
+}
+.star {
+}
+span.glyphicon.glyphicon-search.form-control-feedback,
+    div.form-group-custom i.material-icons {
+      top: 0.5em;
+      left: 16.5em;
+      cursor:pointer;
+      z-index: 30;
+      position: absolute;
+}