| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| md-toolbar { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; |
| position: relative; |
| z-index: 2; |
| font-size: 20px; |
| min-height: 64px; |
| width: 100%; } |
| md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove { |
| transition: box-shadow 0.5s linear; } |
| md-toolbar md-toolbar-filler { |
| width: 72px; } |
| md-toolbar *, |
| md-toolbar *:before, |
| md-toolbar *:after { |
| box-sizing: border-box; } |
| md-toolbar.md-tall { |
| height: 128px; |
| min-height: 128px; |
| max-height: 128px; } |
| md-toolbar.md-medium-tall { |
| height: 88px; |
| min-height: 88px; |
| max-height: 88px; } |
| md-toolbar.md-medium-tall .md-toolbar-tools { |
| height: 48px; |
| min-height: 48px; |
| max-height: 48px; } |
| md-toolbar > .md-indent { |
| margin-left: 64px; } |
| md-toolbar ~ md-content > md-list { |
| padding: 0; } |
| md-toolbar ~ md-content > md-list md-list-item:last-child md-divider { |
| display: none; } |
| |
| .md-toolbar-tools { |
| font-size: 20px; |
| letter-spacing: 0.005em; |
| box-sizing: border-box; |
| font-weight: 400; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-align-items: center; |
| -ms-flex-align: center; |
| align-items: center; |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| width: 100%; |
| height: 64px; |
| max-height: 64px; |
| padding: 0 16px; |
| margin: 0; } |
| .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 { |
| font-size: inherit; |
| font-weight: inherit; |
| margin: inherit; } |
| .md-toolbar-tools a { |
| color: inherit; |
| text-decoration: none; } |
| .md-toolbar-tools .fill-height { |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-align-items: center; |
| -ms-flex-align: center; |
| align-items: center; } |
| .md-toolbar-tools .md-button { |
| margin-top: 0; |
| margin-bottom: 0; } |
| .md-toolbar-tools > .md-button:first-child { |
| margin-left: -8px; } |
| .md-toolbar-tools > .md-button:last-child { |
| margin-right: -8px; } |
| .md-toolbar-tools > md-menu:last-child { |
| margin-right: -8px; } |
| .md-toolbar-tools > md-menu:last-child > .md-button { |
| margin-right: 0; } |
| @media screen and (-ms-high-contrast: active) { |
| .md-toolbar-tools { |
| border-bottom: 1px solid #fff; } } |
| |
| @media only screen and (min-width: 0) and (max-width: 959px) and (orientation: portrait) { |
| md-toolbar { |
| min-height: 56px; } |
| .md-toolbar-tools { |
| height: 56px; |
| max-height: 56px; } } |
| |
| @media only screen and (min-width: 0) and (max-width: 959px) and (orientation: landscape) { |
| md-toolbar { |
| min-height: 48px; } |
| .md-toolbar-tools { |
| height: 48px; |
| max-height: 48px; } } |