cvss.css

.cvssjs i {
    width: 1em;
    height: 1em;
    display: inline-block;
    background: url("cvssicons.png") 0 0 no-repeat;
    vertical-align: middle;
    background-size: cover;
    margin-right: 4px;
    margin: 2px;
    font-size: 40px;
}

.cvssjs i.AVN {
    background-position: -3em 0;
}

.cvssjs i.AVA {
    background-position: -2em 0;
}

.cvssjs i.AVL {
    background-position: -1em 0;
}

.cvssjs i.AVP {
    background-position: 0 0;
}

.cvssjs i.ACL {
    background-position: -4em 0;
}

.cvssjs i.ACH {
    background-position: -5em 0;
}

.cvssjs i.PRN {
    background-position: -6em 0;
}

.cvssjs i.PRL {
    background-position: -7em 0;
}

.cvssjs i.PRH {
    background-position: -8em 0;
}

.cvssjs i.UIN {
    background-position: -10em 0;
}

.cvssjs i.UIR {
    background-position: -9em 0;
}

.cvssjs i.SC {
    background-position: -11em 0;
}

.cvssjs i.SU {
    background-position: -10em 0;
}

.cvssjs i.CH {
    background-position: -14em 0;
}

.cvssjs i.CL {
    background-position: -13em 0;
}

.cvssjs i.CN {
    background-position: -12em 0;
}

.cvssjs i.IH {
    background-position: -16em 0;
}

.cvssjs i.IL {
    background-position: -17em 0;
}

.cvssjs i.IN {
    background-position: -15em 0;
}

.cvssjs i.AH {
    background-position: -20em 0;
}

.cvssjs i.AL {
    background-position: -19em 0;
}

.cvssjs i.AN {
    background-position: -18em 0;
}

.cvssjs a {
    color: #489;
    text-decoration: none;
}

.cvssjs dl {
    display: inline-block;
    vertical-align: top;
    background-color: #011936;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 5px;
    margin: auto;
    margin: 2px;
    border-radius: 4px;
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
    transition: background-color 0.3s ease-in-out;
}
.cvssjs dt {
    color: #EEEEEE;
    padding: 5px;
    font-size: 75%;
    overflow-x: hidden;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.cvssjs dl:hover, .cvssjs dl:focus {
    background-color: #5decffda;
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
}
.cvssjs dl:hover dt, .cvssjs dl:focus dt {
    color: #000000;
}
.cvssjs dd {
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.cvssjs dd label,
#predef span {
    min-width: 7.5em;
    padding: 0px 2px 0px 2px;
    display: block;
    margin: 1px;
    margin-top: 0px;
    background-color: #b9fdff;
    vertical-align: middle;
    transition: background-color 0.3s ease-in-out;
}

.cvssjs dd:last-child label,
#predef span:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cvssjs dd small {
    display: none;
}

.cvssjs dd:hover small {
    position: absolute;
    max-width: 220px;
    border: solid 1px #333;
    display: block;
    color: black;
    background-color: #c1f8ff;
    border-radius: 5px;
    padding: 5px;
    margin-top: .7em;
    margin-left: 5em;
    box-shadow: 2px 2px 5px #333;
    z-index: 1;
}

#predef span:hover:before {
    content: "<";
    display: block;
    position: absolute;
    margin-top: 0px;
    margin-left: -2px;
    color: #424a40;
}

.cvssjs dd > input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.cvssjs dd:nth-child(2) input:checked + label,
.cvssjs .Critical {
    background-color: rgb(240, 130, 120);
}

.cvssjs dd input:checked + label,
.cvssjs .High {
    background-color: rgb(240, 170, 83);
    transition: background-color 0.1s ease-in-out;
}

.cvssjs dd:last-child input:checked + label,
.cvssjs dl.AV dd:nth-child(4) input:checked + label,
.cvssjs .Medium {
    background-color: rgb(250, 230, 120);
}

.cvssjs .Low {
    background-color: rgb(162, 213, 114);
}

.cvssjs dl.C dd:last-child input:checked + label,
.cvssjs dl.I dd:last-child input:checked + label,
.cvssjs dl.A dd:last-child input:checked + label,
.cvssjs .None {
    background-color: rgb(98, 185, 255);
}

.cvssjs dd:nth-child(2) label:hover {
    background-color: rgb(250, 140, 130);
}

.cvssjs dd label:hover {
    background-color: rgb(250, 180, 93);
    transition: background-color 0.1s ease-in-out;
}

.cvssjs dl.PR dd:last-child label:hover,
.cvssjs dd:last-child label:hover,
.cvssjs dl.AV dd:nth-child(4) label:hover {
    background-color: rgb(255, 240, 130);
}

.cvssjs dl.C dd:last-child label:hover,
.cvssjs dl.I dd:last-child label:hover,
.cvssjs dl.A dd:last-child label:hover {
    background-color: rgb(98, 185, 255);
}

.cvssjs hr {
    border-style: dashed;
    color: #949ca0;
}

.cvssjs .score,
.cvssjs .vector,
.cvssjs .severity {
    margin: 2px;
    display: inline-block;
}

.cvssjs .score {
    width: 1.5em;
}

.cvssjs .severity {
    width: 5em;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
    transition: background-color 0.1s ease-out;
}

.cvssjs .results {
    padding: 7px;
}

.cvssjs dl dd label.results:hover {
    background-color: white;
}

.cvssjs .results sub {
    display: none;
    font-size: x-small;
}