adm-trv/dist/ADM-treeView.css

Pure AngularJs TreeView

/* line 8, ../src/ADM-treeView.scss */
adm-trv {
  max-width: 100%;
  position: relative;
  display: block;
  margin: 0 auto;
  direction: ltr;
  font-size: 16px;
}
/* line 16, ../src/ADM-treeView.scss */
adm-trv *,
adm-trv *:before,
adm-trv *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 24, ../src/ADM-treeView.scss */
adm-trv input {
  outline: none;
  height: 31px;
}

/* line 30, ../src/ADM-treeView.scss */
.treeEditor {
  width: 100%;
  color: #828282;
  fill: #828282;
}
/* line 35, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui {
  list-style: none;
  padding: 0 40px 0 10px;
}
/* line 39, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui > li {
  position: relative;
  display: block;
  background: white;
  border: 2px solid white;
  margin: 20px 0;
  border-radius: 16px;
  -moz-box-shadow: 0 2px 5px 0 #c5c5c5;
  -webkit-box-shadow: 0 2px 5px 0 #c5c5c5;
  box-shadow: 0 2px 5px 0 #c5c5c5;
  overflow: hidden;
}
/* line 52, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui .te-i:not(.noI) {
  font-size: 1em;
  background: white;
  border-radius: 50%;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
  vertical-align: top;
  margin-top: 4px;
  cursor: pointer;
  -moz-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550), box-shadow 0.3s;
  -o-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550), box-shadow 0.3s;
  -webkit-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550), box-shadow 0.3s;
  transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550), box-shadow 0.3s;
}
/* line 65, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui .te-i:not(.noI):hover {
  -moz-box-shadow: 0 0 4px 0 #dd693f;
  -webkit-box-shadow: 0 0 4px 0 #dd693f;
  box-shadow: 0 0 4px 0 #dd693f;
}
/* line 69, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui .te-i:not(.noI).deg90 {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 73, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui .te-i:not(.noI).ng-hide {
  opacity: 0;
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
/* line 78, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui svg.te-i:not(.noI) {
  padding: 4px;
}
/* line 83, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui .te-kidContent {
  position: relative;
  display: block;
  min-height: 70px;
  overflow: hidden;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
/* line 90, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui .te-kidContent.ng-hide {
  min-height: 0;
  max-height: 0;
}
/* line 95, ../src/ADM-treeView.scss */
.treeEditor ul.te-ui .te-kidContent > div {
  position: relative;
  display: table;
  width: 100%;
  font-size: .8em;
  padding: 1em;
}
/* line 106, ../src/ADM-treeView.scss */
.treeEditor > ul.te-ui {
  padding: 1em;
}
/* line 111, ../src/ADM-treeView.scss */
.treeEditor.notEditable .te-toolbar > .te-i:not(:first-child), .treeEditor.notEditable .te-add {
  display: none;
}
/* line 116, ../src/ADM-treeView.scss */
.treeEditor.rtl {
  direction: rtl;
}
/* line 119, ../src/ADM-treeView.scss */
.treeEditor.rtl .te-header {
  padding-right: 1em;
}
/* line 122, ../src/ADM-treeView.scss */
.treeEditor.rtl .te-header .edit {
  margin-right: -10px;
}
/* line 127, ../src/ADM-treeView.scss */
.treeEditor.rtl .te-toolbar {
  direction: ltr;
  left: 0;
  padding-left: 6px;
}
/* line 134, ../src/ADM-treeView.scss */
.treeEditor.rtl .te-add .add input, .treeEditor.rtl .te-add .add select {
  margin-left: 1em;
}
/* line 140, ../src/ADM-treeView.scss */
.treeEditor.ltr .te-header {
  padding-left: 1em;
}
/* line 143, ../src/ADM-treeView.scss */
.treeEditor.ltr .te-header .edit {
  margin-left: -10px;
}
/* line 148, ../src/ADM-treeView.scss */
.treeEditor.ltr .te-toolbar {
  right: 0;
  padding-right: 6px;
}
/* line 154, ../src/ADM-treeView.scss */
.treeEditor.ltr .te-add .add input, .treeEditor.ltr .te-add .add select {
  margin-right: 1em;
}

/* line 161, ../src/ADM-treeView.scss */
.te-header {
  cursor: pointer;
  background: #e8c187;
  color: #795548;
  font-size: 0.8em;
  line-height: 32px;
  height: 32px;
}
/* line 171, ../src/ADM-treeView.scss */
.te-header .edit input {
  background: #f5dab1;
  border: none;
  border-radius: 16px;
  padding: 0 0.8em;
  height: 26px;
}

