gerrit.onap Code Review - vnfsdk/refrepo.git/blob

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v1.1.3
   6  */
   7 md-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; } }