X-Git-Url: https://gerrit.opnfv.org/gerrit/gitweb?a=blobdiff_plain;f=utils%2Ftest%2Fvnfcatalogue%2FVNF_Catalogue%2Fpublic%2Fstylesheets%2Fstyle.css;h=f5355ba9d430c09a79070bdd410338b9d9e6093c;hb=25d99dbc0c41217abd369a48fce1f69d636b7134;hp=e9b3c2d58d8603b456b95a914f533978cda0ce79;hpb=f262b532623812aa4002e44bfcce7d392a8f156b;p=releng.git

diff --git a/utils/test/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css b/utils/test/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css
index e9b3c2d58..f5355ba9d 100644
--- a/utils/test/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css
+++ b/utils/test/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css
@@ -6,6 +6,7 @@
  * which accompanies this distribution, and is available at
  * http://www.apache.org/licenses/LICENSE-2.0
  *******************************************************************************/
+
 @import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800');
 *
 {
@@ -39,15 +40,32 @@ header ul li
 }
 header .logo
 {
-  background: url(../../images/logo.png) no-repeat;
+  background: url(../images/logo.png) no-repeat;
   background-size: cover;
-  width: 155px;
+
+}
+header .brand-logo-extends
+{
+  background: url(../images/logo.png) no-repeat;
+  background-size: cover;
+  width: 154px;
   height: 34px;
-  display: inline-block;
-  margin-right: 20px;
+  margin-top: 11%;
+  margin-right: 0%;
+  padding: 0;
+  position: relative !important;
+  /*margin-right: 20px;
   margin-left: 0;
-  float: left;
+  float: left;*/
+  /*display: inline-block;
+  */
+}
+
+nav
+{
+  height: 10px;
 }
+
 header ul li.links
 {
   margin: 7px 10px 0 0;
@@ -66,32 +84,32 @@ header ul.navigation-right
   float: right;
   padding-top: 8px;
 }
-header ul.navigation-right li.signup > a
+header li.signup > a
 {
   border: 2px solid #333333;
   border-radius: 4px;
-  font-size: 13px;
+  font-size: 14px;
   font-weigt: 700;
-  padding: 9px 15px;
+  padding: 2px 10px;
 }
-header ul.navigation-right li.signin > a
+header li.signin > a
 {
   border-bottom: 2px solid #333333;
   font-size: 13px;
   font-weight: 700;
-  padding: 9px 2px;
+  padding: 0px 2px;
 }
-header ul.navigation-right li.option
+header li.option
 {
   font-weight: 800;
   padding: 0 10px;
 }
 header ul li > a:hover,
-header ul.navigation-right li.signin > a:hover,
-header ul.navigation-right li.signup > a:hover,
+header li.signin > a:hover,
+header li.signup > a:hover,
 header ul li > a:focus,
-header ul.navigation-right li.signin > a:focus,
-header ul.navigation-right li.signup > a:focus,
+header li.signin > a:focus,
+header li.signup > a:focus,
 .content ul.most-menu li a:hover,
 .content ul.most-menu li a:focus
 {
@@ -99,7 +117,7 @@ header ul.navigation-right li.signup > a:focus,
   cursor: pointer;
   color: #333333;
 }
-header ul.navigation-right li.signup > a:hover
+header li.signup > a:hover
 {
   background: #333333;
   color: #ffffff;
@@ -134,6 +152,7 @@ form.search-form input.search-input
   color: #333333;
   font-size: 22px;
 }
+
 form.search-form button.search-button
 {
   padding: 18px 35px;
@@ -167,13 +186,13 @@ form.search-form input:-moz-placeholder
 {
   font-weight: 400;
   letter-spacing: 5px;
-  color: #333333;
+    color: #333333;
 }
 form.search-form input:-ms-input-placeholder
 {
   font-weight: 400;
   letter-spacing: 1px;
-  color: #333333;
+    color: #333333;
 }
 .content
 {
@@ -195,7 +214,7 @@ form.search-form input:-ms-input-placeholder
 }
 .content ul.most-menu li.active
 {
-  background: #FFF572;
+  /*background: #FFF572;*/
 }
 .content-box
 {
@@ -238,6 +257,22 @@ form.search-form input:-ms-input-placeholder
   color: #333333;
   letter-spacing: 0.03px;
 }
+.content-height-overwrite
+{
+  height: 110px;
+}
+.float-center-magic
+{
+  float: right;
+  position: relative;
+  left: -30%;
+}
+nav ul li:hover, nav ul li.active, nav ul li a.active, nav ul li a:hover {
+  background-color: rgb(255,245,114);
+}
+a:hover, a.active {
+  background-color: rgb(255,245,114);
+}
 footer
 {
   font-size: 12px;
@@ -250,3 +285,17 @@ footer
 {
   height: 10px;
 }
+.space-30
+{
+  height: 100px;
+}
+input[type="search"]: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);
+}