arnaucube
arnaucube/socketioMEANseedPublic Self-hosted repository
socketioMEANseed/www/bower_components/angular-material/modules/js/tabs/tabs.css
www/bower_components/angular-material/modules/js/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; }