utils/test/vnfcatalogue/VNF_Catalogue/public/stylesheets/search_form.css

   1 /*******************************************************************************
   2  * Copyright (c) 2017 Kumar Rishabh and others.
   3  *
   4  * All rights reserved. This program and the accompanying materials
   5  * are made available under the terms of the Apache License, Version 2.0
   6  * which accompanies this distribution, and is available at
   7  * http://www.apache.org/licenses/LICENSE-2.0
   8  *******************************************************************************/
   9
  10 input.search-input-rest
  11 {
  12   font-weight: 400;
  13   margin: 0px 0;
  14   height: 30px;
  15   padding: 10px 30px;
  16     min-width: 90%;
  17     max-width: 90%;
  18   /*max-width: 500px;
  19   */
  20   border-radius: 5px;
  21   border: 2px solid #333333;
  22   box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
  23   color: #333333;
  24   font-size: 22px;
  25 }
  26 .material-search-custom {
  27   left : -30px;
  28
  29   padding-left: 10px;
  30 }
  31 .form-group-custom {
  32   width : 400px;
  33   position: relative;
  34   float: right;
  35   left: -40%;
  36 }
  37 .form-control-custom {
  38   padding-top: 10px;
  39   padding-left: 50px;
  40 }
  41 input[type="search"]:focus:not([readonly]) {
  42   transition: all 0s !important;
  43   border-radius: 5px;
  44   border: 2px solid #333333;
  45   box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
  46   color: #333333;
  47 }
  48 .gray {
  49   background: rgb(249,249,249);
  50 }
  51 span.glyphicon.glyphicon-search.form-control-feedback,
  52     div.form-group-custom i.material-icons {
  53       top: 0.5em;
  54       left: 16.0em;
  55       cursor:pointer;
  56       z-index: 30;
  57       position: absolute;
  58 }