blob: c95ce7d523b9ba7a09e50f0812a9b9d638d45aa4 [file] [log] [blame]
xos-side-panel .xos-side-panel-content {
position: fixed;
width: 30%;
height: 100%;
padding: 25px;
background: #fff;
overflow: scroll; }
xos-side-panel .xos-side-panel-content.right {
border-left: 1px solid #555555;
top: 0;
right: 0;
visibility: hidden;
box-shadow: -10px 0px 20px -8px rgba(0, 0, 0, 0.75); }
xos-side-panel .xos-side-panel-content.right.out {
animation: 0.5s slideOutRight ease-in-out;
visibility: visible; }
xos-side-panel .xos-side-panel-content.right.in {
animation: 0.5s slideInRight ease-in-out;
visibility: visible; }
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(100%, 0, 0); } }
#xosServiceGrid {
width: 100%; }
#xosServiceGrid service-graph {
display: block;
width: 100%;
height: 600px; }
#xosServiceGrid .node {
stroke: #337ab7;
fill: white; }
#xosServiceGrid .node.xos {
fill: #d9534f; }
#xosServiceGrid .link {
stroke: #286090;
stroke-width: 2px; }
#xosServiceGrid .link-arrow {
stroke: #286090;
fill: #286090; }