quay/static/css/directives/ui/image-vulnerability-view.css

.image-vulnerability-view-element .donut-icon {
  position: absolute;
  top: 70px;
  left: 95px;
  font-size: 80px;
  text-align: center;
  color: #EAEAEA;
  margin-left: -6px;
}

.image-vulnerability-view-element .security-header {
  margin-top: -4px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

.image-vulnerability-view-element .donut-col {
  padding-top: 20px;
  text-align: center;
  max-width: 250px;
  display: inline-block;
  vertical-align: top;
}

.image-vulnerability-view-element #vulnDonutChart {
  display: inline-block;
}

.image-vulnerability-view-element .summary-col {
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  padding-top: 30px;
}

.image-vulnerability-view-element .summary-col .title-item {
  font-size: 24px;
  margin-bottom: 6px;
}

.image-vulnerability-view-element .summary-col .subtitle-item {
  font-size: 22px;
  margin-bottom: 6px;
}

.image-vulnerability-view-element .summary-list {
  text-align: left;
  list-style: none;
}

.image-vulnerability-view-element .summary-list i.fa {
  margin-right: 10px;
}

.image-vulnerability-view-element .summary-list li.severity-item strong {
  text-align: right;
  width: 40px;
  display: inline-block;
  margin-right: 6px;
}

.image-vulnerability-view-element .dockerfile-command {
  cursor: default;
}

.image-vulnerability-view-element .dockerfile-command .command-title {
  font-size: 12px;
  max-width: 297px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

.image-vulnerability-view-element .co-table .empty {
  color: #ddd;
}

.image-vulnerability-view-element .co-table .single-col {
  width: 15%;
}

.image-vulnerability-view-element .co-table .double-col {
  width: 30%;
}

.image-vulnerability-view-element .co-table .impact-col {
  text-align: center;
  width: 130px;
}

.image-vulnerability-view-element .co-table .nowrap-col {
   white-space: nowrap;
}

.image-vulnerability-view-element .co-table .image-col {
   white-space: nowrap;
}

.image-vulnerability-view-element .co-table .image-col .fa {
  margin-left: 6px;
  opacity: 0.5;
}

@media (max-width: 767px) {
  .image-vulnerability-view-element .co-table .single-col {
      width: auto !important;
  }
}

.image-vulnerability-view-element .fixed-in-version:before {
  font-family: FontAwesome;
  content: '\f0a9';
  margin-right: 6px;
}

.image-vulnerability-view-element .fixed-in-version {
  color: rgb(47, 201, 142);
}

.image-vulnerability-view-element .cvss-text {
  display: inline-block;
  width: 40px;
  text-align: right;
}

.cvss-text::after {
    content: " / 10";
    color: #ccc;
}

.image-vulnerability-view-element .vulnerability-priority-view {
  margin-left: 10px;
}

.image-vulnerability-view-element .cvss {
    display: inline-block;
    width: 100px;
    height: 10px;
    margin-left: 8px;
    background: #eee;
    position: relative;;
}

.image-vulnerability-view-element .cvss span {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
}

.image-vulnerability-view-element .expansion-col {
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-vulnerability-view-element .subtitle {
  color: #999;
  font-size: 90%;
  text-transform: uppercase;
  font-weight: 300;
  padding-top: 0!important;
  text-align: left;
  margin-bottom: 6px;
}


.image-vulnerability-view-element .expand-link {
  color: black !important;
}

.image-vulnerability-view-element .external-link {
  margin-left: 10px;
  font-size: 12px;
}

.image-vulnerability-view-element .description {
  display: inline-block;
  max-width: 1000px;
}

.image-vulnerability-view-element .asterisk {
  vertical-align: super;
  font-size: 9px;
  margin-left: 2px;
}

.image-vulnerability-view-element .severity-note {
  margin-bottom: 10px;
}

.image-vulnerability-view-element .severity-note .vulnerability-priority-view {
  margin: 0px;
  margin-left: 2px;
  margin-right: 2px;
}

.image-vulnerability-view-element .defcon1 {
  background-color: #FB5151;
  color: white;
}