ecomp-portal-FE/client/bower_components/ng-dialog/css/ngDialog-theme-default.css

   1 @-webkit-keyframes ngdialog-flyin {
   2   0% {
   3     opacity: 0;
   4     -webkit-transform: translateY(-40px);
   5     transform: translateY(-40px);
   6   }
   7
   8   100% {
   9     opacity: 1;
  10     -webkit-transform: translateY(0);
  11     transform: translateY(0);
  12   }
  13 }
  14
  15 @keyframes ngdialog-flyin {
  16   0% {
  17     opacity: 0;
  18     -webkit-transform: translateY(-40px);
  19     transform: translateY(-40px);
  20   }
  21
  22   100% {
  23     opacity: 1;
  24     -webkit-transform: translateY(0);
  25     transform: translateY(0);
  26   }
  27 }
  28
  29 @-webkit-keyframes ngdialog-flyout {
  30   0% {
  31     opacity: 1;
  32     -webkit-transform: translateY(0);
  33     transform: translateY(0);
  34   }
  35
  36   100% {
  37     opacity: 0;
  38     -webkit-transform: translateY(-40px);
  39     transform: translateY(-40px);
  40   }
  41 }
  42
  43 @keyframes ngdialog-flyout {
  44   0% {
  45     opacity: 1;
  46     -webkit-transform: translateY(0);
  47     transform: translateY(0);
  48   }
  49
  50   100% {
  51     opacity: 0;
  52     -webkit-transform: translateY(-40px);
  53     transform: translateY(-40px);
  54   }
  55 }
  56
  57 .ngdialog.ngdialog-theme-default {
  58   padding-bottom: 160px;
  59   padding-top: 160px;
  60 }
  61
  62 .ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  63   -webkit-animation: ngdialog-flyout .5s;
  64   animation: ngdialog-flyout .5s;
  65 }
  66
  67 .ngdialog.ngdialog-theme-default .ngdialog-content {
  68   -webkit-animation: ngdialog-flyin .5s;
  69   animation: ngdialog-flyin .5s;
  70   background: #f0f0f0;
  71   border-radius: 5px;
  72   color: #444;
  73   font-family: 'Helvetica',sans-serif;
  74   font-size: 1.1em;
  75   line-height: 1.5em;
  76   margin: 0 auto;
  77   max-width: 100%;
  78   padding: 1em;
  79   position: relative;
  80   width: 450px;
  81 }
  82
  83 .ngdialog.ngdialog-theme-default .ngdialog-close {
  84   border-radius: 5px;
  85   cursor: pointer;
  86   position: absolute;
  87   right: 0;
  88   top: 0;
  89 }
  90
  91 .ngdialog.ngdialog-theme-default .ngdialog-close:before {
  92   background: transparent;
  93   border-radius: 3px;
  94   color: #bbb;
  95   content: '\00D7';
  96   font-size: 26px;
  97   font-weight: 400;
  98   height: 30px;
  99   line-height: 26px;
 100   position: absolute;
 101   right: 3px;
 102   text-align: center;
 103   top: 3px;
 104   width: 30px;
 105 }
 106
 107 .ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
 108 .ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
 109   color: #777;
 110 }
 111
 112 .ngdialog.ngdialog-theme-default .ngdialog-message {
 113   margin-bottom: .5em;
 114 }
 115
 116 .ngdialog.ngdialog-theme-default .ngdialog-input {
 117   margin-bottom: 1em;
 118 }
 119
 120 .ngdialog.ngdialog-theme-default .ngdialog-input textarea,
 121 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
 122 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
 123 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
 124 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
 125   background: #fff;
 126   border: 0;
 127   border-radius: 3px;
 128   font-family: inherit;
 129   font-size: inherit;
 130   font-weight: inherit;
 131   margin: 0 0 .25em;
 132   min-height: 2.5em;
 133   padding: .25em .67em;
 134   width: 100%;
 135 }
 136
 137 .ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
 138 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
 139 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
 140 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
 141 .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
 142   box-shadow: inset 0 0 0 2px #8dbdf1;
 143   outline: none;
 144 }
 145
 146 .ngdialog.ngdialog-theme-default .ngdialog-buttons {
 147   *zoom: 1;
 148 }
 149
 150 .ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
 151   content: '';
 152   display: table;
 153   clear: both;
 154 }
 155
 156 .ngdialog.ngdialog-theme-default .ngdialog-button {
 157   border: 0;
 158   border-radius: 3px;
 159   cursor: pointer;
 160   float: right;
 161   font-family: inherit;
 162   font-size: .8em;
 163   letter-spacing: .1em;
 164   line-height: 1em;
 165   margin: 0 0 0 .5em;
 166   padding: .75em 2em;
 167   text-transform: uppercase;
 168 }
 169
 170 .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
 171   -webkit-animation: ngdialog-pulse 1.1s infinite;
 172   animation: ngdialog-pulse 1.1s infinite;
 173   outline: none;
 174 }
 175
 176 @media (max-width: 568px) {
 177   .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
 178     -webkit-animation: none;
 179     animation: none;
 180   }
 181 }
 182
 183 .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
 184   background: #3288e6;
 185   color: #fff;
 186 }
 187
 188 .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
 189   background: #e0e0e0;
 190   color: #777;
 191 }