/* line 181, ../src/ADM-treeView.scss */
.te-toolbar {
  position: absolute;
  display: block;
  top: 0;
  direction: rtl;
}
/* line 187, ../src/ADM-treeView.scss */
.te-toolbar .deleteConfirm {
  font-size: .8em;
  margin: 0 1em;
}
/* line 191, ../src/ADM-treeView.scss */
.te-toolbar .deleteConfirm span {
  border-radius: 2em;
  height: 25px;
  vertical-align: top;
  margin-top: 4px;
  display: inline-block;
  line-height: 2;
  padding: 0 0.7em;
  cursor: pointer;
}
/* line 201, ../src/ADM-treeView.scss */
.te-toolbar .deleteConfirm span:last-child {
  background: #f44336;
  color: white;
}
/* line 205, ../src/ADM-treeView.scss */
.te-toolbar .deleteConfirm span:last-child:hover {
  background: #f32c1e;
}
/* line 209, ../src/ADM-treeView.scss */
.te-toolbar .deleteConfirm span:first-child {
  background: white;
}
/* line 212, ../src/ADM-treeView.scss */
.te-toolbar .deleteConfirm span:first-child:hover {
  background: #f2f2f2;
}

/* line 221, ../src/ADM-treeView.scss */
.te-add .te-add-btn {
  background: #e8c187;
  color: #795548;
  fill: #795548;
  width: 200px;
  max-width: 100%;
  position: relative;
  display: block;
  border-radius: 1em;
  text-align: center;
  margin: 1em auto;
  font-size: .9em;
  font-weight: bold;
  padding: 0.4em 0;
  cursor: pointer;
  line-height: 1.5;
}
/* line 238, ../src/ADM-treeView.scss */
.te-add .te-add-btn:after {
  content: '';
  position: absolute;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: inherit;
  border: 2px solid white;
  top: 0;
  left: 0;
  margin: 1px;
}
/* line 252, ../src/ADM-treeView.scss */
.te-add .te-add-btn:hover {
  background: #e4b672;
}
/* line 257, ../src/ADM-treeView.scss */
.te-add .add {
  margin-bottom: 1.1em;
  margin-top: 1.4em;
  text-align: center;
}
/* line 262, ../src/ADM-treeView.scss */
.te-add .add input, .te-add .add select {
  width: 150px;
  font-size: 0.8em;
  border-radius: 16px;
  border: 1px solid #ccc;
  color: #808080;
  padding: 2px 1em;
}
/* line 271, ../src/ADM-treeView.scss */
.te-add .add .te-i {
  background: #eee !important;
}
/* line 274, ../src/ADM-treeView.scss */
.te-add .add .te-i:hover {
  -moz-box-shadow: 0 0 4px 0 #888787;
  -webkit-box-shadow: 0 0 4px 0 #888787;
  box-shadow: 0 0 4px 0 #888787;
}

