| /*! |
| * AngularJS Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.1.5 |
| */ |
| /** Matches "md-tabs md-tabs-wrapper" style. */ |
| .md-nav-bar { |
| border-style: solid; |
| border-width: 0 0 1px; |
| height: 48px; |
| position: relative; } |
| |
| ._md-nav-bar-list { |
| outline: none; |
| list-style: none; |
| margin: 0; |
| padding: 0; |
| box-sizing: border-box; |
| display: -webkit-box; |
| display: -webkit-flex; |
| display: flex; |
| -webkit-box-orient: horizontal; |
| -webkit-box-direction: normal; |
| -webkit-flex-direction: row; |
| flex-direction: row; } |
| |
| .md-nav-item:first-of-type { |
| margin-left: 8px; } |
| |
| .md-button._md-nav-button { |
| line-height: 24px; |
| margin: 0 4px; |
| padding: 12px 16px; |
| -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); |
| transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); } |
| .md-button._md-nav-button:focus { |
| outline: none; } |
| .md-button._md-nav-button:hover { |
| background-color: inherit; } |
| |
| md-nav-ink-bar { |
| bottom: 0; |
| height: 2px; |
| left: auto; |
| position: absolute; |
| right: auto; |
| background-color: black; } |
| md-nav-ink-bar._md-left { |
| -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); |
| transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); } |
| md-nav-ink-bar._md-right { |
| -webkit-transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); |
| transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); } |
| md-nav-ink-bar.ng-animate { |
| -webkit-transition: none; |
| transition: none; } |
| |
| md-nav-extra-content { |
| min-height: 48px; |
| padding-right: 12px; } |