vid-webpack-master/src/style/app.scss

   1 // styles in src/style directory are applied to the whole page
   2 @import "../app/drawingBoard/service-planning/drawing-board-tree/drawing-board-tree";
   3 @import "../app/drawingBoard/service-planning/available-models-tree/available-models-tree.component";
   4
   5 @font-face {
   6   font-family: OpenSans-Bold;
   7   src: url("fonts/OpenSans/OpenSans-Bold.ttf") format('truetype');
   8 }
   9
  10 @font-face {
  11   font-family: OpenSans-BoldItlaic;
  12   src: url("fonts/OpenSans/OpenSans-BoldItalic.ttf") format('truetype');
  13 }
  14
  15 @font-face {
  16   font-family: OpenSans-ExtraBold;
  17   src: url("fonts/OpenSans/OpenSans-ExtraBold.ttf") format('truetype');
  18 }
  19
  20 @font-face {
  21   font-family: OpenSans-ExtraBoldItalic;
  22   src: url("fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format('truetype');
  23 }
  24
  25 @font-face {
  26   font-family: OpenSans-Italic;
  27   src: url("fonts/OpenSans/OpenSans-Italic.ttf") format('truetype');
  28 }
  29
  30 @font-face {
  31   font-family: OpenSans-Light;
  32   src: url("fonts/OpenSans/OpenSans-Light.ttf") format('truetype');
  33 }
  34
  35 @font-face {
  36   font-family: OpenSans-LightItalic;
  37   src: url("fonts/OpenSans/OpenSans-LightItalic.ttf") format('truetype');
  38 }
  39
  40 @font-face {
  41   font-family: OpenSans-Regular;
  42   src: url("fonts/OpenSans/OpenSans-Regular.ttf") format('truetype');
  43 }
  44
  45 @font-face {
  46   font-family: OpenSans-Semibold;
  47   src: url("fonts/OpenSans/OpenSans-Semibold.ttf") format('truetype');
  48 }
  49
  50 @font-face {
  51   font-family: OpenSans-SemiboldItalic;
  52   src: url("fonts/OpenSans/OpenSans-SemiboldItalic.ttf") format('truetype');
  53 }
  54
  55 @font-face {
  56   font-family: 'icomoon';
  57   src:  url('fonts/icomoon.eot?4cilop');
  58   src:  url('fonts/icomoon.eot?4cilop#iefix') format('embedded-opentype'),
  59   url('fonts/icomoon.ttf?4cilop') format('truetype'),
  60   url('fonts/icomoon.woff?4cilop') format('woff'),
  61   url('fonts/icomoon.svg?4cilop#icomoon') format('svg');
  62   font-weight: normal;
  63   font-style: normal;
  64 }
  65
  66 [class^="icon-"], [class*=" icon-"] {
  67   /* use !important to prevent issues with browser extensions that change fonts */
  68   font-family: 'icomoon' !important;
  69   speak: none;
  70   font-style: normal;
  71   font-weight: normal;
  72   font-variant: normal;
  73   text-transform: none;
  74   line-height: 1;
  75
  76   /* Better Font Rendering =========== */
  77   -webkit-font-smoothing: antialiased;
  78   -moz-osx-font-smoothing: grayscale;
  79 }
  80
  81 html {
  82   min-height: 100%;
  83   height: 100%;
  84   body {
  85     height: 100%;
  86     vid-app {
  87       height: 100%;
  88       display: flex !important;
  89       flex-direction: column;
  90       main {
  91         &[_ngcontent-c0] {
  92           font-family: OpenSans-Regular;
  93         }
  94
  95         display: flex !important;
  96         flex-direction: column;
  97         flex: 1;
  98
  99       }
 100     }
 101   }
 102 }
 103 a {
 104   color: #03A9F4;
 105 }
 106
 107 tooltip-content {
 108   .tooltip.left .tooltip-arrow {
 109       border-left-color: #171f2a;
 110   }
 111   .tooltip.bottom .tooltip-arrow {
 112     border-bottom-color: #171f2a;
 113   }
 114   .tooltip-inner {
 115     background-color: #171f2a;
 116     text-align: left;
 117   }
 118 }
 119
 120 service-planning {
 121   display: flex;
 122   flex-direction: column;
 123   flex: 1;
 124   border: 1px solid #d2d2d2;
 125 }