vid-app-common/src/main/webapp/app/vid/styles/pnfSearchAssociation.css

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * VID
   4  * ================================================================================
   5  * Copyright (C) 2017 - 2019 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 @font-face {
  22     font-family: 'icomoon';
  23     src:  url('fonts/icomoon.eot?4cilop');
  24     src:  url('fonts/icomoon.eot?4cilop#iefix') format('embedded-opentype'),
  25     url('fonts/icomoon.ttf?4cilop') format('truetype'),
  26     url('fonts/icomoon.woff?4cilop') format('woff'),
  27     url('fonts/icomoon.svg?4cilop#icomoon') format('svg');
  28     font-weight: normal;
  29     font-style: normal;
  30 }
  31
  32 .pnf-search-association [class^="icon-"],.pnf-search-association [class*=" icon-"] {
  33     /* use !important to prevent issues with browser extensions that change fonts */
  34     font-family: 'icomoon' !important;
  35     speak: none;
  36     font-style: normal;
  37     font-weight: normal;
  38     font-variant: normal;
  39     text-transform: none;
  40     line-height: 1;
  41
  42     /* Better Font Rendering =========== */
  43     -webkit-font-smoothing: antialiased;
  44     -moz-osx-font-smoothing: grayscale;
  45 }
  46
  47 .search-input{
  48     width:40px;
  49     margin-left: -30px;
  50     z-index: 2;
  51     cursor: pointer;
  52     display: inline-block;
  53     position: absolute;
  54     line-height: 40px;
  55 }
  56 .content-wrapper{
  57      margin-left: 70px;
  58      font-family: OpenSans-Semibold;
  59  }
  60 .content-wrapper .content{
  61     margin-top: 47px;
  62 }
  63 .input-wrapper{
  64     margin-top: 6px;
  65 }
  66 input[type=search]{
  67     /*border: none;*/
  68     width: 415px;
  69     height: 40px;
  70     border: 1px solid #D2D2D2;
  71     border-radius: 2px;
  72 }
  73 input[type=search]:before {
  74 /*    content: "\e90d";
  75     color: #00aeef;
  76     font-size: 50px;
  77     cursor: pointer;
  78     margin-left: 350px*/
  79 }
  80 .error-msg{
  81     color: red;
  82 }
  83 .bold{
  84     font-family: OpenSans-Semibold;
  85 }
  86 .margin-search{
  87     margin-top: 37px;
  88 }
  89 .result-content span{
  90     font-family: OpenSans-Semibold;
  91 }
  92 .result-content div{
  93     margin-bottom: 24px;
  94     margin-top: 3px;
  95 }
  96 .search2-icon:before {
  97     font-family: 'icomoon';
  98     content: "\e90d";
  99     color: #009FDB;
 100     font-size: 17px;
 101     cursor: pointer;
 102 }