| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| button.md-button::-moz-focus-inner { |
| border: 0; } |
| |
| .md-button { |
| border-radius: 3px; |
| box-sizing: border-box; |
| color: currentColor; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| position: relative; |
| outline: none; |
| border: 0; |
| display: inline-block; |
| -webkit-align-items: center; |
| -ms-flex-align: center; |
| align-items: center; |
| padding: 0 6px; |
| margin: 6px 8px; |
| line-height: 36px; |
| min-height: 36px; |
| background: transparent; |
| white-space: nowrap; |
| min-width: 88px; |
| text-align: center; |
| text-transform: uppercase; |
| font-weight: 500; |
| font-size: 14px; |
| font-style: inherit; |
| font-variant: inherit; |
| font-family: inherit; |
| text-decoration: none; |
| cursor: pointer; |
| overflow: hidden; |
| 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); } |
| .md-button:focus { |
| outline: none; } |
| .md-button:hover, .md-button:focus { |
| text-decoration: none; } |
| .md-button.ng-hide, .md-button.ng-leave { |
| transition: none; } |
| .md-button.md-cornered { |
| border-radius: 0; } |
| .md-button.md-icon { |
| padding: 0; |
| background: none; } |
| .md-button.md-raised:not([disabled]) { |
| box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } |
| .md-button.md-icon-button { |
| margin: 0 6px; |
| height: 40px; |
| min-width: 0; |
| line-height: 24px; |
| padding: 8px; |
| width: 40px; |
| border-radius: 50%; } |
| .md-button.md-icon-button .md-ripple-container { |
| border-radius: 50%; |
| background-clip: padding-box; |
| overflow: hidden; |
| -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); } |
| .md-button.md-fab { |
| z-index: 20; |
| line-height: 56px; |
| min-width: 0; |
| width: 56px; |
| height: 56px; |
| vertical-align: middle; |
| box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); |
| border-radius: 50%; |
| background-clip: padding-box; |
| overflow: hidden; |
| transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); |
| transition-property: background-color, box-shadow, -webkit-transform; |
| transition-property: background-color, box-shadow, transform; } |
| .md-button.md-fab.md-fab-bottom-right { |
| top: auto; |
| right: 20px; |
| bottom: 20px; |
| left: auto; |
| position: absolute; } |
| .md-button.md-fab.md-fab-bottom-left { |
| top: auto; |
| right: auto; |
| bottom: 20px; |
| left: 20px; |
| position: absolute; } |
| .md-button.md-fab.md-fab-top-right { |
| top: 20px; |
| right: 20px; |
| bottom: auto; |
| left: auto; |
| position: absolute; } |
| .md-button.md-fab.md-fab-top-left { |
| top: 20px; |
| right: auto; |
| bottom: auto; |
| left: 20px; |
| position: absolute; } |
| .md-button.md-fab .md-ripple-container { |
| border-radius: 50%; |
| background-clip: padding-box; |
| overflow: hidden; |
| -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); } |
| .md-button.md-fab.md-mini { |
| line-height: 40px; |
| width: 40px; |
| height: 40px; } |
| .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave { |
| transition: none; } |
| .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused { |
| box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } |
| .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active { |
| box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); } |
| .md-button .md-ripple-container { |
| border-radius: 3px; |
| background-clip: padding-box; |
| overflow: hidden; |
| -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); } |
| |
| .md-toast-open-top .md-button.md-fab-top-left, |
| .md-toast-open-top .md-button.md-fab-top-right { |
| transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); |
| -webkit-transform: translate3d(0, 42px, 0); |
| transform: translate3d(0, 42px, 0); } |
| .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, |
| .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused, |
| .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover { |
| -webkit-transform: translate3d(0, 41px, 0); |
| transform: translate3d(0, 41px, 0); } |
| |
| .md-toast-open-bottom .md-button.md-fab-bottom-left, |
| .md-toast-open-bottom .md-button.md-fab-bottom-right { |
| transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); |
| -webkit-transform: translate3d(0, -42px, 0); |
| transform: translate3d(0, -42px, 0); } |
| .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, |
| .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused, |
| .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover { |
| -webkit-transform: translate3d(0, -43px, 0); |
| transform: translate3d(0, -43px, 0); } |
| |
| .md-button-group { |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; |
| width: 100%; } |
| |
| .md-button-group > .md-button { |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; |
| display: block; |
| overflow: hidden; |
| width: 0; |
| border-width: 1px 0px 1px 1px; |
| border-radius: 0; |
| text-align: center; |
| text-overflow: ellipsis; |
| white-space: nowrap; } |
| .md-button-group > .md-button:first-child { |
| border-radius: 2px 0px 0px 2px; } |
| .md-button-group > .md-button:last-child { |
| border-right-width: 1px; |
| border-radius: 0px 2px 2px 0px; } |
| |
| @media screen and (-ms-high-contrast: active) { |
| .md-button.md-raised, |
| .md-button.md-fab { |
| border: 1px solid #fff; } } |