/*! * Angular Material Design * https://github.com/angular/material * @license MIT * v0.7.1 */ md-tabs { display: block; width: 100%; font-weight: 500; overflow: auto; } .md-header { width: 100%; height: 48px; box-sizing: border-box; position: relative; } .md-paginator { z-index: 1; margin-right: -2px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 32px; min-height: 100%; cursor: pointer; border: none; background-color: transparent; background-repeat: no-repeat; background-position: center center; position: absolute; /* TODO Once we have a better way to inline svg images, change this to use svgs correctly */ } .md-paginator.md-prev { left: 0; } .md-paginator.md-next { right: 0; } .md-paginator.md-prev { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=='); } .md-paginator.md-next { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K'); } /* If `center` justified, change to left-justify if paginating */ md-tabs[center] .md-header:not(.md-paginating) .md-header-items { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .md-paginating .md-header-items-container { left: 32px; right: 32px; } .md-header-items-container { overflow: hidden; position: absolute; left: 0; right: 0; height: 100%; white-space: nowrap; font-size: 14px; font-weight: 500; text-transform: uppercase; margin: auto; } .md-header-items-container .md-header-items { display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; 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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 100%; width: 99999px; } .md-tabs-content { overflow: hidden; width: 100%; position: relative; } .md-tabs-content .md-tab-content { height: 100%; } .md-tabs-content .md-tab-content.ng-hide.ng-animate { display: block !important; } .md-tabs-content .md-tab-content.ng-animate { 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); -webkit-transform: translateX(0); transform: translateX(0); } .md-tabs-content .md-tab-content.ng-animate.ng-hide-add { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .md-tabs-content .md-tab-content.ng-animate.ng-hide-add.md-transition-rtl { -webkit-transform: translateX(100%); transform: translateX(100%); } .md-tabs-content .md-tab-content.ng-animate.ng-hide-remove { position: absolute; -webkit-transform: translateX(100%); transform: translateX(100%); top: 0; left: 0; right: 0; bottom: 0; } .md-tabs-content .md-tab-content.ng-animate.ng-hide-remove.md-transition-rtl { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .md-tabs-content .md-tab-content.ng-animate.ng-hide-remove.ng-hide-remove-active { -webkit-transform: translateX(0); transform: translateX(0); } md-tabs-ink-bar { z-index: 1; display: none; position: absolute; left: 0; bottom: 0; box-sizing: border-box; height: 2px; margin-top: -2px; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } md-tabs-ink-bar.md-transition-right { transition: right 0.25s cubic-bezier(0.35, 0, 0.25, 1), left 0.25s cubic-bezier(0.35, 0, 0.25, 1) 0.075s; } md-tabs-ink-bar.md-transition-left { transition: right 0.25s cubic-bezier(0.35, 0, 0.25, 1) 0.075s, left 0.25s cubic-bezier(0.35, 0, 0.25, 1); } md-tab { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 0; overflow: hidden; height: 100%; text-align: center; cursor: pointer; padding: 20px 24px; box-sizing: border-box; transition: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } md-tab.md-tab-themed { transition: background 0.35s cubic-bezier(0.35, 0, 0.25, 1), color 0.35s cubic-bezier(0.35, 0, 0.25, 1); } md-tab[disabled] { pointer-events: none; cursor: default; } md-tab:focus { outline: none; } md-tab md-tab-label { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; z-index: 100; opacity: 1; overflow: hidden; }