ecomp-portal-FE/client/bower_components/angular-material/modules/closure/dialog/dialog.css

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v0.9.8
   6  */
   7 /* mixin definition ; sets LTR and RTL within the same style call */
   8 .md-dialog-is-showing {
   9   max-height: 100%; }
  10
  11 .md-dialog-container {
  12   display: -webkit-flex;
  13   display: -ms-flexbox;
  14   display: flex;
  15   -webkit-justify-content: center;
  16       -ms-flex-pack: center;
  17           justify-content: center;
  18   -webkit-align-items: center;
  19       -ms-flex-align: center;
  20           align-items: center;
  21   position: absolute;
  22   top: 0;
  23   left: 0;
  24   width: 100%;
  25   height: 100%;
  26   z-index: 80; }
  27
  28 md-dialog {
  29   opacity: 0;
  30   min-width: 240px;
  31   max-width: 80%;
  32   max-height: 80%;
  33   position: relative;
  34   overflow: hidden;
  35   box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.14), 0px 16px 24px 2px rgba(0, 0, 0, 0.098), 0px 6px 30px 5px rgba(0, 0, 0, 0.084);
  36   display: -webkit-flex;
  37   display: -ms-flexbox;
  38   display: flex;
  39   -webkit-flex-direction: column;
  40       -ms-flex-direction: column;
  41           flex-direction: column; }
  42   md-dialog.transition-in {
  43     opacity: 1;
  44     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  45     -webkit-transform: translate3d(0, 0, 0) scale(1);
  46             transform: translate3d(0, 0, 0) scale(1); }
  47   md-dialog.transition-out {
  48     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  49     -webkit-transform: translate3d(0, 100%, 0) scale(0.2);
  50             transform: translate3d(0, 100%, 0) scale(0.2); }
  51   md-dialog > form {
  52     display: -webkit-flex;
  53     display: -ms-flexbox;
  54     display: flex;
  55     -webkit-flex-direction: column;
  56         -ms-flex-direction: column;
  57             flex-direction: column;
  58     overflow: auto; }
  59   md-dialog md-dialog-content {
  60     -webkit-order: 1;
  61         -ms-flex-order: 1;
  62             order: 1;
  63     -webkit-flex-direction: column;
  64         -ms-flex-direction: column;
  65             flex-direction: column;
  66     padding: 24px;
  67     overflow: auto;
  68     -webkit-overflow-scrolling: touch; }
  69     md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  70       margin-top: 0; }
  71     md-dialog md-dialog-content:focus {
  72       outline: none; }
  73     md-dialog md-dialog-content .md-subheader {
  74       margin: 0; }
  75       md-dialog md-dialog-content .md-subheader.sticky-clone {
  76         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
  77     md-dialog md-dialog-content.sticky-container {
  78       padding: 0; }
  79       md-dialog md-dialog-content.sticky-container > div {
  80         padding: 24px;
  81         padding-top: 0; }
  82   md-dialog .md-actions {
  83     display: -webkit-flex;
  84     display: -ms-flexbox;
  85     display: flex;
  86     -webkit-order: 2;
  87         -ms-flex-order: 2;
  88             order: 2;
  89     box-sizing: border-box;
  90     -webkit-align-items: center;
  91         -ms-flex-align: center;
  92             align-items: center;
  93     -webkit-justify-content: flex-end;
  94         -ms-flex-pack: end;
  95             justify-content: flex-end;
  96     margin-bottom: 0;
  97     padding-right: 8px;
  98     padding-left: 16px;
  99     min-height: 52px; }
 100     md-dialog .md-actions .md-button {
 101       margin-bottom: 8px;
 102       margin-left: 8px;
 103       margin-right: 0;
 104       margin-top: 8px; }
 105   md-dialog.md-content-overflow .md-actions {
 106     border-top-width: 1px;
 107     border-top-style: solid; }
 108
 109 @media screen and (-ms-high-contrast: active) {
 110   md-dialog {
 111     border: 1px solid #fff; } }