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-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
   8   -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
   9   transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  10   transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  11   transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  12   -webkit-transform-origin: left top;
  13           transform-origin: left top; }
  14   [dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  15     -webkit-transform-origin: right top;
  16             transform-origin: right top; }
  17
  18 md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
  19   -webkit-transform: translateY(-22px) translateX(-2px) scale(0.75);
  20           transform: translateY(-22px) translateX(-2px) scale(0.75); }
  21
  22 .md-select-menu-container {
  23   position: fixed;
  24   left: 0;
  25   top: 0;
  26   z-index: 90;
  27   opacity: 0;
  28   display: none;
  29   -webkit-transform: translateY(-1px);
  30           transform: translateY(-1px); }
  31   .md-select-menu-container:not(.md-clickable) {
  32     pointer-events: none; }
  33   .md-select-menu-container md-progress-circular {
  34     display: table;
  35     margin: 24px auto !important; }
  36   .md-select-menu-container.md-active {
  37     display: block;
  38     opacity: 1; }
  39     .md-select-menu-container.md-active md-select-menu {
  40       -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  41       transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  42       -webkit-transition-duration: 150ms;
  43               transition-duration: 150ms; }
  44       .md-select-menu-container.md-active md-select-menu > * {
  45         opacity: 1;
  46         -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  47         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  48         -webkit-transition-duration: 150ms;
  49                 transition-duration: 150ms;
  50         -webkit-transition-delay: 100ms;
  51                 transition-delay: 100ms; }
  52   .md-select-menu-container.md-leave {
  53     opacity: 0;
  54     -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  55     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  56     -webkit-transition-duration: 250ms;
  57             transition-duration: 250ms; }
  58
  59 md-input-container > md-select {
  60   margin: 0;
  61   -webkit-box-ordinal-group: 3;
  62   -webkit-order: 2;
  63           order: 2; }
  64
  65 md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
  66   content: ' *';
  67   font-size: 13px;
  68   vertical-align: top; }
  69
  70 md-input-container.md-input-invalid md-select .md-select-value {
  71   border-bottom-style: solid;
  72   padding-bottom: 1px; }
  73
  74 md-select {
  75   display: -webkit-box;
  76   display: -webkit-flex;
  77   display: flex;
  78   margin: 20px 0 26px 0; }
  79   md-select[required].ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
  80     content: ' *';
  81     font-size: 13px;
  82     vertical-align: top; }
  83   md-select[disabled] .md-select-value {
  84     background-position: 0 bottom;
  85     background-size: 4px 1px;
  86     background-repeat: repeat-x;
  87     margin-bottom: -1px; }
  88   md-select:focus {
  89     outline: none; }
  90   md-select[disabled]:hover {
  91     cursor: default; }
  92   md-select:not([disabled]):hover {
  93     cursor: pointer; }
  94   md-select:not([disabled]).ng-invalid.ng-touched .md-select-value {
  95     border-bottom-style: solid;
  96     padding-bottom: 1px; }
  97   md-select:not([disabled]):focus .md-select-value {
  98     border-bottom-width: 2px;
  99     border-bottom-style: solid;
 100     padding-bottom: 0; }
 101   md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value {
 102     padding-bottom: 0; }
 103
 104 md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) {
 105   -webkit-transform: translate3d(0, 1px, 0);
 106           transform: translate3d(0, 1px, 0); }
 107
 108 .md-select-value {
 109   display: -webkit-box;
 110   display: -webkit-flex;
 111   display: flex;
 112   -webkit-box-align: center;
 113   -webkit-align-items: center;
 114           align-items: center;
 115   padding: 2px 2px 1px;
 116   border-bottom-width: 1px;
 117   border-bottom-style: solid;
 118   background-color: transparent;
 119   position: relative;
 120   box-sizing: content-box;
 121   min-width: 64px;
 122   min-height: 26px;
 123   -webkit-box-flex: 1;
 124   -webkit-flex-grow: 1;
 125           flex-grow: 1; }
 126   .md-select-value > span:not(.md-select-icon) {
 127     max-width: 100%;
 128     -webkit-box-flex: 1;
 129     -webkit-flex: 1 1 auto;
 130             flex: 1 1 auto;
 131     text-overflow: ellipsis;
 132     white-space: nowrap;
 133     overflow: hidden; }
 134     .md-select-value > span:not(.md-select-icon) .md-text {
 135       display: inline; }
 136   .md-select-value .md-select-icon {
 137     display: block;
 138     -webkit-box-align: end;
 139     -webkit-align-items: flex-end;
 140             align-items: flex-end;
 141     text-align: end;
 142     width: 24px;
 143     margin: 0 4px;
 144     -webkit-transform: translate3d(0, -2px, 0);
 145             transform: translate3d(0, -2px, 0);
 146     font-size: 1.2rem; }
 147   .md-select-value .md-select-icon:after {
 148     display: block;
 149     content: '\25BC';
 150     position: relative;
 151     top: 2px;
 152     speak: none;
 153     font-size: 13px;
 154     -webkit-transform: scaleY(0.5) scaleX(1);
 155             transform: scaleY(0.5) scaleX(1); }
 156   .md-select-value.md-select-placeholder {
 157     display: -webkit-box;
 158     display: -webkit-flex;
 159     display: flex;
 160     -webkit-box-ordinal-group: 2;
 161     -webkit-order: 1;
 162             order: 1;
 163     pointer-events: none;
 164     -webkit-font-smoothing: antialiased;
 165     padding-left: 2px;
 166     z-index: 1; }
 167
 168 md-select-menu {
 169   display: -webkit-box;
 170   display: -webkit-flex;
 171   display: flex;
 172   -webkit-box-orient: vertical;
 173   -webkit-box-direction: normal;
 174   -webkit-flex-direction: column;
 175           flex-direction: column;
 176   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
 177   max-height: 256px;
 178   min-height: 48px;
 179   overflow-y: hidden;
 180   -webkit-transform-origin: left top;
 181           transform-origin: left top;
 182   -webkit-transform: scale(1);
 183           transform: scale(1); }
 184   md-select-menu.md-reverse {
 185     -webkit-box-orient: vertical;
 186     -webkit-box-direction: reverse;
 187     -webkit-flex-direction: column-reverse;
 188             flex-direction: column-reverse; }
 189   md-select-menu:not(.md-overflow) md-content {
 190     padding-top: 8px;
 191     padding-bottom: 8px; }
 192   [dir=rtl] md-select-menu {
 193     -webkit-transform-origin: right top;
 194             transform-origin: right top; }
 195   md-select-menu md-content {
 196     min-width: 136px;
 197     min-height: 48px;
 198     max-height: 256px;
 199     overflow-y: auto; }
 200   md-select-menu > * {
 201     opacity: 0; }
 202
 203 md-option {
 204   cursor: pointer;
 205   position: relative;
 206   display: -webkit-box;
 207   display: -webkit-flex;
 208   display: flex;
 209   -webkit-box-align: center;
 210   -webkit-align-items: center;
 211           align-items: center;
 212   width: auto;
 213   -webkit-transition: background 0.15s linear;
 214   transition: background 0.15s linear;
 215   padding: 0 16px 0 16px;
 216   height: 48px; }
 217   md-option[disabled] {
 218     cursor: default; }
 219   md-option:focus {
 220     outline: none; }
 221   md-option .md-text {
 222     -webkit-touch-callout: none;
 223     -webkit-user-select: none;
 224     -moz-user-select: none;
 225     -ms-user-select: none;
 226     user-select: none;
 227     width: auto;
 228     white-space: nowrap;
 229     overflow: hidden;
 230     text-overflow: ellipsis; }
 231
 232 md-optgroup {
 233   display: block; }
 234   md-optgroup label {
 235     display: block;
 236     font-size: 14px;
 237     text-transform: uppercase;
 238     padding: 16px;
 239     font-weight: 500; }
 240   md-optgroup md-option {
 241     padding-left: 32px;
 242     padding-right: 32px; }
 243
 244 @media screen and (-ms-high-contrast: active) {
 245   .md-select-backdrop {
 246     background-color: transparent; }
 247   md-select-menu {
 248     border: 1px solid #fff; } }
 249
 250 md-select-menu[multiple] md-option.md-checkbox-enabled {
 251   padding-left: 40px;
 252   padding-right: 16px; }
 253   [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
 254     padding-left: 16px; }
 255   [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
 256     padding-right: 40px; }
 257   md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
 258     position: absolute;
 259     top: 50%;
 260     -webkit-transform: translateY(-50%);
 261             transform: translateY(-50%);
 262     box-sizing: border-box;
 263     display: inline-block;
 264     width: 20px;
 265     height: 20px;
 266     left: 0;
 267     right: auto; }
 268     [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
 269       left: auto; }
 270     [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
 271       right: 0; }
 272     md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before {
 273       box-sizing: border-box;
 274       background-color: transparent;
 275       border-radius: 50%;
 276       content: '';
 277       position: absolute;
 278       display: block;
 279       height: auto;
 280       left: 0;
 281       top: 0;
 282       right: 0;
 283       bottom: 0;
 284       -webkit-transition: all 0.5s;
 285       transition: all 0.5s;
 286       width: auto; }
 287     md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
 288       box-sizing: border-box;
 289       content: '';
 290       position: absolute;
 291       top: -10px;
 292       right: -10px;
 293       bottom: -10px;
 294       left: -10px; }
 295     md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
 296       position: absolute;
 297       display: block;
 298       width: auto;
 299       height: auto;
 300       left: -15px;
 301       top: -15px;
 302       right: -15px;
 303       bottom: -15px; }
 304   md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
 305     box-sizing: border-box;
 306     -webkit-transition: 240ms;
 307     transition: 240ms;
 308     position: absolute;
 309     top: 0;
 310     left: 0;
 311     width: 20px;
 312     height: 20px;
 313     border-width: 2px;
 314     border-style: solid;
 315     border-radius: 2px; }
 316   md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
 317     border-color: transparent; }
 318     md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
 319       box-sizing: border-box;
 320       -webkit-transform: rotate(45deg);
 321               transform: rotate(45deg);
 322       position: absolute;
 323       left: 4.66667px;
 324       top: 0.22222px;
 325       display: table;
 326       width: 6.66667px;
 327       height: 13.33333px;
 328       border-width: 2px;
 329       border-style: solid;
 330       border-top: 0;
 331       border-left: 0;
 332       content: ''; }
 333   md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
 334     cursor: default; }
 335   md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
 336     box-sizing: border-box;
 337     position: absolute;
 338     top: 50%;
 339     left: 50%;
 340     -webkit-transform: translate(-50%, -50%);
 341             transform: translate(-50%, -50%);
 342     display: table;
 343     width: 12px;
 344     height: 2px;
 345     border-width: 2px;
 346     border-style: solid;
 347     border-top: 0;
 348     border-left: 0;
 349     content: ''; }
 350   md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
 351     margin-left: 10.66667px;
 352     margin-right: auto; }
 353     [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
 354       margin-left: auto; }
 355     [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
 356       margin-right: 10.66667px; }