commonroutesApp/www/lib/angular-material/modules/closure/dialog/dialog.css
www/lib/angular-material/modules/closure/dialog/dialog.cssRaw
1/*!
2 * Angular Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.1.1
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
28md-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; } }