vid-app-common/src/main/webapp/app/vid/styles/change-management-icons.css

   1 @font-face {
   2     font-family: 'icomoon';
   3     src:  url('fonts/icomoon.eot?4cilop');
   4     src:  url('fonts/icomoon.eot?4cilop#iefix') format('embedded-opentype'),
   5     url('fonts/icomoon.ttf?4cilop') format('truetype'),
   6     url('fonts/icomoon.woff?4cilop') format('woff'),
   7     url('fonts/icomoon.svg?4cilop#icomoon') format('svg');
   8     font-weight: normal;
   9     font-style: normal;
  10 }
  11
  12 .changes-management [class^="icon-"],.changes-management [class*=" icon-"] {
  13     /* use !important to prevent issues with browser extensions that change fonts */
  14     font-family: 'icomoon' !important;
  15     speak: none;
  16     font-style: normal;
  17     font-weight: normal;
  18     font-variant: normal;
  19     text-transform: none;
  20     line-height: 1;
  21
  22     /* Better Font Rendering =========== */
  23     -webkit-font-smoothing: antialiased;
  24     -moz-osx-font-smoothing: grayscale;
  25 }
  26
  27 .icon-finished_d:before {
  28     content: "\e90c";
  29     color: #4ca90c;
  30 }
  31 .icon-noun_573805_cc-03:before {
  32     content: "\e90a";
  33 }
  34 .icon-scedular:before {
  35     content: "\e90b";
  36 }
  37 .icon-alert:before {
  38     content: "\e901";
  39     color: #ffb81c;
  40     cursor: pointer;
  41 }
  42 .icon-close_hover:before {
  43     content: "\e902";
  44 }
  45 .icon-close:before {
  46     content: "\e903";
  47     color: #5a5a5a;
  48 }
  49 .icon-dearch_hover:before {
  50     content: "\e904";
  51     color: #5a5a5a;
  52 }
  53 .icon-pending:before {
  54      content: "\e905";
  55      color: #00aeef;
  56      cursor: pointer;
  57  }
  58 .icon-deleted:before {
  59     content: "\e905";
  60     color: #cf2a2a;
  61     cursor: pointer;
  62 }
  63 .icon-plus:before {
  64     content: "\e906";
  65 }
  66 .icon-process:before {
  67     content: "\e900";
  68     color: #4ca90c;
  69     font-size: 17px;
  70     cursor: pointer;
  71 }
  72 .icon-search:before {
  73     content: "\e907";
  74     color: #5a5a5a;
  75 }
  76 .icon-view:before {
  77     content: "\e908";
  78     color: #959595;
  79     font-size: 16px;
  80     cursor: pointer;
  81 }
  82 .icon-x:before {
  83     content: "\e909";
  84     color: #cf2a2a;
  85     font-size: 12px;
  86     cursor: pointer;
  87 }
  88 .icon-search-in:before {
  89     content: "\e90d";
  90     color: #009FDB;
  91     font-size: 17px;
  92     cursor: pointer;
  93 }
  94 .expand-icon{
  95     margin-right: 10px;
  96     position: relative;
  97     width: 11px;
  98     height: 11px;
  99     display: inline-block;
 100     cursor: pointer;
 101 }
 102
 103 /* Vertical line */
 104 .expand-icon:before{
 105     content: "";
 106     position: absolute;
 107     background-color: #5a5a5a;
 108     transition: transform 0.25s ease-out;
 109     right: 40%;
 110     width: 2px;
 111     height: 100%;
 112     margin-left: 5px;
 113 }
 114
 115 /* horizontal line */
 116 .expand-icon:after{
 117     content: "";
 118     position: absolute;
 119     background-color: #5a5a5a;
 120     transition: transform 0.25s ease-out;
 121     top: 40%;
 122     left: 0;
 123     width: 100%;
 124     height: 2px;
 125 }
 126 .collapse-icon{
 127     margin-right: 10px;
 128     cursor: pointer;
 129     display: inline-block;
 130     width: 10px;
 131     border-top: 1.6px solid #5a5a5a;
 132     padding: 2.6px;
 133 }
 134 .icon-search2:before {
 135     content: "\e90d";
 136     color: #009FDB;
 137     font-size: 40px;
 138     cursor: pointer;
 139 }
 140 .icon-sync:before {
 141     content: "\e90f";
 142     font-size: 20px;
 143     cursor: pointer;
 144 }
 145 .icon-sync:hover:before {
 146     color: #009FDB;
 147 }