@lidorsystems/integralui-web
Version:
IntegralUI Web - Advanced UI Components for Angular
66 lines (63 loc) • 2.02 kB
CSS
.iui-treeitem {
color: #cccccc;
}
.iui-treeitem-hovered, .iui-treeitem-content-hovered {
background-color: transparent;
border: 2px solid transparent;
color: white;
animation-name: iui-treeitem-hovered-animate-enter;
animation-delay: 0s;
animation-direction: normal;
animation-duration: 0.15s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: linear;
}
@keyframes iui-treeitem-hovered-animate-enter {
0% { background: transparent; border-color: transparent; }
100% { background: #2a2d2e; border-color: #2a2d2e; }
}
.iui-treeitem-selected, .iui-treeitem-content-selected {
background-color: transparent;
border: 2px solid transparent;
color: white;
animation-name: iui-treeitem-selected-animate-enter;
animation-delay: 0s;
animation-direction: normal;
animation-duration: 0.25s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: linear;
}
.iui-treeitem-selected .iui-treeitem-expand-box, .iui-treeitem-content-selected .iui-treeitem-expand-box {
opacity: 1;
}
@keyframes iui-treeitem-selected-animate-enter {
0% { background: #2a2d2e; border-color: #2a2d2e; color: #cccccc; }
100% { background: #0a4369; border-color: #0a4369; color: white; }
}
.iui-treeitem-expand-box {
background: url(../../icons/expandbox-icons.png) no-repeat -48px -48px;
}
.iui-treeitem-expand-box-open {
background-position: -48px -16px;
opacity: 0.25;
}
.iui-treeitem-expand-box-open:hover {
opacity: 0.75;
}
.iui-treeitem-expand-box-close {
background-position: -48px 0;
opacity: 0.25;
}
.iui-treeitem-expand-box-close:hover {
opacity: 0.75;
}
.iui-treeitem-expand-box-open-animate {
background-position: -48px 0;
}
.iui-treeitem-expand-box-close-animate {
background-position: -48px 0;
}