/* line 281, ../src/ADM-treeView.scss */
.te-empty {
  text-align: center;
  color: #e8c187;
  fill: #e8c187;
  font-size: .8em;
  margin: 0;
  height: 0;
  line-height: 50px;
  overflow: hidden;
  font-weight: bold;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
/* line 294, ../src/ADM-treeView.scss */
.te-empty.active {
  height: 50px;
}
/* line 298, ../src/ADM-treeView.scss */
.te-empty i {
  font-size: 1.5em;
}
/* line 302, ../src/ADM-treeView.scss */
.te-empty.main {
  color: #ff5722;
  fill: #ff5722;
  background: white;
}

/* line 309, ../src/ADM-treeView.scss */
.te-selectable {
  padding: 8px 0;
}
/* line 312, ../src/ADM-treeView.scss */
.te-selectable > span {
  padding: 0 3px;
}

/* line 317, ../src/ADM-treeView.scss */
.te-checkbox {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  vertical-align: top;
  margin-top: 6px;
  -moz-transition: all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -o-transition: all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -webkit-transition: all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  transition: all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
/* line 328, ../src/ADM-treeView.scss */
.te-checkbox > div {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #d4896d;
  opacity: 0;
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -moz-transition: all 0.15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -o-transition: all 0.15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -webkit-transition: all 0.15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  transition: all 0.15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
/* line 338, ../src/ADM-treeView.scss */
.te-checkbox > div:after {
  content: '';
  position: absolute;
  display: block;
  width: 80%;
  height: 50%;
  border: 0 solid white;
  border-width: 0 0 2px 2px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* line 353, ../src/ADM-treeView.scss */
.te-checkbox.checked {
  border-color: #d4896d;
}
/* line 356, ../src/ADM-treeView.scss */
.te-checkbox.checked > div {
  opacity: 1;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* line 364, ../src/ADM-treeView.scss */
.te-ngIfAnim.ng-animate {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
/* line 367, ../src/ADM-treeView.scss */
.te-ngIfAnim.ng-enter {
  z-index: -1;
  opacity: 0;
  -moz-transform: translateY(-2.5em);
  -ms-transform: translateY(-2.5em);
  -webkit-transform: translateY(-2.5em);
  transform: translateY(-2.5em);
}
/* line 372, ../src/ADM-treeView.scss */
.te-ngIfAnim.ng-enter.ng-enter-active {
  z-index: 0;
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 378, ../src/ADM-treeView.scss */
.te-ngIfAnim.ng-leave {
  z-index: 0;
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 383, ../src/ADM-treeView.scss */
.te-ngIfAnim.ng-leave.ng-leave-active {
  z-index: -1;
  opacity: 0;
  -moz-transform: translateY(-2.5em);
  -ms-transform: translateY(-2.5em);
  -webkit-transform: translateY(-2.5em);
  transform: translateY(-2.5em);
}

/* line 391, ../src/ADM-treeView.scss */
.te-loading {
  position: absolute;
  background: #e91e63;
  /*background: white;*/
  border-radius: 50%;
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
  padding: 1em;
  color: white;
  fill: white;
  /*color: #E91E63;*/
  border: 2px solid;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -moz-transition: all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -o-transition: all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -webkit-transition: all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  transition: all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
/* line 408, ../src/ADM-treeView.scss */
.te-loading.ng-hide {
  opacity: 0;
  -moz-transform: translate(-50%, -50%) scale(1.5);
  -ms-transform: translate(-50%, -50%) scale(1.5);
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}
/* line 413, ../src/ADM-treeView.scss */
.te-loading.disable {
  opacity: 0 !important;
  -moz-transform: translate(-50%, -50%) scale(1.5) !important;
  -ms-transform: translate(-50%, -50%) scale(1.5) !important;
  -webkit-transform: translate(-50%, -50%) scale(1.5) !important;
  transform: translate(-50%, -50%) scale(1.5) !important;
}
/* line 418, ../src/ADM-treeView.scss */
.te-loading svg {
  width: 1em;
  height: 1em;
  font-size: 2em;
  animation: te-iconSpin 2s infinite linear;
}
/* line 425, ../src/ADM-treeView.scss */
.te-loading.small {
  padding: 0.3em;
}
/* line 428, ../src/ADM-treeView.scss */
.te-loading.small i {
  font-size: 1.5em;
}

/* line 436, ../src/ADM-treeView.scss */
.te-repeatAnim > *.ng-move,
.te-repeatAnim > *.ng-enter,
.te-repeatAnim > *.ng-leave {
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -moz-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -o-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -webkit-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
/* line 444, ../src/ADM-treeView.scss */
.te-repeatAnim.enterOnly > *.ng-leave {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
/* line 449, ../src/ADM-treeView.scss */
.te-repeatAnim > *.ng-leave.ng-leave-active,
.te-repeatAnim > *.ng-move,
.te-repeatAnim > *.ng-enter {
  opacity: 0;
  -moz-transform: translateY(30px) scale(0.5) rotateZ(-7deg);
  -ms-transform: translateY(30px) scale(0.5) rotateZ(-7deg);
  -webkit-transform: translateY(30px) scale(0.5) rotateZ(-7deg);
  transform: translateY(30px) scale(0.5) rotateZ(-7deg);
}
/* line 457, ../src/ADM-treeView.scss */
.te-repeatAnim > *.ng-leave,
.te-repeatAnim > *.ng-move.ng-move-active,
.te-repeatAnim > *.ng-enter.ng-enter-active {
  opacity: 1;
  -moz-transform: translateY(0) scale(1) rotateZ(0);
  -ms-transform: translateY(0) scale(1) rotateZ(0);
  -webkit-transform: translateY(0) scale(1) rotateZ(0);
  transform: translateY(0) scale(1) rotateZ(0);
}

/* line 466, ../src/ADM-treeView.scss */
.te-c-success {
  color: #00b300 !important;
  fill: #00b300 !important;
}

/* line 471, ../src/ADM-treeView.scss */
.te-i {
  width: 21px;
  height: 21px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  fill: inherit;
}

@-moz-keyframes te-iconSpin {
  0% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes te-iconSpin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes te-iconSpin {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}