gerrit.onap Code Review - vnfsdk/refrepo.git/blob

   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
  23 md-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
  32 md-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
  70 md-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
 129 md-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
 160 md-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
 186 md-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
 195 md-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
 256 md-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
 269 md-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
 311 md-toolbar + md-tabs {
 312   border-top-left-radius: 0;
 313   border-top-right-radius: 0; }