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 html {
  67     height: 100%;
  68 }
  69
  70 body {
  71     display: flex;
  72     flex-direction: column;
  73     min-height: 100%;
  74 }
  75
  76 .applicationWindow {
  77     height: 100%;
  78     display: flex;
  79     flex-direction: column;
  80     flex: 1;
  81 }
  82
  83 #mContent {
  84     display: flex;
  85     flex-direction: column;
  86     flex: 1;
  87 }
  88 .content.modal-open .body-content-jsp{
  89     margin: 0 auto;
  90 }
  91 .content .body-content-jsp > div.ng-scope > div.overlay{
  92     display: none;
  93 }
  94 .content.modal-open .body-content-jsp .service-models-page .overlay{
  95     display: block !important;
  96     position: fixed;
  97     top: 0;
  98     right: 0;
  99     bottom: 0;
 100     left: 0;
 101     z-index: 3004;
 102     background-color: #000;
 103     opacity: 0.5;
 104 }
 105
 106 .content.modal-open .body-content-jsp  .service-models-page  .service-model-content{
 107     z-index: 3005;
 108     margin: 0 auto;
 109     flex: none;
 110     width: 1100px;
 111     padding: 10px;
 112 }
 113 .content.modal-open{
 114     margin: 0 !important;
 115 }
 116
 117 .body-content-jsp {
 118     flex: 1;
 119 }
 120
 121 .button--inactive {
 122     border: none !important;
 123 }
 124
 125 .modal-body [class^="icon-"],.modal-body [class*=" icon-"] {
 126     /* use !important to prevent issues with browser extensions that change fonts */
 127     font-family: 'icomoon' !important;
 128     speak: none;
 129     font-style: normal;
 130     font-weight: normal;
 131     font-variant: normal;
 132     text-transform: none;
 133     line-height: 1;
 134
 135     /* Better Font Rendering =========== */
 136     -webkit-font-smoothing: antialiased;
 137     -moz-osx-font-smoothing: grayscale;
 138 }
 139
 140 .icon-browse:before {
 141     content: "\e90e";
 142     color: #5A5A5A;
 143     font-size: 4px;
 144     cursor: pointer;
 145     width: 37px;
 146     height: 37px;
 147     line-height: 37px;
 148     text-align: center;
 149     background: #F2F2F2;
 150     border: 1px solid #D2D2D2;
 151     display: inline-block;
 152     vertical-align: top;
 153     border-radius: 2px;
 154     border-bottom-left-radius: 0;
 155     border-top-left-radius: 0;
 156 }
 157
 158 .icon-browse:hover::before {
 159     background-color: #E6F6FB;
 160     color: #009FDB;
 161 }
 162
 163 .icon-browse:active::before {
 164     background-color: #E6F6FB;
 165     color: #009FDB;
 166 }
 167
 168 input:focus:invalid {
 169     border-color: Tomato;
 170     box-shadow: none;
 171 }
 172
 173 iframe {
 174     top: 0;
 175     left: 0;
 176     width: 100%;
 177     height: 100%;
 178     border:0;
 179 }
 180
 181 iframe.popup{
 182     width: 1103px;
 183     height: 691px;
 184 }
 185
 186 /*todo: remove. this a temporary fix for the sub-interface popup not showing as a page beside the sidebar. currently showing it in full screen.*/
 187 iframe.iframeDialog {
 188     width: 100vw;
 189     height: 100vh;
 190     position: fixed;
 191 }
 192
 193 .service-models-page {
 194     flex: 1;
 195     display: flex;
 196     min-height: 700px;
 197 }
 198
 199 .service-model-content {
 200     flex: 1;
 201 }
 202
 203 .service-model-content .popupContents {
 204     padding: 0 !important;
 205 }