vid-app-common/src/main/webapp/app/vid/styles/change-management-icons.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 .changes-management [class^="icon-"],.changes-management [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 .icon-finished_d:before {
  48     content: "\e90c";
  49     color: #4ca90c;
  50 }
  51 .icon-noun_573805_cc-03:before {
  52     content: "\e90a";
  53 }
  54 .icon-scedular:before {
  55     content: "\e90b";
  56 }
  57 .icon-alert:before {
  58     content: "\e901";
  59     color: #ffb81c;
  60     cursor: pointer;
  61 }
  62 .icon-close_hover:before {
  63     content: "\e902";
  64 }
  65 .icon-close:before {
  66     content: "\e903";
  67     color: #5a5a5a;
  68 }
  69 .icon-dearch_hover:before {
  70     content: "\e904";
  71     color: #5a5a5a;
  72 }
  73 .icon-pending:before {
  74      content: "\e905";
  75      color: #00aeef;
  76      cursor: pointer;
  77  }
  78 .icon-deleted:before {
  79     content: "\e905";
  80     color: #cf2a2a;
  81     cursor: pointer;
  82 }
  83 .icon-plus:before {
  84     content: "\e906";
  85 }
  86 .icon-process:before {
  87     content: "\e900";
  88     color: #4ca90c;
  89     font-size: 17px;
  90     cursor: pointer;
  91 }
  92 .icon-search:before {
  93     content: "\e907";
  94     color: #5a5a5a;
  95 }
  96 .icon-view:before {
  97     content: "\e908";
  98     color: #959595;
  99     font-size: 16px;
 100     cursor: pointer;
 101 }
 102 .icon-x:before {
 103     content: "\e909";
 104     color: #cf2a2a;
 105     font-size: 12px;
 106     cursor: pointer;
 107 }
 108 .icon-search-in:before {
 109     content: "\e90d";
 110     color: #009FDB;
 111     font-size: 17px;
 112     cursor: pointer;
 113 }
 114 .expand-icon{
 115     margin-right: 10px;
 116     position: relative;
 117     width: 11px;
 118     height: 11px;
 119     display: inline-block;
 120     cursor: pointer;
 121 }
 122
 123 /* Vertical line */
 124 .expand-icon:before{
 125     content: "";
 126     position: absolute;
 127     background-color: #5a5a5a;
 128     transition: transform 0.25s ease-out;
 129     right: 40%;
 130     width: 2px;
 131     height: 100%;
 132     margin-left: 5px;
 133 }
 134
 135 /* horizontal line */
 136 .expand-icon:after{
 137     content: "";
 138     position: absolute;
 139     background-color: #5a5a5a;
 140     transition: transform 0.25s ease-out;
 141     top: 40%;
 142     left: 0;
 143     width: 100%;
 144     height: 2px;
 145 }
 146 .collapse-icon{
 147     margin-right: 10px;
 148     cursor: pointer;
 149     display: inline-block;
 150     width: 10px;
 151     border-top: 1.6px solid #5a5a5a;
 152     padding: 2.6px;
 153 }
 154 .icon-search2:before {
 155     content: "\e90d";
 156     color: #009FDB;
 157     font-size: 40px;
 158     cursor: pointer;
 159 }
 160 .icon-sync:before {
 161     content: "\e90f";
 162     font-size: 20px;
 163     cursor: pointer;
 164 }
 165 .icon-sync:hover:before {
 166     color: #009FDB;
 167 }