arnaucube
arnaucube/socketioMEANseedPublic Self-hosted repository
socketioMEANseed/www/bower_components/angular-material/modules/closure/toolbar/toolbar.css
www/bower_components/angular-material/modules/closure/toolbar/toolbar.cssRaw
  1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.3
  6 */
  7md-toolbar {
  8  box-sizing: border-box;
  9  display: -webkit-box;
 10  display: -webkit-flex;
 11  display: flex;
 12  -webkit-box-orient: vertical;
 13  -webkit-box-direction: normal;
 14  -webkit-flex-direction: column;
 15          flex-direction: column;
 16  position: relative;
 17  z-index: 2;
 18  font-size: 20px;
 19  min-height: 64px;
 20  width: 100%; }
 21  md-toolbar._md-toolbar-transitions {
 22    -webkit-transition-duration: 0.5s;
 23            transition-duration: 0.5s;
 24    -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
 25            transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
 26    -webkit-transition-property: background-color, fill, color;
 27    transition-property: background-color, fill, color; }
 28  md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
 29    -webkit-transition: box-shadow 0.5s linear;
 30    transition: box-shadow 0.5s linear; }
 31  md-toolbar md-toolbar-filler {
 32    width: 72px; }
 33  md-toolbar *,
 34  md-toolbar *:before,
 35  md-toolbar *:after {
 36    box-sizing: border-box; }
 37  md-toolbar.ng-animate {
 38    -webkit-transition: none;
 39    transition: none; }
 40  md-toolbar.md-tall {
 41    height: 128px;
 42    min-height: 128px;
 43    max-height: 128px; }
 44  md-toolbar.md-medium-tall {
 45    height: 88px;
 46    min-height: 88px;
 47    max-height: 88px; }
 48    md-toolbar.md-medium-tall .md-toolbar-tools {
 49      height: 48px;
 50      min-height: 48px;
 51      max-height: 48px; }
 52  md-toolbar > .md-indent {
 53    margin-left: 64px; }
 54    [dir=rtl] md-toolbar > .md-indent {
 55      margin-left: auto;
 56      margin-right: 64px; }
 57  md-toolbar ~ md-content > md-list {
 58    padding: 0; }
 59    md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
 60      display: none; }
 61
 62.md-toolbar-tools {
 63  font-size: 20px;
 64  letter-spacing: 0.005em;
 65  box-sizing: border-box;
 66  font-weight: 400;
 67  display: -webkit-box;
 68  display: -webkit-flex;
 69  display: flex;
 70  -webkit-box-align: center;
 71  -webkit-align-items: center;
 72          align-items: center;
 73  -webkit-box-orient: horizontal;
 74  -webkit-box-direction: normal;
 75  -webkit-flex-direction: row;
 76          flex-direction: row;
 77  width: 100%;
 78  height: 64px;
 79  max-height: 64px;
 80  padding: 0 16px;
 81  margin: 0; }
 82  .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
 83    font-size: inherit;
 84    font-weight: inherit;
 85    margin: inherit; }
 86  .md-toolbar-tools a {
 87    color: inherit;
 88    text-decoration: none; }
 89  .md-toolbar-tools .fill-height {
 90    display: -webkit-box;
 91    display: -webkit-flex;
 92    display: flex;
 93    -webkit-box-align: center;
 94    -webkit-align-items: center;
 95            align-items: center; }
 96  .md-toolbar-tools md-checkbox {
 97    margin: inherit; }
 98  .md-toolbar-tools .md-button {
 99    margin-top: 0;
100    margin-bottom: 0; }
101    .md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
102      -webkit-transition-duration: 0.5s;
103              transition-duration: 0.5s;
104      -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
105              transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
106      -webkit-transition-property: background-color, fill, color;
107      transition-property: background-color, fill, color; }
108      .md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
109        -webkit-transition: none;
110        transition: none; }
111  .md-toolbar-tools > .md-button:first-child {
112    margin-left: -8px; }
113    [dir=rtl] .md-toolbar-tools > .md-button:first-child {
114      margin-left: auto;
115      margin-right: -8px; }
116  .md-toolbar-tools > .md-button:last-child {
117    margin-right: -8px; }
118    [dir=rtl] .md-toolbar-tools > .md-button:last-child {
119      margin-right: auto;
120      margin-left: -8px; }
121  .md-toolbar-tools > md-menu:last-child {
122    margin-right: -8px; }
123    [dir=rtl] .md-toolbar-tools > md-menu:last-child {
124      margin-right: auto;
125      margin-left: -8px; }
126    .md-toolbar-tools > md-menu:last-child > .md-button {
127      margin-right: 0; }
128      [dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
129        margin-right: auto;
130        margin-left: 0; }
131  @media screen and (-ms-high-contrast: active) {
132    .md-toolbar-tools {
133      border-bottom: 1px solid #fff; } }
134
135@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
136  md-toolbar {
137    min-height: 56px; }
138  .md-toolbar-tools {
139    height: 56px;
140    max-height: 56px; } }
141
142@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
143  md-toolbar {
144    min-height: 48px; }
145  .md-toolbar-tools {
146    height: 48px;
147    max-height: 48px; } }