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-checkbox {
   8   margin: 19px 0 18px; }
   9
  10 md-checkbox {
  11   box-sizing: border-box;
  12   display: inline-block;
  13   margin-bottom: 16px;
  14   white-space: nowrap;
  15   cursor: pointer;
  16   outline: none;
  17   -webkit-user-select: none;
  18      -moz-user-select: none;
  19       -ms-user-select: none;
  20           user-select: none;
  21   position: relative;
  22   min-width: 20px;
  23   min-height: 20px;
  24   margin-left: 0;
  25   margin-right: 16px; }
  26   [dir=rtl] md-checkbox {
  27     margin-left: 16px; }
  28   [dir=rtl] md-checkbox {
  29     margin-right: 0; }
  30   md-checkbox:last-of-type {
  31     margin-left: 0;
  32     margin-right: 0; }
  33   md-checkbox.md-focused:not([disabled]) .md-container:before {
  34     left: -8px;
  35     top: -8px;
  36     right: -8px;
  37     bottom: -8px; }
  38   md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  39     background-color: rgba(0, 0, 0, 0.12); }
  40   md-checkbox.md-align-top-left > div.md-container {
  41     top: 12px; }
  42   md-checkbox .md-container {
  43     position: absolute;
  44     top: 50%;
  45     -webkit-transform: translateY(-50%);
  46             transform: translateY(-50%);
  47     box-sizing: border-box;
  48     display: inline-block;
  49     width: 20px;
  50     height: 20px;
  51     left: 0;
  52     right: auto; }
  53     [dir=rtl] md-checkbox .md-container {
  54       left: auto; }
  55     [dir=rtl] md-checkbox .md-container {
  56       right: 0; }
  57     md-checkbox .md-container:before {
  58       box-sizing: border-box;
  59       background-color: transparent;
  60       border-radius: 50%;
  61       content: '';
  62       position: absolute;
  63       display: block;
  64       height: auto;
  65       left: 0;
  66       top: 0;
  67       right: 0;
  68       bottom: 0;
  69       -webkit-transition: all 0.5s;
  70       transition: all 0.5s;
  71       width: auto; }
  72     md-checkbox .md-container:after {
  73       box-sizing: border-box;
  74       content: '';
  75       position: absolute;
  76       top: -10px;
  77       right: -10px;
  78       bottom: -10px;
  79       left: -10px; }
  80     md-checkbox .md-container .md-ripple-container {
  81       position: absolute;
  82       display: block;
  83       width: auto;
  84       height: auto;
  85       left: -15px;
  86       top: -15px;
  87       right: -15px;
  88       bottom: -15px; }
  89   md-checkbox .md-icon {
  90     box-sizing: border-box;
  91     -webkit-transition: 240ms;
  92     transition: 240ms;
  93     position: absolute;
  94     top: 0;
  95     left: 0;
  96     width: 20px;
  97     height: 20px;
  98     border-width: 2px;
  99     border-style: solid;
 100     border-radius: 2px; }
 101   md-checkbox.md-checked .md-icon {
 102     border-color: transparent; }
 103     md-checkbox.md-checked .md-icon:after {
 104       box-sizing: border-box;
 105       -webkit-transform: rotate(45deg);
 106               transform: rotate(45deg);
 107       position: absolute;
 108       left: 4.66667px;
 109       top: 0.22222px;
 110       display: table;
 111       width: 6.66667px;
 112       height: 13.33333px;
 113       border-width: 2px;
 114       border-style: solid;
 115       border-top: 0;
 116       border-left: 0;
 117       content: ''; }
 118   md-checkbox[disabled] {
 119     cursor: default; }
 120   md-checkbox.md-indeterminate .md-icon:after {
 121     box-sizing: border-box;
 122     position: absolute;
 123     top: 50%;
 124     left: 50%;
 125     -webkit-transform: translate(-50%, -50%);
 126             transform: translate(-50%, -50%);
 127     display: table;
 128     width: 12px;
 129     height: 2px;
 130     border-width: 2px;
 131     border-style: solid;
 132     border-top: 0;
 133     border-left: 0;
 134     content: ''; }
 135   md-checkbox .md-label {
 136     box-sizing: border-box;
 137     position: relative;
 138     display: inline-block;
 139     vertical-align: middle;
 140     white-space: normal;
 141     -webkit-user-select: text;
 142        -moz-user-select: text;
 143         -ms-user-select: text;
 144             user-select: text;
 145     margin-left: 30px;
 146     margin-right: 0; }
 147     [dir=rtl] md-checkbox .md-label {
 148       margin-left: 0; }
 149     [dir=rtl] md-checkbox .md-label {
 150       margin-right: 30px; }