99 lines
2.4 KiB
CSS
99 lines
2.4 KiB
CSS
html,body{
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0px;
|
|
}
|
|
.orgchart {
|
|
background: #f5f5f5;
|
|
}
|
|
.orgchart td.left, .orgchart td.right, .orgchart td.top {
|
|
border-color: #d2d2d2;
|
|
}
|
|
.orgchart td>.down {
|
|
background-color: #d2d2d2;
|
|
}
|
|
.orgchart .middle-level .title {
|
|
background-color: #006699;
|
|
}
|
|
.orgchart .middle-level .content {
|
|
border-color: #006699;
|
|
}
|
|
.orgchart .product-dept .title {
|
|
background-color: #009933;
|
|
}
|
|
.orgchart .product-dept .content {
|
|
border-color: #009933;
|
|
}
|
|
.orgchart .rd-dept .title {
|
|
background-color: #993366;
|
|
}
|
|
.orgchart .rd-dept .content {
|
|
border-color: #993366;
|
|
}
|
|
.orgchart .pipeline1 .title {
|
|
background-color: #996633;
|
|
}
|
|
.orgchart .pipeline1 .content {
|
|
border-color: #996633;
|
|
}
|
|
.orgchart .frontend1 .title {
|
|
background-color: #cc0066;
|
|
}
|
|
.orgchart .frontend1 .content {
|
|
border-color: #cc0066;
|
|
}
|
|
.orgchart>table>tr>td> .node{
|
|
width: auto!important;
|
|
height: auto!important;
|
|
}
|
|
/*.first_node {
|
|
width: auto!important;
|
|
height: auto!important;
|
|
}*/
|
|
.orgchart>table>tr>td> .node .title{
|
|
width: 30px!important;
|
|
word-break: break-all!important;
|
|
height: auto!important;
|
|
-webkit-transform: rotate(-90deg) translate(50%, 50%) rotateY(180deg)!important;
|
|
transform: rotate(-90deg) translate(50%, 50%) rotateY(180deg)!important;
|
|
-moz-transform: rotate(-90deg) translate(50%, 50%) rotateY(180deg)!important;
|
|
-ms-transform: rotate(-90deg) translate(50%, 50%) rotateY(180deg)!important;
|
|
white-space: normal!important;
|
|
font-size: 18px!important;
|
|
}
|
|
.title.special_prouduct {
|
|
word-break: break-all!important;
|
|
height: 40px!important;
|
|
-webkit-transform: rotate(-90deg) translate(-20px, -20px) rotateY(180deg)!important;
|
|
transform: rotate(-90deg) translate(-20px, -20px) rotateY(180deg)!important;
|
|
-moz-transform: rotate(-90deg) translate(-20px, -20px) rotateY(180deg)!important;
|
|
-ms-transform: rotate(-90deg) translate(-20px, -20px) rotateY(180deg)!important;
|
|
white-space: normal!important;
|
|
padding: 2px;
|
|
line-height: 18px!important;
|
|
}
|
|
.orgchart.scale{
|
|
zoom: 1;
|
|
}
|
|
/*颜色配置*/
|
|
.color0 .title{
|
|
background-color: #f89521!important;
|
|
}
|
|
.color1 .title{
|
|
background-color: #f89521!important;
|
|
}
|
|
.color2 .title{
|
|
background-color: #70c1ff!important;
|
|
}
|
|
.color3 .title{
|
|
background-color: #76ffa0!important;
|
|
}
|
|
.color4 .title{
|
|
background-color: #ffd571!important;
|
|
}
|
|
.color5 .title{
|
|
background-color: #ffb4c4!important;
|
|
}
|
|
.color6 .title{
|
|
background-color: #dadada!important;
|
|
} |