2 * Copyright (c) 2019 AT&T Intellectual Property. All rights reserved.
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
8 * http://www.apache.org/licenses/LICENSE-2.0
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
16 @-webkit-keyframes ngdialog-flyin {
19 -webkit-transform: translateY(-40px);
20 transform: translateY(-40px);
25 -webkit-transform: translateY(0);
26 transform: translateY(0);
30 @keyframes ngdialog-flyin {
33 -webkit-transform: translateY(-40px);
34 -ms-transform: translateY(-40px);
35 transform: translateY(-40px);
40 -webkit-transform: translateY(0);
41 -ms-transform: translateY(0);
42 transform: translateY(0);
46 @-webkit-keyframes ngdialog-flyout {
49 -webkit-transform: translateY(0);
50 transform: translateY(0);
55 -webkit-transform: translateY(-40px);
56 transform: translateY(-40px);
60 @keyframes ngdialog-flyout {
63 -webkit-transform: translateY(0);
64 -ms-transform: translateY(0);
65 transform: translateY(0);
70 -webkit-transform: translateY(-40px);
71 -ms-transform: translateY(-40px);
72 transform: translateY(-40px);
76 .ngdialog.ngdialog-theme-default {
77 padding-bottom: 160px;
81 .ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
82 -webkit-animation: ngdialog-flyout .5s;
83 animation: ngdialog-flyout .5s;
86 .ngdialog.ngdialog-theme-default .ngdialog-content {
87 -webkit-animation: ngdialog-flyin .5s;
88 animation: ngdialog-flyin .5s;
92 font-family: 'Helvetica',sans-serif;
102 .ngdialog.ngdialog-theme-default .ngdialog-close {
110 .ngdialog.ngdialog-theme-default .ngdialog-close:before {
111 background: transparent;
126 .ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
127 .ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
131 .ngdialog.ngdialog-theme-default .ngdialog-message {
135 .ngdialog.ngdialog-theme-default .ngdialog-input {
139 .ngdialog.ngdialog-theme-default .ngdialog-input textarea,
140 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
141 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
142 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
143 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
147 font-family: inherit;
149 font-weight: inherit;
152 padding: .25em .67em;
156 .ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
157 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
158 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
159 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
160 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
161 -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
162 box-shadow: inset 0 0 0 2px #8dbdf1;
166 .ngdialog.ngdialog-theme-default .ngdialog-buttons {
170 .ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
176 .ngdialog.ngdialog-theme-default .ngdialog-button {
181 font-family: inherit;
183 letter-spacing: .1em;
187 text-transform: uppercase;
190 .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
191 -webkit-animation: ngdialog-pulse 1.1s infinite;
192 animation: ngdialog-pulse 1.1s infinite;
196 @media (max-width: 568px) {
197 .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
198 -webkit-animation: none;
203 .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
208 .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {