/* 
# your_cves_bootstrap.css
#
# This Cascading Style Scheets file is used to generate 
# a bootstrap based web-server HTML file for CVE overviews, 
# with your CVEs JSON files as input.
#
# Copyright (C) 2023 Mads Dore ApS, Denmark.
#
# This source is released under the 
# DISCLAIMER
#
# This class/tool is meant to be used as support and not
# the only method to check against CVEs. Running this tool
# doesn't guarantee your packages are free of CVEs. */

[data-bs-theme="yourcves"] {

  --bs-ycs-main-color: #239B56;
  --bs-ycs-main-color-rgb: 35, 155, 86;

  --bs-ycs-focus-shadow-color: #D4EFDF;
  --bs-ycs-focus-shadow-color-rgb: 212, 239, 223;

  --bs-ycs-focus-bg-color: #E9FCF0;
  --bs-ycs-focus-bg-color-rgb: 233, 252, 240;

  --bs-ycs-emphasis-color: #20894D;
  --bs-ycs-emphasis-color-rgb: 32, 137, 77;

  --bs-ycs-background-color: var(--bs-white);

  /* ********* body ********* */

  --bs-body-color: var(--bs-ycs-main-color);
  --bs-body-color-rgb: var(--bs-ycs-main-color-rgb);

  --bs-body-bg: var(--bs-ycs-background-color);
  --bs-body-bg-rgb: var(--bs-ycs-background-color-rgb);
  --bs-tertiary-bg: var(--bs-ycs-focus-bg-color);

  --bs-emphasis-color: var(--bs-ycs-emphasis-color);
  --bs-emphasis-color-rgb: var(--bs-ycs-emphasis-color-rgb);

  --bs-border-color: var(--bs-ycs-main-color);
    
  --bs-link-color: var(--bs-ycs-main-color);
  --bs-link-color-rgb: var(--bs-ycs-main-color-rgb);
  --bs-link-hover-color: var(--bs-ycs-emphasis-color);  
  --bs-link-hover-color-rgb: var(--bs-ycs-emphasis-color-rgb);  

  --bs-focus-ring-color: var(--bs-ycs-focus-shadow-color);
  --bs-focus-ring-color-rgb: var(--bs-ycs-focus-shadow-color-rgb);

  .btn-outline-primary {
    --bs-btn-color: var(--bs-ycs-main-color);

    --bs-btn-border-color: var(--bs-ycs-main-color);
    --bs-btn-border-width: 2px;

    --bs-btn-hover-border-color: var(--bs-ycs-emphasis-color);
    --bs-btn-hover-color: var(--bs-ycs-emphasis-color);
    --bs-btn-hover-bg: var(--bs-ycs-focus-bg-color);
 
    --bs-btn-active-bg: var(--bs-ycs-main-color);
    --bs-btn-active-border-color: var(--bs-ycs-emphasis-color);
    --bs-btn-active-color: var(--bs-ycs-background-color);
    
    --bs-btn-focus-shadow-rgb: var(--bs-ycs-focus-shadow-color-rgb);
  }
  
  .btn-outline-secondary {
    --bs-btn-border-width: 2px;
    --bs-btn-hover-bg: #D6D9DC;
    --bs-btn-hover-color: var(--bs-btn-color);
  }
  
  .btn-tiny {
    --bs-btn-border-width: 1px;
    --bs-btn-padding-x: 0.4rem;
    --bs-btn-padding-y: 0.001rem;
    font-size: 0.85rem;
    line-height: 1.3rem;
    margin: 0.1rem;
  }

  .form-control:focus {
    border-color: var(--bs-ycs-main-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-ycs-focus-shadow-color-rgb), 1.0);
  }

  .ycs-body_container {
    margin: 8px;
  }
  
  /* ********* navbar and login drop-down ********* */

  .ycs-login {
    --bs-dropdown-color: var(--bs-ycs-main-color);
    --bs-dropdown-color-rgb: var(--bs-ycs-main-color-rgb);
    --bs-dropdown-min-width: 25rem;
  }

  .ycs-logout {
    --bs-dropdown-color: var(--bs-ycs-main-color);
    margin-block-end: 0;
    font-weight: bold;
  }

  .ycs-login-cookies {
    font-size: 0.75rem;
    color: var(--bs-gray);
    text-align: center;    
  }

  .form-group {
    margin-bottom: 1rem;
  }

  .navbar-collapse {
    border-bottom: 1px solid var(--bs-ycs-main-color);
  }

  .navbar {
    list-style-type: none;
    --bs-navbar-color: rgba(var(--bs-ycs-main-color-rgb), 1.0);
    --bs-navbar-hover-color: rgba(var(--bs-ycs-emphasis-color-rgb), 1.0);
  }

  .help-block>a:hover {
    color: var(--bs-ycs-emphasis-color)
  }

  .dropdown-menu {
    --bs-dropdown-border-color: rgba(var(--bs-ycs-focus-shadow-color-rgb), 1.0);
    --bs-dropdown-border-width: 1px;  
    margin-bottom: 2px;
  }

/* MADO: Not working. Trying to remove wide border on the button for navbar-toggler.
  .navbar-toggler:focus,
  .navbar-toggler-icon:focus {
    outline: 1px;    
    border-width: 1px;
  } */

  .navbar-brand img {
      /* Align with top of navbar. */
      vertical-align: top;
      /* Logo is 600x400 with transparent background. */
      width: 150px;
      height: 100px;
  }

  /* ********* tables ********* */

  .table {
    --bs-body-color: black;  
    border: 1px solid black;
    font-size: small;
    vertical-align: middle;
  
    /* Targetint th and td. */
    > :not(caption) > * > * {
      padding: 0.2rem;
      border: 1px solid black;
    }
    
    > :not(caption) > * > th  {
      color: white;
      background-color: var(--bs-ycs-main-color);
    }
  }
  
  /* ********* cve view ********* */

  .ycs-cve-view {
    color: black;
    margin-bottom: 12px;
  }
  
  .ycs-cve-group-header {
    border: 1px solid black;
    background-color: powderblue;
    margin-bottom: 1px;
  }
  
  .ycs-cve-group-score-header {
    text-align: center;
  }

  .ycs-cve-group-status-header {
    padding-left: 5px;      
  }
    
  .ycs-cve-group-total-header, .ycs-status-total {
    text-align: right;
    padding-right: 5px;      
    border: none;
  }
 
  .ycs-cve-group-score-total-header {
    height: 100%;
  }
  
  .ycs-cve-group-headline {
    border: 1px solid black;
    margin-bottom: 2px;  
  }
  
  .ycs-cve-group-status-actions-header {
    border-right: 1px solid black;
  }
  
  .ycs-cve-group-v3-score-header {
    text-align: center;
    border-right: 1px solid black;
  }
  
  .ycs-cve-group-v3-scores {
    text-align: center;  
  }

  .ycs-cve-group-v3-scores .row {
    height: 100%;
  }
      
  .ycs-cve-group-v3 {
    border-right: 1px solid black;
  }
  
  .ycs-cvss-V3-severity-critical {
    background-color: #d9534f;
    color: white;
  }

  .ycs-cvss-V3-severity-high, .ycs-cvss-V2-severity-high {
    background-color: #f0a248;
    color: white;
  }
  
  .ycs-cvss-V3-severity-medium, .ycs-cvss-V2-severity-medium {
    background-color: #f6e053;
    color: white;
  }
  
  .ycs-cvss-V3-severity-low, .ycs-cvss-V2-severity-low {
    background-color: #3c4c82;
    color: white;
  }
  
  .ycs-cvss-V3-severity-none {
    background-color: #750f80;
    color: white;
  }
   
  .ycs-status-patched {
    background-color: #5cb85c;
    color: white;
  }  
  
  .ycs-status-unpatched {
    background-color: #f0a248;
    color: white;
  }
  
  .ycs-status-whitelisted {
    background-color: #3c4c82;
    color: white;
  }
  
  .ycs-cve-cves {
    color: black;
    border-top: 1px solid black;
    margin-bottom: 2px;
    padding: 2px;    
  }
  
  .ycs-cve-item {
    border: 1px solid black;
    margin-top: 2px;    
  }
  
  .ycs-cve-item-status,
  .ycs-cve-item-id,
  .ycs-cve-item-scores-time {
    border-right: 1px solid black;
    border-bottom: 1px solid black;  
  }
  
  .ycs-cve-item-status,
  .ycs-cve-item-id,
  .ycs-cve-item-v2, 
  .ycs-cve-item-v3,
  .ycs-cve-item-modified {
    text-align: center;
  }  
  
  .ycs-cve-item-v2 {
    border-right: 1px solid black;  
  }
  
  .ycs-cve-item-modified {
    border-top: 1px solid black;    
  } 
    
  .ycs-cve-item-group-name,
  .ycs-cve-item-group-version,
  .ycs-cve-item-info,
  .ycs-cve-item-cpe-vendor-product,
  .ycs-cve-item-cpe-version,
  .ycs-cve-item-vector {
    border-bottom: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .ycs-cve-item-group-name,
  .ycs-cve-item-cpe-vendor-product,
  .ycs-cve-item-vector {
    border-right: 1px solid black;
  }
  .ycs-cve-item-eval-comment {
    border-top: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
  }

  .ycs-cve-item-link {
    padding-left: 5px;
    padding-right: 5px;
  }
  
  /* ********* disable body and waiting animation ********* */

  .ycs-disable-body {
    display: none;    
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;     
    z-index: 9999;
  }

  .ycs-warning_container {
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;  
    margin-left: -150px;
    margin-top: -50px;  
    display: grid;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    grid-template-columns: 76px 24px 38px 24px 38px 24px 76px;
    grid-template-rows: 24px 24px 76px;
  }

  .ycs-warning_description {
    width: 100%;
    text-align: center;
    color: #239B56;
    bottom: 0%;
    margin: auto;  
    grid-row: 3;  
    grid-column: 1 / span 7;  
  }

  .spinner-border.ycs-ball1 {
    grid-row: 2;
    grid-column: 2;

    --bs-spinner-animation-speed: 2s;
  }

  .spinner-border.ycs-ball2 {
    grid-row: 2;
    grid-column: 4;
    left: 50%;

    --bs-spinner-animation-speed: 2s;
    animation-delay: 0.33s;
  }

  .spinner-border.ycs-ball3 {
    grid-row: 2;
    grid-column: 6;

    --bs-spinner-animation-speed: 2s;
    animation-delay: 0.66s;
  }
}
 
/* END OF FILE */