| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| md-card { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; |
| margin: 8px; |
| box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); } |
| md-card md-card-header { |
| padding: 16px; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; } |
| md-card md-card-header:first-child md-card-avatar { |
| margin-right: 12px; } |
| md-card md-card-header:last-child md-card-avatar { |
| margin-left: 12px; } |
| md-card md-card-header md-card-avatar { |
| width: 40px; |
| height: 40px; } |
| md-card md-card-header md-card-avatar .md-user-avatar, |
| md-card md-card-header md-card-avatar md-icon { |
| border-radius: 50%; } |
| md-card md-card-header md-card-avatar md-icon { |
| padding: 8px; } |
| md-card md-card-header md-card-avatar + md-card-header-text { |
| max-height: 40px; } |
| md-card md-card-header md-card-avatar + md-card-header-text .md-title { |
| font-size: 14px; } |
| md-card md-card-header md-card-header-text { |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; } |
| md-card md-card-header md-card-header-text .md-subhead { |
| font-size: 14px; } |
| md-card > img, |
| md-card > :not(md-card-content) img { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex: 0 0 auto; |
| -ms-flex: 0 0 auto; |
| flex: 0 0 auto; |
| width: 100%; |
| height: auto; } |
| md-card md-card-title { |
| padding: 24px 16px 16px; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; } |
| md-card md-card-title + md-card-content { |
| padding-top: 0; } |
| md-card md-card-title md-card-title-text { |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; } |
| md-card md-card-title md-card-title-text .md-subhead { |
| padding-top: 0; |
| font-size: 14px; } |
| md-card md-card-title md-card-title-text:only-child .md-subhead { |
| padding-top: 12px; } |
| md-card md-card-title md-card-title-media { |
| margin-top: -8px; } |
| md-card md-card-title md-card-title-media .md-media-sm { |
| height: 80px; |
| width: 80px; } |
| md-card md-card-title md-card-title-media .md-media-md { |
| height: 112px; |
| width: 112px; } |
| md-card md-card-title md-card-title-media .md-media-lg { |
| height: 152px; |
| width: 152px; } |
| md-card md-card-content { |
| display: block; |
| padding: 16px; } |
| md-card md-card-content > p:first-child { |
| margin-top: 0; } |
| md-card md-card-content > p:last-child { |
| margin-bottom: 0; } |
| md-card md-card-content .md-media-xl { |
| height: 240px; |
| width: 240px; } |
| md-card .md-actions, md-card md-card-actions { |
| margin: 8px; } |
| md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) { |
| margin: 2px 0; } |
| md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type { |
| margin-top: 0; } |
| md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type { |
| margin-bottom: 0; } |
| md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button { |
| margin-top: 6px; |
| margin-bottom: 6px; } |
| md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions { |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; |
| -webkit-justify-content: flex-start; |
| -ms-flex-pack: start; |
| justify-content: flex-start; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; } |
| md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) { |
| margin: 0 4px; } |
| md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type { |
| margin-left: 0; } |
| md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type { |
| margin-right: 0; } |
| md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button { |
| margin-left: 6px; |
| margin-right: 6px; } |
| md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type { |
| margin-left: 12px; } |
| md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type { |
| margin-right: 12px; } |
| md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions { |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; |
| -webkit-justify-content: flex-end; |
| -ms-flex-pack: end; |
| justify-content: flex-end; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; } |
| md-card md-card-footer { |
| margin-top: auto; |
| padding: 16px; } |
| |
| @media screen and (-ms-high-contrast: active) { |
| md-card { |
| border: 1px solid #fff; } } |