ecomp-portal-FE/client/bower_components/angular-material/modules/closure/tabs/tabs.css

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