socketioMEANseed/www/bower_components/angular-material/modules/closure/tabs/tabs.css
www/bower_components/angular-material/modules/closure/tabs/tabs.cssRaw
1/*!
2 * Angular Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.1.3
6 */
7@-webkit-keyframes md-tab-content-hide {
8 0% {
9 opacity: 1; }
10 50% {
11 opacity: 1; }
12 100% {
13 opacity: 0; } }
14
15@keyframes md-tab-content-hide {
16 0% {
17 opacity: 1; }
18 50% {
19 opacity: 1; }
20 100% {
21 opacity: 0; } }
22
23md-tab-data {
24 position: absolute;
25 top: 0;
26 left: 0;
27 right: 0;
28 bottom: 0;
29 z-index: -1;
30 opacity: 0; }
31
32md-tabs {
33 display: block;
34 margin: 0;
35 border-radius: 2px;
36 overflow: hidden;
37 position: relative;
38 -webkit-flex-shrink: 0;
39 flex-shrink: 0; }
40 md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
41 min-height: 248px; }
42 md-tabs[md-align-tabs="bottom"] {
43 padding-bottom: 48px; }
44 md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
45 position: absolute;
46 bottom: 0;
47 left: 0;
48 right: 0;
49 height: 48px;
50 z-index: 2; }
51 md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
52 top: 0;
53 bottom: 48px; }
54 md-tabs.md-dynamic-height md-tabs-content-wrapper {
55 min-height: 0;
56 position: relative;
57 top: auto;
58 left: auto;
59 right: auto;
60 bottom: auto;
61 overflow: visible; }
62 md-tabs.md-dynamic-height md-tab-content.md-active {
63 position: relative; }
64 md-tabs[md-border-bottom] md-tabs-wrapper {
65 border-width: 0 0 1px;
66 border-style: solid; }
67 md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
68 top: 49px; }
69
70md-tabs-wrapper {
71 display: block;
72 position: relative;
73 -webkit-transform: translate3d(0, 0, 0);
74 transform: translate3d(0, 0, 0); }
75 md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
76 height: 100%;
77 width: 32px;
78 position: absolute;
79 top: 50%;
80 -webkit-transform: translateY(-50%);
81 transform: translateY(-50%);
82 line-height: 1em;
83 z-index: 2;
84 cursor: pointer;
85 font-size: 16px;
86 background: transparent no-repeat center center;
87 -webkit-transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
88 transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
89 md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
90 outline: none; }
91 md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
92 opacity: 0.25;
93 cursor: default; }
94 md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
95 -webkit-transition: none;
96 transition: none; }
97 md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
98 position: absolute;
99 top: 50%;
100 left: 50%;
101 -webkit-transform: translate3d(-50%, -50%, 0);
102 transform: translate3d(-50%, -50%, 0); }
103 md-tabs-wrapper md-prev-button {
104 left: 0;
105 background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=="); }
106 [dir=rtl] md-tabs-wrapper md-prev-button {
107 left: auto;
108 right: 0; }
109 md-tabs-wrapper md-next-button {
110 right: 0;
111 background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K"); }
112 [dir=rtl] md-tabs-wrapper md-next-button {
113 right: auto;
114 left: 0; }
115 md-tabs-wrapper md-next-button md-icon {
116 -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
117 transform: translate3d(-50%, -50%, 0) rotate(180deg); }
118 md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
119 width: 100%;
120 -webkit-box-orient: horizontal;
121 -webkit-box-direction: normal;
122 -webkit-flex-direction: row;
123 flex-direction: row; }
124 md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
125 -webkit-box-flex: 1;
126 -webkit-flex-grow: 1;
127 flex-grow: 1; }
128
129md-tabs-canvas {
130 position: relative;
131 overflow: hidden;
132 display: block;
133 height: 48px; }
134 md-tabs-canvas:after {
135 content: '';
136 display: table;
137 clear: both; }
138 md-tabs-canvas .md-dummy-wrapper {
139 position: absolute;
140 top: 0;
141 left: 0; }
142 [dir=rtl] md-tabs-canvas .md-dummy-wrapper {
143 left: auto;
144 right: 0; }
145 md-tabs-canvas.md-paginated {
146 margin: 0 32px; }
147 md-tabs-canvas.md-center-tabs {
148 display: -webkit-box;
149 display: -webkit-flex;
150 display: flex;
151 -webkit-box-orient: vertical;
152 -webkit-box-direction: normal;
153 -webkit-flex-direction: column;
154 flex-direction: column;
155 text-align: center; }
156 md-tabs-canvas.md-center-tabs .md-tab {
157 float: none;
158 display: inline-block; }
159
160md-pagination-wrapper {
161 height: 48px;
162 display: -webkit-box;
163 display: -webkit-flex;
164 display: flex;
165 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
166 transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
167 transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
168 transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
169 position: absolute;
170 left: 0;
171 -webkit-transform: translate3d(0, 0, 0);
172 transform: translate3d(0, 0, 0); }
173 md-pagination-wrapper:after {
174 content: '';
175 display: table;
176 clear: both; }
177 [dir=rtl] md-pagination-wrapper {
178 left: auto;
179 right: 0; }
180 md-pagination-wrapper.md-center-tabs {
181 position: relative;
182 -webkit-box-pack: center;
183 -webkit-justify-content: center;
184 justify-content: center; }
185
186md-tabs-content-wrapper {
187 display: block;
188 position: absolute;
189 top: 48px;
190 left: 0;
191 right: 0;
192 bottom: 0;
193 overflow: hidden; }
194
195md-tab-content {
196 display: -webkit-box;
197 display: -webkit-flex;
198 display: flex;
199 position: absolute;
200 top: 0;
201 left: 0;
202 right: 0;
203 bottom: 0;
204 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
205 transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
206 transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
207 transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
208 overflow: auto;
209 -webkit-transform: translate3d(0, 0, 0);
210 transform: translate3d(0, 0, 0); }
211 md-tab-content.md-no-scroll {
212 bottom: auto;
213 overflow: hidden; }
214 md-tab-content.ng-leave, md-tab-content.md-no-transition {
215 -webkit-transition: none;
216 transition: none; }
217 md-tab-content.md-left:not(.md-active) {
218 -webkit-transform: translateX(-100%);
219 transform: translateX(-100%);
220 -webkit-animation: 1s md-tab-content-hide;
221 animation: 1s md-tab-content-hide;
222 opacity: 0; }
223 [dir=rtl] md-tab-content.md-left:not(.md-active) {
224 -webkit-transform: translateX(100%);
225 transform: translateX(100%); }
226 md-tab-content.md-left:not(.md-active) * {
227 -webkit-transition: visibility 0s linear;
228 transition: visibility 0s linear;
229 -webkit-transition-delay: 0.5s;
230 transition-delay: 0.5s;
231 visibility: hidden; }
232 md-tab-content.md-right:not(.md-active) {
233 -webkit-transform: translateX(100%);
234 transform: translateX(100%);
235 -webkit-animation: 1s md-tab-content-hide;
236 animation: 1s md-tab-content-hide;
237 opacity: 0; }
238 [dir=rtl] md-tab-content.md-right:not(.md-active) {
239 -webkit-transform: translateX(-100%);
240 transform: translateX(-100%); }
241 md-tab-content.md-right:not(.md-active) * {
242 -webkit-transition: visibility 0s linear;
243 transition: visibility 0s linear;
244 -webkit-transition-delay: 0.5s;
245 transition-delay: 0.5s;
246 visibility: hidden; }
247 md-tab-content > div {
248 -webkit-box-flex: 1;
249 -webkit-flex: 1 0 100%;
250 flex: 1 0 100%;
251 min-width: 0; }
252 md-tab-content > div.ng-leave {
253 -webkit-animation: 1s md-tab-content-hide;
254 animation: 1s md-tab-content-hide; }
255
256md-ink-bar {
257 position: absolute;
258 left: auto;
259 right: auto;
260 bottom: 0;
261 height: 2px; }
262 md-ink-bar.md-left {
263 -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
264 transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
265 md-ink-bar.md-right {
266 -webkit-transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
267 transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
268
269md-tab {
270 position: absolute;
271 z-index: -1;
272 left: -9999px; }
273
274.md-tab {
275 font-size: 14px;
276 text-align: center;
277 line-height: 24px;
278 padding: 12px 24px;
279 -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
280 transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
281 cursor: pointer;
282 white-space: nowrap;
283 position: relative;
284 text-transform: uppercase;
285 float: left;
286 font-weight: 500;
287 box-sizing: border-box;
288 overflow: hidden;
289 text-overflow: ellipsis; }
290 [dir=rtl] .md-tab {
291 float: right; }
292 .md-tab.md-focused {
293 box-shadow: none;
294 outline: none; }
295 .md-tab.md-active {
296 cursor: default; }
297 .md-tab.md-disabled {
298 pointer-events: none;
299 touch-action: pan-y;
300 -webkit-user-select: none;
301 -moz-user-select: none;
302 -ms-user-select: none;
303 user-select: none;
304 -webkit-user-drag: none;
305 opacity: 0.5;
306 cursor: default; }
307 .md-tab.ng-leave {
308 -webkit-transition: none;
309 transition: none; }
310
311md-toolbar + md-tabs {
312 border-top-left-radius: 0;
313 border-top-right-radius: 0; }