socketioMEANseed/www/bower_components/angular-material/modules/js/toolbar/toolbar.css
www/bower_components/angular-material/modules/js/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; } }