arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/lib/angular-material/modules/closure/tabs/tabs.css
www/lib/angular-material/modules/closure/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; }