gerrit.onap Code Review - vnfsdk/refrepo.git/blob

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v1.1.3
   6  */
   7 .md-dialog-is-showing {
   8   max-height: 100%; }
   9
  10 .md-dialog-container {
  11   display: -webkit-box;
  12   display: -webkit-flex;
  13   display: flex;
  14   -webkit-box-pack: center;
  15   -webkit-justify-content: center;
  16           justify-content: center;
  17   -webkit-box-align: center;
  18   -webkit-align-items: center;
  19           align-items: center;
  20   position: absolute;
  21   top: 0;
  22   left: 0;
  23   width: 100%;
  24   height: 100%;
  25   z-index: 80;
  26   overflow: hidden; }
  27
  28 md-dialog {
  29   opacity: 0;
  30   min-width: 240px;
  31   max-width: 80%;
  32   max-height: 80%;
  33   position: relative;
  34   overflow: auto;
  35   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  36   display: -webkit-box;
  37   display: -webkit-flex;
  38   display: flex;
  39   -webkit-box-orient: vertical;
  40   -webkit-box-direction: normal;
  41   -webkit-flex-direction: column;
  42           flex-direction: column; }
  43   md-dialog.md-transition-in {
  44     opacity: 1;
  45     -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  46     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  47     -webkit-transform: translate(0, 0) scale(1);
  48             transform: translate(0, 0) scale(1); }
  49   md-dialog.md-transition-out {
  50     opacity: 0;
  51     -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  52     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  53     -webkit-transform: translate(0, 100%) scale(0.2);
  54             transform: translate(0, 100%) scale(0.2); }
  55   md-dialog > form {
  56     display: -webkit-box;
  57     display: -webkit-flex;
  58     display: flex;
  59     -webkit-box-orient: vertical;
  60     -webkit-box-direction: normal;
  61     -webkit-flex-direction: column;
  62             flex-direction: column;
  63     overflow: auto; }
  64   md-dialog .md-dialog-content {
  65     padding: 24px; }
  66   md-dialog md-dialog-content {
  67     -webkit-box-ordinal-group: 2;
  68     -webkit-order: 1;
  69             order: 1;
  70     -webkit-box-orient: vertical;
  71     -webkit-box-direction: normal;
  72     -webkit-flex-direction: column;
  73             flex-direction: column;
  74     overflow: auto;
  75     -webkit-overflow-scrolling: touch; }
  76     md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  77       margin-top: 0; }
  78     md-dialog md-dialog-content:focus {
  79       outline: none; }
  80     md-dialog md-dialog-content .md-subheader {
  81       margin: 0; }
  82     md-dialog md-dialog-content .md-dialog-content-body {
  83       width: 100%; }
  84     md-dialog md-dialog-content .md-prompt-input-container {
  85       width: 100%;
  86       box-sizing: border-box; }
  87   md-dialog .md-actions, md-dialog md-dialog-actions {
  88     display: -webkit-box;
  89     display: -webkit-flex;
  90     display: flex;
  91     -webkit-box-ordinal-group: 3;
  92     -webkit-order: 2;
  93             order: 2;
  94     box-sizing: border-box;
  95     -webkit-box-align: center;
  96     -webkit-align-items: center;
  97             align-items: center;
  98     -webkit-box-pack: end;
  99     -webkit-justify-content: flex-end;
 100             justify-content: flex-end;
 101     margin-bottom: 0;
 102     padding-right: 8px;
 103     padding-left: 16px;
 104     min-height: 52px;
 105     overflow: hidden; }
 106     [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
 107       padding-right: 16px; }
 108     [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
 109       padding-left: 8px; }
 110     md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
 111       margin-bottom: 8px;
 112       margin-left: 8px;
 113       margin-right: 0;
 114       margin-top: 8px; }
 115       [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
 116         margin-left: 0; }
 117       [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
 118         margin-right: 8px; }
 119   md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
 120     border-top-width: 1px;
 121     border-top-style: solid; }
 122
 123 @media screen and (-ms-high-contrast: active) {
 124   md-dialog {
 125     border: 1px solid #fff; } }
 126
 127 @media (max-width: 959px) {
 128   md-dialog.md-dialog-fullscreen {
 129     min-height: 100%;
 130     min-width: 100%;
 131     border-radius: 0; } }