commonroutesApp/www/lib/angular-material/modules/js/tabs/tabs.css
www/lib/angular-material/modules/js/tabs/tabs.cssRaw
1/*!
2 * Angular Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.1.1
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 display: -webkit-box;
121 display: -webkit-flex;
122 display: flex;
123 -webkit-box-orient: horizontal;
124 -webkit-box-direction: normal;
125 -webkit-flex-direction: row;
126 flex-direction: row; }
127 md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
128 -webkit-box-flex: 1;
129 -webkit-flex-grow: 1;
130 flex-grow: 1; }
131
132md-tabs-canvas {
133 position: relative;
134 overflow: hidden;
135 display: block;
136 height: 48px; }
137 md-tabs-canvas:after {
138 content: '';
139 display: table;
140 clear: both; }
141 md-tabs-canvas .md-dummy-wrapper {
142 position: absolute;
143 top: 0;
144 left: 0; }
145 [dir=rtl] md-tabs-canvas .md-dummy-wrapper {
146 left: auto;
147 right: 0; }
148 md-tabs-canvas.md-paginated {
149 margin: 0 32px; }
150 md-tabs-canvas.md-center-tabs {
151 display: -webkit-box;
152 display: -webkit-flex;
153 display: flex;
154 -webkit-box-orient: vertical;
155 -webkit-box-direction: normal;
156 -webkit-flex-direction: column;
157 flex-direction: column;
158 text-align: center; }
159 md-tabs-canvas.md-center-tabs .md-tab {
160 float: none;
161 display: inline-block; }
162
163md-pagination-wrapper {
164 height: 48px;
165 display: block;
166 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
167 transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
168 transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
169 transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
170 position: absolute;
171 width: 999999px;
172 left: 0;
173 -webkit-transform: translate3d(0, 0, 0);
174 transform: translate3d(0, 0, 0); }
175 md-pagination-wrapper:after {
176 content: '';
177 display: table;
178 clear: both; }
179 [dir=rtl] md-pagination-wrapper {
180 left: auto;
181 right: 0; }
182 md-pagination-wrapper.md-center-tabs {
183 position: relative;
184 width: auto;
185 margin: 0 auto; }
186
187md-tabs-content-wrapper {
188 display: block;
189 position: absolute;
190 top: 48px;
191 left: 0;
192 right: 0;
193 bottom: 0;
194 overflow: hidden; }
195
196md-tab-content {
197 display: block;
198 position: absolute;
199 top: 0;
200 left: 0;
201 right: 0;
202 bottom: 0;
203 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
204 transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
205 transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
206 transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
207 overflow: auto;
208 -webkit-transform: translate3d(0, 0, 0);
209 transform: translate3d(0, 0, 0); }
210 md-tab-content.md-no-scroll {
211 bottom: auto;
212 overflow: hidden; }
213 md-tab-content.ng-leave, md-tab-content.md-no-transition {
214 -webkit-transition: none;
215 transition: none; }
216 md-tab-content.md-left:not(.md-active) {
217 -webkit-transform: translateX(-100%);
218 transform: translateX(-100%);
219 -webkit-animation: 1s md-tab-content-hide;
220 animation: 1s md-tab-content-hide;
221 opacity: 0; }
222 [dir=rtl] md-tab-content.md-left:not(.md-active) {
223 -webkit-transform: translateX(100%);
224 transform: translateX(100%); }
225 md-tab-content.md-left:not(.md-active) * {
226 -webkit-transition: visibility 0s linear;
227 transition: visibility 0s linear;
228 -webkit-transition-delay: 0.5s;
229 transition-delay: 0.5s;
230 visibility: hidden; }
231 md-tab-content.md-right:not(.md-active) {
232 -webkit-transform: translateX(100%);
233 transform: translateX(100%);
234 -webkit-animation: 1s md-tab-content-hide;
235 animation: 1s md-tab-content-hide;
236 opacity: 0; }
237 [dir=rtl] md-tab-content.md-right:not(.md-active) {
238 -webkit-transform: translateX(-100%);
239 transform: translateX(-100%); }
240 md-tab-content.md-right:not(.md-active) * {
241 -webkit-transition: visibility 0s linear;
242 transition: visibility 0s linear;
243 -webkit-transition-delay: 0.5s;
244 transition-delay: 0.5s;
245 visibility: hidden; }
246 md-tab-content > div.ng-leave {
247 -webkit-animation: 1s md-tab-content-hide;
248 animation: 1s md-tab-content-hide; }
249
250md-ink-bar {
251 position: absolute;
252 left: auto;
253 right: auto;
254 bottom: 0;
255 height: 2px; }
256 md-ink-bar.md-left {
257 -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
258 transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
259 md-ink-bar.md-right {
260 -webkit-transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
261 transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
262
263md-tab {
264 position: absolute;
265 z-index: -1;
266 left: -9999px; }
267
268.md-tab {
269 font-size: 14px;
270 text-align: center;
271 line-height: 24px;
272 padding: 12px 24px;
273 -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
274 transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
275 cursor: pointer;
276 white-space: nowrap;
277 position: relative;
278 text-transform: uppercase;
279 float: left;
280 font-weight: 500;
281 box-sizing: border-box;
282 overflow: hidden;
283 text-overflow: ellipsis; }
284 [dir=rtl] .md-tab {
285 float: right; }
286 .md-tab.md-focused {
287 box-shadow: none;
288 outline: none; }
289 .md-tab.md-active {
290 cursor: default; }
291 .md-tab.md-disabled {
292 pointer-events: none;
293 touch-action: pan-y;
294 -webkit-user-select: none;
295 -moz-user-select: none;
296 -ms-user-select: none;
297 user-select: none;
298 -webkit-user-drag: none;
299 opacity: 0.5;
300 cursor: default; }
301 .md-tab.ng-leave {
302 -webkit-transition: none;
303 transition: none; }
304
305md-toolbar + md-tabs {
306 border-top-left-radius: 0;
307 border-top-right-radius: 0; }