You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
7.7 KiB
1 line
7.7 KiB
3 years ago
|
.orgchart ul{padding-left:0;text-align:center;display:flex;margin:0;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.orgchart ul li{display:inline-block;position:relative}.orgchart>ul>li>ul li:before{content:"";position:absolute;top:-11px;left:0;width:100%;border-top:2px solid rgba(217,83,79,.8);box-sizing:border-box}.orgchart>ul>li>ul li.isSiblingsCollapsed:before{content:none}.orgchart>ul>li>ul li:first-child:before{left:calc(50% - 1px);width:calc(50% + 1px)}.orgchart>ul>li>ul li:last-child:before{width:calc(50% + 1px)}.orgchart>ul>li>ul li:only-child:before{width:2px}.orgchart ul li .oc-node{box-sizing:border-box;display:inline-block;position:relative;padding:3px;border:2px dashed transparent;margin-bottom:20px}.orgchart ul li .oc-node.allowedDrop{border-color:rgba(68,157,68,.9)}.orgchart ul li .oc-node.currentDropTarget{background-color:rgba(68,157,68,.9)}.orgchart ul li .oc-node.selected,.orgchart ul li .oc-node:hover{background-color:rgba(238,217,54,.5)}.orgchart>ul>li>ul li>.oc-node:before{content:"";position:absolute;top:-11px;left:calc(50% - 1px);width:2px;height:9px;background-color:rgba(217,83,79,.8)}.orgchart>ul>li>ul li.isSiblingsCollapsed>.oc-node:before{top:-13px;height:11px}.orgchart>ul>li>ul li.isAncestorsCollapsed>.oc-node:before{content:none}.orgchart ul li .oc-node:not(:only-child):after{content:"";position:absolute;bottom:-11px;left:calc(50% - 1px);width:2px;height:9px;background-color:rgba(217,83,79,.8)}.orgchart ul li .oc-node.isChildrenCollapsed:not(:only-child):after{content:none}.orgchart ul li .oc-node .oc-heading{box-sizing:border-box;padding:2px;margin:0;width:130px;height:20px;text-align:center;font-size:.75rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(217,83,79,.8);color:#fff;border-radius:4px 4px 0 0}.orgchart ul li .oc-node .oc-heading .oc-symbol{float:left;margin-top:12px;margin-left:2px}.orgchart ul li .oc-node .oc-heading .oc-symbol:before{background-color:#fff;border-color:rgba(217,83,79,.8)}.orgchart ul li .oc-node .oc-heading .oc-symbol:after{background-color:#fff}.orgchart ul li .oc-node .oc-content{box-sizing:border-box;padding:2px;width:130px;height:20px;font-size:.625rem;border:1px solid rgba(217,83,79,.8);border-radius:0 0 4px 4px;text-align:center;background-color:#fff;color:#333;text-overflow:ellipsis;white-space:nowrap}.orgchart .oc-node .oc-edge{position:absolute;cursor:default;transition:.2s}.orgchart .oc-node .oc-edge:before{border-color:rgba(68,157,68,.5)}.orgchart.noncollapsable .oc-node .oc-edge{display:none}.orgchart .oc-node .oc-edge:hover{cursor:pointer}.orgchart .oc-edge:hover:before{border-color:#449d44}.orgchart .oc-node .verticalEdge{width:calc(100% - 6px);width:-moz-calc(100% - 6px);height:10px;left:3px}.orgchart .oc-node .verticalEdge:before{position:absolute;left:calc(50% - .3125rem)}.orgchart .oc-node .topEdge{top:-2px}.orgchart .oc-node .topEdge.oci-chevron-up:before{top:2px}.orgchart .oc-node .topEdge.oci-chevron-down:before{bottom:3px}.orgchart .oc-node .bottomEdge{bottom:-2px}.orgchart .oc-node .bottomEdge.oci-chevron-up:before{bottom:-3px}.orgchart .oc-node .bottomEdge.oci-chevron-down:before{bottom:1px}.orgchart .oc-node .horizontalEdge{width:10px;height:calc(100% - 6px);height:-moz-calc(100% - 6px);top:3px}.orgchart .oc-node .rightEdge{right:-2px}.orgchart .oc-node .leftEdge{left:-2px}.orgchart .oc-node .horizontalEdge:before{position:absolute;top:calc(50% - .3125rem)}.orgchart .oc-node .rightEdge.oci-chevron-left:before{right:-3px}.orgchart .oc-node .rightEdge.oci-chevron-right:before{right:1px}.orgchart .oc-node .leftEdge.oci-chevron-right:before{left:-3px}.orgchart .oc-node .leftEdge.oci-chevron-left:before{left:1px}.orgchart .slide-up{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}.orgchart .slide-down{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}.orgchart .slide-left{opacity:0;-webkit-transform:translateX(-130px);transform:translateX(-130px)}.orgch
|