| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- /*!
- * AngularJS Material Design
- * https://github.com/angular/material
- * @license MIT
- * v1.1.8-master-aba7b2b
- */
- md-toolbar {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- flex-direction: column;
- position: relative;
- z-index: 2;
- font-size: 20px;
- min-height: 64px;
- width: 100%; }
- md-toolbar._md-toolbar-transitions {
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
- transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
- -webkit-transition-property: background-color, fill, color;
- transition-property: background-color, fill, color; }
- md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
- -webkit-transition: box-shadow 0.5s linear;
- 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.ng-animate {
- -webkit-transition: none;
- transition: none; }
- 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; }
- [dir=rtl] md-toolbar > .md-indent {
- margin-left: auto;
- margin-right: 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-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-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-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center; }
- .md-toolbar-tools md-checkbox {
- margin: inherit; }
- .md-toolbar-tools .md-button {
- margin-top: 0;
- margin-bottom: 0; }
- .md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
- transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
- -webkit-transition-property: background-color, fill, color;
- transition-property: background-color, fill, color; }
- .md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
- -webkit-transition: none;
- transition: none; }
- .md-toolbar-tools > .md-button:first-child {
- margin-left: -8px; }
- [dir=rtl] .md-toolbar-tools > .md-button:first-child {
- margin-left: auto;
- margin-right: -8px; }
- .md-toolbar-tools > .md-button:last-child {
- margin-right: -8px; }
- [dir=rtl] .md-toolbar-tools > .md-button:last-child {
- margin-right: auto;
- margin-left: -8px; }
- .md-toolbar-tools > md-menu:last-child {
- margin-right: -8px; }
- [dir=rtl] .md-toolbar-tools > md-menu:last-child {
- margin-right: auto;
- margin-left: -8px; }
- .md-toolbar-tools > md-menu:last-child > .md-button {
- margin-right: 0; }
- [dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
- margin-right: auto;
- margin-left: 0; }
- @media screen and (-ms-high-contrast: active) {
- .md-toolbar-tools {
- border-bottom: 1px solid #fff; } }
- @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
- md-toolbar {
- min-height: 56px; }
- .md-toolbar-tools {
- height: 56px;
- max-height: 56px; } }
- @media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
- md-toolbar {
- min-height: 48px; }
- .md-toolbar-tools {
- height: 48px;
- max-height: 48px; } }
|