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 button.md-button::-moz-focus-inner {
   8   border: 0; }
   9
  10 .md-button {
  11   display: inline-block;
  12   position: relative;
  13   cursor: pointer;
  14   /** Alignment adjustments */
  15   min-height: 36px;
  16   min-width: 88px;
  17   line-height: 36px;
  18   vertical-align: middle;
  19   -webkit-box-align: center;
  20   -webkit-align-items: center;
  21           align-items: center;
  22   text-align: center;
  23   border-radius: 2px;
  24   box-sizing: border-box;
  25   /* Reset default button appearance */
  26   -webkit-user-select: none;
  27      -moz-user-select: none;
  28       -ms-user-select: none;
  29           user-select: none;
  30   outline: none;
  31   border: 0;
  32   /** Custom styling for button */
  33   padding: 0 6px;
  34   margin: 6px 8px;
  35   background: transparent;
  36   color: currentColor;
  37   white-space: nowrap;
  38   /* Uppercase text content */
  39   text-transform: uppercase;
  40   font-weight: 500;
  41   font-size: 14px;
  42   font-style: inherit;
  43   font-variant: inherit;
  44   font-family: inherit;
  45   text-decoration: none;
  46   overflow: hidden;
  47   -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  48   transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  49   .md-dense > .md-button:not(.md-dense-disabled),
  50   .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  51     min-height: 32px; }
  52   .md-dense > .md-button:not(.md-dense-disabled),
  53   .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  54     line-height: 32px; }
  55   .md-dense > .md-button:not(.md-dense-disabled),
  56   .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  57     font-size: 13px; }
  58   .md-button:focus {
  59     outline: none; }
  60   .md-button:hover, .md-button:focus {
  61     text-decoration: none; }
  62   .md-button.ng-hide, .md-button.ng-leave {
  63     -webkit-transition: none;
  64     transition: none; }
  65   .md-button.md-cornered {
  66     border-radius: 0; }
  67   .md-button.md-icon {
  68     padding: 0;
  69     background: none; }
  70   .md-button.md-raised:not([disabled]) {
  71     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  72   .md-button.md-icon-button {
  73     margin: 0 6px;
  74     height: 40px;
  75     min-width: 0;
  76     line-height: 24px;
  77     padding: 8px;
  78     width: 40px;
  79     border-radius: 50%; }
  80     .md-button.md-icon-button .md-ripple-container {
  81       border-radius: 50%;
  82       background-clip: padding-box;
  83       overflow: hidden;
  84       -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
  85   .md-button.md-fab {
  86     z-index: 20;
  87     line-height: 56px;
  88     min-width: 0;
  89     width: 56px;
  90     height: 56px;
  91     vertical-align: middle;
  92     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  93     border-radius: 50%;
  94     background-clip: padding-box;
  95     overflow: hidden;
  96     -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  97     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  98     -webkit-transition-property: background-color, box-shadow, -webkit-transform;
  99     transition-property: background-color, box-shadow, -webkit-transform;
 100     transition-property: background-color, box-shadow, transform;
 101     transition-property: background-color, box-shadow, transform, -webkit-transform; }
 102     .md-button.md-fab.md-fab-bottom-right {
 103       top: auto;
 104       right: 20px;
 105       bottom: 20px;
 106       left: auto;
 107       position: absolute; }
 108     .md-button.md-fab.md-fab-bottom-left {
 109       top: auto;
 110       right: auto;
 111       bottom: 20px;
 112       left: 20px;
 113       position: absolute; }
 114     .md-button.md-fab.md-fab-top-right {
 115       top: 20px;
 116       right: 20px;
 117       bottom: auto;
 118       left: auto;
 119       position: absolute; }
 120     .md-button.md-fab.md-fab-top-left {
 121       top: 20px;
 122       right: auto;
 123       bottom: auto;
 124       left: 20px;
 125       position: absolute; }
 126     .md-button.md-fab .md-ripple-container {
 127       border-radius: 50%;
 128       background-clip: padding-box;
 129       overflow: hidden;
 130       -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
 131     .md-button.md-fab.md-mini {
 132       line-height: 40px;
 133       width: 40px;
 134       height: 40px; }
 135     .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
 136       -webkit-transition: none;
 137       transition: none; }
 138   .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
 139     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
 140   .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
 141     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
 142   .md-button .md-ripple-container {
 143     border-radius: 2px;
 144     background-clip: padding-box;
 145     overflow: hidden;
 146     -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
 147
 148 .md-button.md-icon-button md-icon,
 149 button.md-button.md-fab md-icon {
 150   display: block; }
 151
 152 .md-toast-open-top .md-button.md-fab-top-left,
 153 .md-toast-open-top .md-button.md-fab-top-right {
 154   -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 155   transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 156   -webkit-transform: translate3d(0, 42px, 0);
 157           transform: translate3d(0, 42px, 0); }
 158   .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
 159   .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
 160   .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
 161     -webkit-transform: translate3d(0, 41px, 0);
 162             transform: translate3d(0, 41px, 0); }
 163
 164 .md-toast-open-bottom .md-button.md-fab-bottom-left,
 165 .md-toast-open-bottom .md-button.md-fab-bottom-right {
 166   -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 167   transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 168   -webkit-transform: translate3d(0, -42px, 0);
 169           transform: translate3d(0, -42px, 0); }
 170   .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
 171   .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
 172   .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
 173     -webkit-transform: translate3d(0, -43px, 0);
 174             transform: translate3d(0, -43px, 0); }
 175
 176 .md-button-group {
 177   display: -webkit-box;
 178   display: -webkit-flex;
 179   display: flex;
 180   -webkit-box-flex: 1;
 181   -webkit-flex: 1;
 182           flex: 1;
 183   width: 100%; }
 184   .md-button-group > .md-button {
 185     -webkit-box-flex: 1;
 186     -webkit-flex: 1;
 187             flex: 1;
 188     display: block;
 189     overflow: hidden;
 190     width: 0;
 191     border-width: 1px 0px 1px 1px;
 192     border-radius: 0;
 193     text-align: center;
 194     text-overflow: ellipsis;
 195     white-space: nowrap; }
 196     .md-button-group > .md-button:first-child {
 197       border-radius: 2px 0px 0px 2px; }
 198     .md-button-group > .md-button:last-child {
 199       border-right-width: 1px;
 200       border-radius: 0px 2px 2px 0px; }
 201
 202 @media screen and (-ms-high-contrast: active) {
 203   .md-button.md-raised,
 204   .md-button.md-fab {
 205     border: 1px solid #fff; } }