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 .md-inline-form md-switch {
   8   margin-top: 18px;
   9   margin-bottom: 19px; }
  10
  11 md-switch {
  12   margin: 16px 0;
  13   white-space: nowrap;
  14   cursor: pointer;
  15   outline: none;
  16   -webkit-user-select: none;
  17      -moz-user-select: none;
  18       -ms-user-select: none;
  19           user-select: none;
  20   height: 30px;
  21   line-height: 28px;
  22   -webkit-box-align: center;
  23   -webkit-align-items: center;
  24           align-items: center;
  25   display: -webkit-box;
  26   display: -webkit-flex;
  27   display: flex;
  28   margin-left: inherit;
  29   margin-right: 16px; }
  30   [dir=rtl] md-switch {
  31     margin-left: 16px; }
  32   [dir=rtl] md-switch {
  33     margin-right: inherit; }
  34   md-switch:last-of-type {
  35     margin-left: inherit;
  36     margin-right: 0; }
  37     [dir=rtl] md-switch:last-of-type {
  38       margin-left: 0; }
  39     [dir=rtl] md-switch:last-of-type {
  40       margin-right: inherit; }
  41   md-switch[disabled] {
  42     cursor: default; }
  43     md-switch[disabled] .md-container {
  44       cursor: default; }
  45   md-switch .md-container {
  46     cursor: -webkit-grab;
  47     cursor: grab;
  48     width: 36px;
  49     height: 24px;
  50     position: relative;
  51     -webkit-user-select: none;
  52        -moz-user-select: none;
  53         -ms-user-select: none;
  54             user-select: none;
  55     margin-right: 8px;
  56     float: left; }
  57     [dir=rtl] md-switch .md-container {
  58       margin-right: 0px;
  59       margin-left: 8px; }
  60   md-switch.md-inverted .md-container {
  61     margin-right: initial;
  62     margin-left: 8px; }
  63     [dir=rtl] md-switch.md-inverted .md-container {
  64       margin-right: 8px; }
  65     [dir=rtl] md-switch.md-inverted .md-container {
  66       margin-left: initial; }
  67   md-switch:not([disabled]) .md-dragging,
  68   md-switch:not([disabled]).md-dragging .md-container {
  69     cursor: -webkit-grabbing;
  70     cursor: grabbing; }
  71   md-switch.md-focused:not([disabled]) .md-thumb:before {
  72     left: -8px;
  73     top: -8px;
  74     right: -8px;
  75     bottom: -8px; }
  76   md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
  77     background-color: rgba(0, 0, 0, 0.12); }
  78   md-switch .md-label {
  79     border-color: transparent;
  80     border-width: 0;
  81     float: left; }
  82   md-switch .md-bar {
  83     left: 1px;
  84     width: 34px;
  85     top: 5px;
  86     height: 14px;
  87     border-radius: 8px;
  88     position: absolute; }
  89   md-switch .md-thumb-container {
  90     top: 2px;
  91     left: 0;
  92     width: 16px;
  93     position: absolute;
  94     -webkit-transform: translate3d(0, 0, 0);
  95             transform: translate3d(0, 0, 0);
  96     z-index: 1; }
  97   md-switch.md-checked .md-thumb-container {
  98     -webkit-transform: translate3d(100%, 0, 0);
  99             transform: translate3d(100%, 0, 0); }
 100   md-switch .md-thumb {
 101     position: absolute;
 102     margin: 0;
 103     left: 0;
 104     top: 0;
 105     outline: none;
 106     height: 20px;
 107     width: 20px;
 108     border-radius: 50%;
 109     box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
 110     md-switch .md-thumb:before {
 111       background-color: transparent;
 112       border-radius: 50%;
 113       content: '';
 114       position: absolute;
 115       display: block;
 116       height: auto;
 117       left: 0;
 118       top: 0;
 119       right: 0;
 120       bottom: 0;
 121       -webkit-transition: all 0.5s;
 122       transition: all 0.5s;
 123       width: auto; }
 124     md-switch .md-thumb .md-ripple-container {
 125       position: absolute;
 126       display: block;
 127       width: auto;
 128       height: auto;
 129       left: -20px;
 130       top: -20px;
 131       right: -20px;
 132       bottom: -20px; }
 133   md-switch:not(.md-dragging) .md-bar,
 134   md-switch:not(.md-dragging) .md-thumb-container,
 135   md-switch:not(.md-dragging) .md-thumb {
 136     -webkit-transition: all 0.08s linear;
 137     transition: all 0.08s linear;
 138     -webkit-transition-property: background-color, -webkit-transform;
 139     transition-property: background-color, -webkit-transform;
 140     transition-property: transform, background-color;
 141     transition-property: transform, background-color, -webkit-transform; }
 142   md-switch:not(.md-dragging) .md-bar,
 143   md-switch:not(.md-dragging) .md-thumb {
 144     -webkit-transition-delay: 0.05s;
 145             transition-delay: 0.05s; }
 146
 147 @media screen and (-ms-high-contrast: active) {
 148   md-switch.md-default-theme .md-bar {
 149     background-color: #666; }
 150   md-switch.md-default-theme.md-checked .md-bar {
 151     background-color: #9E9E9E; }
 152   md-switch.md-default-theme .md-thumb {
 153     background-color: #fff; } }