web/gui2-topo-lib/lib/layer/forcesvg/visuals/linksvg/linksvg.component.css

/*
 * Copyright 2018-present Open Networking Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


/*
 ONOS GUI -- Topology View (forces link svg) -- CSS file
 */
/* --- Topo Links --- */
line {
    stroke: #888888;
    stroke-width: 2px;
}

.link {
    opacity: .9;
}

.link.selected {
    stroke: #009fdb;
}
.link.enhanced {
    stroke: #009fdb;
    stroke-width: 4px;
    cursor: pointer;
}

.link.inactive {
    opacity: .5;
    stroke-dasharray: 4 2;
}
/* TODO: Review for not-permitted links */
.link.not-permitted {
    stroke: rgb(255,0,0);
    stroke-dasharray: 8 4;
}

.link.secondary {
    stroke: rgba(0,153,51,0.5);
}

.link.secondary.port-traffic-green {
    stroke: rgb(0,153,51);
}

.link.secondary.port-traffic-yellow {
    stroke: rgb(128,145,27);
}

.link.secondary.port-traffic-orange {
    stroke: rgb(255, 137, 3);
}

.link.secondary.port-traffic-red {
    stroke: rgb(183, 30, 21);
}

/* Port traffic color visualization for Kbps, Mbps, and Gbps */

.link.secondary.port-traffic-Kbps {
    stroke: rgb(0,153,51);
}

.link.secondary.port-traffic-Mbps {
    stroke: rgb(128,145,27);
}

.link.secondary.port-traffic-Gbps {
    stroke: rgb(255, 137, 3);
}

.link.secondary.port-traffic-Gbps-choked {
    stroke: rgb(183, 30, 21);
}

.link.animated {
    stroke-dasharray: 8;
    animation: ants 5s infinite linear;
    /* below line could be added via Javascript, based on path, if we cared
     * enough about the direction of ant-flow
     */
    /*animation-direction: reverse;*/
}
@keyframes ants {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: 400;
    }
}

.link.primary {
    stroke-width: 4px;
    stroke: #ffA300;
}

.link.secondary.optical {
    stroke-width: 4px;
    stroke: rgba(128,64,255,0.5);
}

.link.primary.optical {
    stroke-width: 6px;
    stroke: #74f;
}

/* Link Labels */
.linkLabel rect {
    stroke: none;
    fill: #ffffff;
}

.linkLabel text {
    fill: #444;
    text-anchor: middle;
}


/* Port Labels */
.portLabel rect {
    stroke: #a3a596;
    fill: #ffffff;
}

.portLabel {
    fill: #444;
    alignment-baseline: middle;
    dominant-baseline: middle;
}

/* Number of Links Labels */


#ov-topo2 text.numLinkText {
    fill: #444;
}