vid-webpack-master/src/styles.scss

   1 /* You can add global styles to this file, and also import other style files */
   2 // styles in src/style directory are applied to the whole page
   3
   4 @import "app/drawingBoard/service-planning/drawing-board-tree/drawing-board-tree";
   5 @import "app/drawingBoard/service-planning/available-models-tree/available-models-tree.component";
   6 @import "../node_modules/onap-ui-common/lib/style.css";
   7 //body {
   8 //  [ui-view="content"] {
   9 //    height: 100%;
  10 //  }
  11 //}
  12
  13 @font-face {
  14   font-family: OpenSans-Bold;
  15   src: url("../src/assets/fonts/OpenSans/OpenSans-Bold.ttf") format('truetype');
  16 }
  17
  18 @font-face {
  19   font-family: OpenSans-BoldItlaic;
  20   src: url("./assets/fonts/OpenSans/OpenSans-BoldItalic.ttf") format('truetype');
  21 }
  22
  23 @font-face {
  24   font-family: OpenSans-ExtraBold;
  25   src: url("./assets/fonts/OpenSans/OpenSans-ExtraBold.ttf") format('truetype');
  26 }
  27
  28 @font-face {
  29   font-family: OpenSans-ExtraBoldItalic;
  30   src: url("./assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format('truetype');
  31 }
  32
  33 @font-face {
  34   font-family: OpenSans-Italic;
  35   src: url("./assets/fonts/OpenSans/OpenSans-Italic.ttf") format('truetype');
  36 }
  37
  38 @font-face {
  39   font-family: OpenSans-Light;
  40   src: url("./assets/fonts/OpenSans/OpenSans-Light.ttf") format('truetype');
  41 }
  42
  43 @font-face {
  44   font-family: OpenSans-LightItalic;
  45   src: url("./assets/fonts/OpenSans/OpenSans-LightItalic.ttf") format('truetype');
  46 }
  47
  48 @font-face {
  49   font-family: OpenSans-Regular;
  50   src: url("./assets/fonts/OpenSans/OpenSans-Regular.ttf") format('truetype');
  51 }
  52
  53 @font-face {
  54   font-family: OpenSans-Semibold;
  55   src: url("./assets/fonts/OpenSans/OpenSans-Semibold.ttf") format('truetype');
  56 }
  57
  58 @font-face {
  59   font-family: OpenSans-SemiboldItalic;
  60   src: url("./assets/fonts/OpenSans/OpenSans-SemiboldItalic.ttf") format('truetype');
  61 }
  62
  63 @font-face {
  64   font-family: 'icomoon';
  65   src:  url('./assets/fonts/icomoon.eot?4cilop');
  66   src:  url('./assets/fonts/icomoon.eot?4cilop#iefix') format('embedded-opentype'),
  67   url('./assets/fonts/icomoon.ttf?4cilop') format('truetype'),
  68   url('./assets/fonts/icomoon.woff?4cilop') format('woff'),
  69   url('./assets/fonts/icomoon.svg?4cilop#icomoon') format('svg');
  70   font-weight: normal;
  71   font-style: normal;
  72 }
  73
  74 [class^="icon-"], [class*=" icon-"] {
  75   /* use !important to prevent issues with browser extensions that change fonts */
  76   font-family: 'icomoon', serif !important;
  77   speak: none;
  78   font-style: normal;
  79   font-weight: normal;
  80   font-variant: normal;
  81   text-transform: none;
  82   line-height: 1;
  83
  84   /* Better Font Rendering =========== */
  85   -webkit-font-smoothing: antialiased;
  86   -moz-osx-font-smoothing: grayscale;
  87 }
  88
  89 html {
  90   min-height: 100%;
  91   height: 100%;
  92   body {
  93     height: 100%;
  94     vid-app {
  95       height: 100%;
  96       display: flex !important;
  97       flex-direction: column;
  98       main {
  99         &[_ngcontent-c0] {
 100           font-family: OpenSans-Regular, serif;
 101         }
 102
 103         display: flex !important;
 104         flex-direction: column;
 105         flex: 1;
 106
 107       }
 108     }
 109   }
 110 }
 111 a {
 112   color: #03A9F4;
 113 }
 114
 115 tooltip-content {
 116   .tooltip.left .tooltip-arrow {
 117     border-left-color: #171f2a;
 118   }
 119   .tooltip.bottom .tooltip-arrow {
 120     border-bottom-color: #171f2a;
 121   }
 122   .tooltip-inner {
 123     background-color: #171f2a;
 124     text-align: left;
 125   }
 126 }
 127
 128 service-planning {
 129   display: flex;
 130   flex-direction: column;
 131   flex: 1;
 132   border: 1px solid #d2d2d2;
 133 }
 134
 135 .required:after {
 136   content: " * ";
 137   color: #cf2a2a;
 138   margin-left: 3px;
 139 }
 140
 141
 142 .error-style {
 143   border: solid 1px #cf2a2a !important;
 144   color: #cf2a2a !important;
 145   outline: none !important;
 146 }
 147
 148 select option:disabled {
 149   color: #959595;
 150   cursor: default;
 151 }
 152
 153 select option:disabled {
 154   color: #959595 !important;
 155   cursor: default;
 156 }
 157
 158 select option {
 159   color: black;
 160 }
 161
 162 tooltip-content div {
 163   word-wrap: break-word !important;
 164 }
 165
 166 body {
 167   -webkit-touch-callout: default !important;
 168   -webkit-user-select: auto !important;
 169   -moz-user-select: element !important;
 170   -ms-user-select: element !important;
 171   user-select: element !important;}
 172
 173
 174 .sdc-modal .sdc-modal__wrapper .sdc-modal__header{
 175   height: 45px !important;
 176 }
 177
 178 #VIEW{
 179   .notShowOnViewMode {
 180     display: none !important;
 181   }
 182 }
 183
 184 #RETRY{
 185   .notShowOnRetryMode {
 186     display: none !important;
 187   }
 188 }
 189
 190 #CREATE{
 191   .notShowOnCreateMode {
 192     display: none !important;
 193   }
 194 }
 195
 196 tooltip-template {
 197   position: absolute;
 198   z-index: 9000;
 199 }
 200
 201 .sdc-checkbox label {
 202   display: inline !important;
 203 }
 204
 205 sdc-checkbox {
 206   vertical-align: middle !important;
 207 }
 208
 209
 210 .popover.error {
 211   border-top: 4px solid #cf2a2a !important;
 212   border-radius: 0;
 213   padding: 0px 10px 0px 10px;
 214   box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5);
 215 }
 216
 217 .popover.success {
 218   border-top: 4px solid #4ca90c !important;
 219   border-radius: 0;
 220   padding: 0px 10px 0px 10px;
 221   box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5);
 222 }
 223
 224 .popover.custom {
 225   border-top: 4px solid #009fdb !important;
 226   border-radius: 0;
 227   padding: 0px 10px 0px 10px;
 228   box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5);
 229 }
 230
 231 .popover.warning {
 232   border-top: 4px solid #ffb81c !important;
 233   border-radius: 0;
 234   padding: 0px 10px 0px 10px;
 235   box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5);
 236 }
 237
 238 .popover-arrow.arrow {
 239   display: none !important;
 240 }
 241
 242 sdc-modal {
 243   z-index:  10000 !important;
 244 }