| @mixin cx-charts { |
| // cxOrgChartStyles |
| .orgchart { |
| background: #919293 url(img/sidebar-gradient.png) repeat-y top right; |
| border: 1px solid grey; |
| color: grey; |
| font-weight: bold; |
| font-family: Tahoma; |
| padding: 10px; |
| } |
| |
| .orgchartNode { |
| background: #e1e2e3 url(img/sidebar-gradient.png) repeat-y top right; |
| border-radius: 18px; |
| border: 4px solid #9edbfb; |
| padding: 10px!important; |
| } |
| |
| .orgchartSelectedNode{ |
| background-color: #9edbfb; |
| border: 4px solid #fbe99e; |
| border-radius: 18px; |
| } |
| |
| .v-caption-orgchart .v-captiontext { |
| font-size: 16px; |
| line-height: 1; |
| font-weight: normal; |
| padding: .5em .5em 1.0em; |
| /*padding: .5em 0;*/ |
| -webkit-font-smoothing: antialiased; |
| background: #414243 url(img/sidebar-gradient.png) repeat-y top right; |
| overflow: visible; |
| position: relative; |
| z-index: 2; |
| |
| white-space: normal; |
| color: #fff; |
| text-shadow: 0 2px 2px rgba(0,0,0,.5); |
| |
| display: block !important; |
| } |
| |
| .v-gridlayout-orgchartUser { |
| color: grey; |
| font-family: Tahoma; |
| font-weight: bold; |
| // border-radius: 18px; |
| // border: 4px solid #9edbfb; |
| margin: 10px; |
| padding: 10px; |
| // margin-left: 30px; |
| text-align: center; |
| } |
| |
| .v-horizontallayout-orgchartUser { |
| color: grey; |
| font-family: Tahoma; |
| font-weight: bold; |
| border-radius: 18px; |
| border: 4px solid #9edbfb; |
| margin: 10px; |
| padding: 10px; |
| text-align: center; |
| } |
| |
| .v-gridlayout-orgchartUser div { |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| .v-gridlayout-orgchartUser div > div { |
| padding: 3px; |
| text-align: center; |
| } |
| |
| .orgchart-multipos { |
| color: red; |
| font-style: italic; |
| } |
| |
| .orgchart-classic { |
| color: red; |
| font-style: italic; |
| } |
| |
| .orgchart-modern { |
| color: red; |
| font-style: italic; |
| } |
| |
| .orgchart-compex { |
| color: blue; |
| font-style: italic; |
| } |
| |
| //cxd3TreeMapStyles |
| .node { |
| cursor: pointer; |
| border: solid 1px white; |
| font: 10px sans-serif; |
| line-height: 12px; |
| overflow: hidden; |
| position: absolute; |
| text-indent: 2px; |
| } |
| |
| //cxd3CollapsibleTreeStyles |
| .node circle { |
| fill: #fff; |
| stroke: steelblue; |
| stroke-width: 1.5px; |
| } |
| |
| .node text { |
| font: 10px sans-serif; |
| } |
| |
| .link { |
| fill: none; |
| stroke: #ccc; |
| stroke-width: 1.5px; |
| } |
| |
| //cxd3Topo |
| .subunit-label { |
| fill: #777; |
| fill-opacity: .5; |
| font-size: 20px; |
| font-weight: 300; |
| text-anchor: middle; |
| } |
| |
| .place, |
| .place-label { |
| fill: #444; |
| } |
| |
| text.place-label { |
| font-size: 10px; |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
| /*pointer-events: none;*/ |
| } |
| |
| text.place-label:hover { |
| fill: #6699FF; |
| font-size: 20px; |
| } |
| |
| |
| //cxd3USTopo |
| path.usa { |
| fill: #60a060; |
| stroke: #fff; |
| stroke-width: .5px; |
| } |
| |
| path.usa:hover { |
| fill: #80e080; |
| } |
| |
| |
| //cxd3ESTopo |
| path.world { |
| stroke: white; |
| stroke-width: 0.25px; |
| fill: black; |
| } |
| |
| path.world:hover { |
| fill: red; |
| } |
| |
| |
| //cxd3DETopo |
| path.subunit.DEU:hover { |
| fill: #80e080; |
| } |
| |
| path.subunit.DEU { |
| fill: #60a060; |
| stroke: #fff; |
| stroke-width: .5px; |
| } |
| |
| path.deu { |
| fill: #60a060; |
| stroke: #fff; |
| stroke-width: .5px; |
| } |
| |
| path.deu:hover { |
| fill: #80e080; |
| } |
| |
| |
| //cxd3WorldTopo |
| path.world { |
| stroke: white; |
| stroke-width: 0.25px; |
| fill: black; |
| } |
| |
| path.world:hover { |
| fill: red; |
| } |
| } |