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

   1 @font-face {
   2     font-family: OpenSans-Bold;
   3     src: url("fonts/OpenSans/OpenSans-Bold.ttf") format('truetype');
   4 }
   5
   6 @font-face {
   7     font-family: OpenSans-BoldItlaic;
   8     src: url("fonts/OpenSans/OpenSans-BoldItalic.ttf") format('truetype');
   9 }
  10
  11 @font-face {
  12     font-family: OpenSans-ExtraBold;
  13     src: url("fonts/OpenSans/OpenSans-ExtraBold.ttf") format('truetype');
  14 }
  15
  16 @font-face {
  17     font-family: OpenSans-ExtraBoldItalic;
  18     src: url("fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format('truetype');
  19 }
  20
  21 @font-face {
  22     font-family: OpenSans-Italic;
  23     src: url("fonts/OpenSans/OpenSans-Italic.ttf") format('truetype');
  24 }
  25
  26 @font-face {
  27     font-family: OpenSans-Light;
  28     src: url("fonts/OpenSans/OpenSans-Light.ttf") format('truetype');
  29 }
  30
  31 @font-face {
  32     font-family: OpenSans-LightItalic;
  33     src: url("fonts/OpenSans/OpenSans-LightItalic.ttf") format('truetype');
  34 }
  35
  36 @font-face {
  37     font-family: OpenSans-Regular;
  38     src: url("fonts/OpenSans/OpenSans-Regular.ttf") format('truetype');
  39 }
  40
  41 @font-face {
  42     font-family: OpenSans-Semibold;
  43     src: url("fonts/OpenSans/OpenSans-Semibold.ttf") format('truetype');
  44 }
  45
  46 @font-face {
  47     font-family: OpenSans-SemiboldItalic;
  48     src: url("fonts/OpenSans/OpenSans-SemiboldItalic.ttf") format('truetype');
  49 }
  50
  51 @font-face {
  52     font-family: 'icomoon';
  53     src:  url('fonts/icomoon.eot?4cilop');
  54     src:  url('fonts/icomoon.eot?4cilop#iefix') format('embedded-opentype'),
  55     url('fonts/icomoon.ttf?4cilop') format('truetype'),
  56     url('fonts/icomoon.woff?4cilop') format('woff'),
  57     url('fonts/icomoon.svg?4cilop#icomoon') format('svg');
  58     font-weight: normal;
  59     font-style: normal;
  60 }
  61
  62 html, body {
  63     font-size:14px;
  64 }
  65
  66 .button--inactive {
  67     border: none !important;
  68 }
  69
  70 .modal-body [class^="icon-"],.modal-body [class*=" icon-"] {
  71     /* use !important to prevent issues with browser extensions that change fonts */
  72     font-family: 'icomoon' !important;
  73     speak: none;
  74     font-style: normal;
  75     font-weight: normal;
  76     font-variant: normal;
  77     text-transform: none;
  78     line-height: 1;
  79
  80     /* Better Font Rendering =========== */
  81     -webkit-font-smoothing: antialiased;
  82     -moz-osx-font-smoothing: grayscale;
  83 }
  84
  85 .icon-browse:before {
  86     content: "\e90e";
  87     color: #5A5A5A;
  88     font-size: 4px;
  89     cursor: pointer;
  90     width: 37px;
  91     height: 37px;
  92     line-height: 37px;
  93     text-align: center;
  94     background: #F2F2F2;
  95     border: 1px solid #D2D2D2;
  96     display: inline-block;
  97     vertical-align: top;
  98     border-radius: 2px;
  99     border-bottom-left-radius: 0;
 100     border-top-left-radius: 0;
 101 }
 102
 103 .icon-browse:hover::before {
 104     background-color: #E6F6FB;
 105     color: #009FDB;
 106 }
 107
 108 .icon-browse:active::before {
 109     background-color: #E6F6FB;
 110     color: #009FDB;
 111 }
 112
 113 input:focus:invalid {
 114     border-color: Tomato;
 115     box-shadow: none;
 116 }