| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| @-webkit-keyframes md-tab-content-hide { |
| 0% { |
| opacity: 1; } |
| 50% { |
| opacity: 1; } |
| 100% { |
| opacity: 0; } } |
| |
| @keyframes md-tab-content-hide { |
| 0% { |
| opacity: 1; } |
| 50% { |
| opacity: 1; } |
| 100% { |
| opacity: 0; } } |
| |
| md-tab-data { |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| z-index: -1; |
| opacity: 0; } |
| |
| md-tabs { |
| display: block; |
| margin: 0; |
| border-radius: 2px; |
| overflow: hidden; |
| position: relative; |
| -webkit-flex-shrink: 0; |
| -ms-flex-negative: 0; |
| flex-shrink: 0; } |
| md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) { |
| min-height: 248px; } |
| md-tabs[md-align-tabs="bottom"] { |
| padding-bottom: 48px; } |
| md-tabs[md-align-tabs="bottom"] md-tabs-wrapper { |
| position: absolute; |
| bottom: 0; |
| left: 0; |
| right: 0; |
| height: 48px; |
| z-index: 2; } |
| md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper { |
| top: 0; |
| bottom: 48px; } |
| md-tabs.md-dynamic-height md-tabs-content-wrapper { |
| min-height: 0; |
| position: relative; |
| top: auto; |
| left: auto; |
| right: auto; |
| bottom: auto; |
| overflow: visible; } |
| md-tabs.md-dynamic-height md-tab-content.md-active { |
| position: relative; } |
| md-tabs[md-border-bottom] md-tabs-wrapper { |
| border-width: 0 0 1px; |
| border-style: solid; } |
| md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper { |
| top: 49px; } |
| |
| md-tabs-wrapper { |
| display: block; |
| position: relative; } |
| md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button { |
| height: 100%; |
| width: 32px; |
| position: absolute; |
| top: 50%; |
| -webkit-transform: translateY(-50%); |
| transform: translateY(-50%); |
| line-height: 1em; |
| z-index: 2; |
| cursor: pointer; |
| font-size: 16px; |
| background: transparent no-repeat center center; |
| transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); } |
| md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus { |
| outline: none; } |
| md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled { |
| opacity: 0.25; |
| cursor: default; } |
| md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave { |
| transition: none; } |
| md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon { |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| -webkit-transform: translate3d(-50%, -50%, 0); |
| transform: translate3d(-50%, -50%, 0); } |
| md-tabs-wrapper md-prev-button { |
| left: 0; |
| background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=="); } |
| md-tabs-wrapper md-next-button { |
| right: 0; |
| background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K"); } |
| md-tabs-wrapper md-next-button md-icon { |
| -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg); |
| transform: translate3d(-50%, -50%, 0) rotate(180deg); } |
| md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper { |
| width: 100%; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; } |
| md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item { |
| -webkit-flex-grow: 1; |
| -ms-flex-positive: 1; |
| flex-grow: 1; } |
| |
| md-tabs-canvas { |
| position: relative; |
| overflow: hidden; |
| display: block; |
| height: 48px; } |
| md-tabs-canvas:after { |
| content: ''; |
| display: table; |
| clear: both; } |
| md-tabs-canvas .md-dummy-wrapper { |
| position: absolute; |
| top: 0; |
| left: 0; } |
| md-tabs-canvas.md-paginated { |
| margin: 0 32px; } |
| md-tabs-canvas.md-center-tabs { |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; |
| text-align: center; } |
| md-tabs-canvas.md-center-tabs .md-tab { |
| float: none; |
| display: inline-block; } |
| |
| md-pagination-wrapper { |
| height: 48px; |
| display: block; |
| transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1); |
| transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1); |
| position: absolute; |
| width: 999999px; |
| left: 0; |
| -webkit-transform: translate3d(0, 0, 0); |
| transform: translate3d(0, 0, 0); } |
| md-pagination-wrapper:after { |
| content: ''; |
| display: table; |
| clear: both; } |
| md-pagination-wrapper.md-center-tabs { |
| position: relative; |
| width: initial; |
| margin: 0 auto; } |
| |
| md-tabs-content-wrapper { |
| display: block; |
| position: absolute; |
| top: 48px; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| overflow: hidden; } |
| |
| md-tab-content { |
| display: block; |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1); |
| transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1); |
| overflow: auto; } |
| md-tab-content.md-no-scroll { |
| bottom: auto; |
| overflow: hidden; } |
| md-tab-content.ng-leave, md-tab-content.md-no-transition { |
| transition: none; } |
| md-tab-content.md-left:not(.md-active) { |
| -webkit-transform: translateX(-100%); |
| transform: translateX(-100%); |
| -webkit-animation: 1s md-tab-content-hide; |
| animation: 1s md-tab-content-hide; |
| opacity: 0; } |
| md-tab-content.md-left:not(.md-active) * { |
| transition: visibility 0s linear; |
| transition-delay: 0.5s; |
| visibility: hidden; } |
| md-tab-content.md-right:not(.md-active) { |
| -webkit-transform: translateX(100%); |
| transform: translateX(100%); |
| -webkit-animation: 1s md-tab-content-hide; |
| animation: 1s md-tab-content-hide; |
| opacity: 0; } |
| md-tab-content.md-right:not(.md-active) * { |
| transition: visibility 0s linear; |
| transition-delay: 0.5s; |
| visibility: hidden; } |
| md-tab-content > div.ng-leave { |
| -webkit-animation: 1s md-tab-content-hide; |
| animation: 1s md-tab-content-hide; } |
| |
| md-ink-bar { |
| position: absolute; |
| left: auto; |
| right: auto; |
| bottom: 0; |
| height: 2px; } |
| md-ink-bar.md-left { |
| transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); } |
| md-ink-bar.md-right { |
| transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); } |
| |
| md-tab { |
| position: absolute; |
| z-index: -1; |
| left: -9999px; } |
| |
| .md-tab { |
| font-size: 14px; |
| text-align: center; |
| line-height: 24px; |
| padding: 12px 24px; |
| transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); |
| cursor: pointer; |
| white-space: nowrap; |
| position: relative; |
| text-transform: uppercase; |
| float: left; |
| font-weight: 500; |
| box-sizing: border-box; |
| overflow: hidden; |
| text-overflow: ellipsis; } |
| .md-tab.md-focused { |
| box-shadow: none; |
| outline: none; } |
| .md-tab.md-active { |
| cursor: default; } |
| .md-tab.md-disabled { |
| pointer-events: none; |
| -ms-touch-action: pan-y; |
| touch-action: pan-y; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| -webkit-user-drag: none; |
| opacity: 0.5; |
| cursor: default; } |
| .md-tab.ng-leave { |
| transition: none; } |
| |
| md-toolbar + md-tabs { |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; } |