MediaWiki:Common.css

/* CSS placed here will be applied to all skins */


@font-face {
    font-family: 'PPRader';
    src: url("https://www.securityvision.io/assets/css/fonts/PPRader-Regular.woff")
}
@font-face {
    font-family: 'NeueMontreal';
    src: url("https://www.securityvision.io/assets/css/fonts/PPNeueMontreal-Medium.woff")
}

:root{
    --text-color-btn: black;
    --almostblack: #2a2a2a; 
    --links:#8e8e8e;
}

/* hide edit section */
.mw-editsection { display:none!important; }

#p-logo img{
 height:40px;
}

h2, h3, h4,
h1#firstHeading, .mw-headline{
font-family: PPRader !important;
text-align:left;
}

.h2, .h3, .h4, h2, h3, h4{
margin-top:36px;
}


body{
   background-color: white;
   font-family: NeueMontreal;
   
}

.mw-body{
    border: none;
    max-width:80ch;
    margin: 0 auto;
    padding-top: 0;
}
#siteNotice{
  font-size:0.7rem;
  color: gray;
  text-align:left;
}


/*
#page-header{
order:668;
align-self:stretch;
display:none;
}
#page-header.col-md-8{
max-width:100%;
}*/



/*---- links----*/
.mw-body a{
    font-family:PPRader;
    font-size: 1.2rem;
}
a:hover{
text-decoration:underline;
}
/* unvisited link */
 a:link {
  color: var(--links);
}

/* visited link */
 a:visited {
   color: var(--links);
}
table a{
   font-family:NeueMontreal !important;
   font-size:1em !important;
   color:var(--almostblack) !important;
}

#content a.external,
.link-https{
   background: none !important;
   padding-right: 0 !important;
}



blockquote {
  background: #F3F3F3;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

/*----NAVBAR----*/

.bg-dark{
background-color: var(--almostblack) !important;
color:white !important;
}
.navbar .form-control{
color:white;
}
.navbar .form-control:focus{
   color:white;
   box-shadow:none;
}
.navbar .form-control::placeholder{
    color:white;
    opacity:90%;
}
#searchInput.search-query.form-control{
width:1000px;
margin: 0 30px;
border:none;
background:transparent;
}
.fa-user::before{
color:white;
}
a#pt-personaltools::after{
color:white;
}
.tweeki-username{
color:white;
}

.navbar-toggler-icon{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255,255,255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
.navbar-nav .nav-link{
color:white !important;
}
.navbar-nav .nav-link:hover{
color: #d5d5d5 !important;
}
.navbar-toggler{
border-color:rgba(255,255,255,0.3)
}

/*----------sidebar left------------*/

#sidebar-left {
    padding:0;
}
#sidebar-left>*{
    font-family:NeueMontreal;
}
#sidebarleft .dropdown-menu{
border-radius: 0 !important;
}
#sidebar-left .dropdown-item {
    color: black;
    font-size:1rem;
}

#sidebar-left .btn-block{
    border-radius: 0;
    border: transparent;
    text-align: left;
    padding: 0;
    border-top: solid 1px;
    margin:0;
}
#sidebar-left .btn{
    border:0 !important;
    padding: 8px !important;
}
#sidebar-left .show .dropdown-toggle{
    background-color: black;
    box-shadow:none;
}
#sidebar-left .show .dropdown-toggle:focus{
    background-color: transparent;
    box-shadow:none;
    color:white !important;
}

#sidebar-left .dropdown-toggle:focus{
    background-color: black;
    color: white !important;
    box-shadow:none;
}
#sidebar-left .btn-group.btn-block.dropdown.show{
    flex-direction:column !important;
}
#sidebar-left .dropdown-menu.show{
    position:relative !important;
    transform:unset !important;
    border:none;
}
#sidebar-left .dropdown-item.active{
color:white;
}

/*--- buttons----*/
.btn-primary:not(:disabled):not(.disabled).active{
  background-color:black;
}



/*------------homepage----------*/
.body.page-The_Security_Vision_Database #firstHeading{
    font-size: 3em;
    line-height:2em
}


.fast-track{
display:flex;
}
/*
.fast-track{
display:grid;
grid-template-columns: repeat(2, 1fr);
gap:4px;
}*/

.card-body a{
color:white;
font-size:1.4em;
}
.card-body{
border-radius:0;
flex: 1 1;
display:flex;
flex-direction:column;
aspect-ratio: 1/1;
background-color: var(--almostblack);
color: white;
justify-content: center;
align-items:center;
padding:1rem;
}
.start-card{
background-color:#f1f1f1;
color:var(--almostblack);
}
.start-card a{
color:var(--almostblack);
}
.start-card:hover{
background-color:#9c9c9c;
color:white !important;
}

.dataset-card{
background-color:black;
}
.dataset-card:hover{
opacity:65%
}
.inst-card:hover{
opacity:60%
}
.prod-card:hover{
    background-color:#f1f1f1;
}
.city-card{
    background-color:#9c9c9c;
}
.city-card:hover{
background-color:black;
}
.country-card{
background-color:black;
}
.country-card:hover{
opacity:20%
}

.dataviz-card:hover{
background-image:url(https://www.securityvision.io/wiki/images/6/6e/Datavizscreenshot.png);
background-size:cover;
background-position-x:-200px;
}

.search-card{
background-color:black;	
}
.search-card:hover{
background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0,0, 0.7)), url(https://www.securityvision.io/wiki/images/7/76/Datatable.png);
background-size:cover;
opacity:75%
}


/*----UNKNOWN TABLES----*/
.unknown-entry td:nth-child(1) a {
    background-color:black;
    color:black !important;
    padding: 0 4px;
}
.unknown-entry td:nth-child(1) a:hover {
    color:#f3f3f3 !important;
    text-decoration:none;
}



/* ---- SINGLE ENTRY PAGES STYLE ------ */
.subheader.vizlink.certainty{
display: flex;
justify-content: space-between;
}
.subheader.vizlink.certainty a{
font-size:1em;
font-family: NeueMontreal;
}

.mw-parser-output{
display:flex;
flex-direction:column;
}
.curated-backlinks{order:668;}
.curated-backlinks h3{
   margin-top: 0.5rem;
}

.keyword-tag a{
   font-family: NeueMontreal;
   font-size:1rem;
}

.keyword-tag .smw-field{
   line-height:2em;
}
.keyword-tag .smw-field-label{
   font-weight:bold;
}
.keyword-tag .smw-value{
   background-color:#585858;
   padding:2px 6px;
   color: white;
}
.keyword-tag .smw-value:hover{
   /*border-radius:10px;*/
   background-color:#7e7e7e;
}

.keyword-tag .smw-value a{
    color:white;
}
.keyword-tag .smw-value a:visited{
    color:white;
}

table{
width:100%;
}
.entrypage-table{
border-bottom: 2px solid white;
margin-bottom: 0;
}

.tab-content p{
padding:4px 10px;
margin-bottom:0;
background-color:#d0d0d0;
}
.entrypage-table p{
padding:4px 10px;
margin-bottom:0;
background-color:#d0d0d0;
}
.smwtable-clean.entrypage-table th{
    width:30%;
    text-align:right;
}

.smwtable-clean.entrypagetable tr{
   border-top:none;
}
.entrypage-table tr> td{
   border-top: 2px solid white !important;
   background-color:#f4f4f4;
}
.entrypage-table tbody > tr:nth-child(2){
   border-top: 2px solid white !important;
   background-color:#f4f4f4;
}
.smwtable-clean.entrypage-table tr>th{
   border-top: 2px solid white;
   background-color:#EAEAEA;
}
.entrypage-table th.Summary{
text-align:left !important;
background-color:#d0d0d0 !important;
padding:4px 10px !important;
}

h2#Reference{
font-style:PPRader;
}
.scite-referencelist .scite-citation-text, 
.scite-referencelist .scite-citation-text #text{
 font-family:NeueMontral;
 font: 1rem 'NeueMontreal',sans-serif !important;
}



/*--- CATEGORY PAGE ----*/
.pageSchema tr{
   border:none !important
}

.categorytable-deployments th:nth-child(1){
   width:50%;
}
.categorytable-deployments th:nth-child(2){
   width:25%;
}
.categorytable-deployments th:nth-child(3){
   width:25%;
}


.categorytable-institution th:nth-child(1){
   width:50%;
}
.categorytable-institution th:nth-child(2){
   width:25%;
}
.categorytable-institution th:nth-child(3){
   width:25%;
}



/*--hide list of pages at the end of the main category pages--*/

body.page-Category_Deployments #mw-pages {display: none}
body.page-Category_Dataset #mw-pages {display: none}
body.page-Category_Institution #mw-pages {display: none}
body.page-Category_Products #mw-pages {display: none}
body.page-Category_Technology_Type #mw-pages {display: none}
body.page-Category_Country #mw-pages {display: none}
body.page-Category_City #mw-pages {display: none}
body.page-All_Institutions #mw-pages {display: none}







/*----------------------*/


@media screen{
    a.new {
    color: #FE3B26 !important;
    }
    a.new:visited{
    color: #FE3B26 !important;
    }
}
@media screen and (max-width: 1000px) {
  .card-body a{
     font-size:1.2em !important;
  }
}
@media screen and (max-width: 700px) {
  .card-body a{
     font-size:0.8em !important;
  }
}
@media screen and (min-width: 1800px) {
  .mw-body{
    max-width:100ch;
  }
}
@media (min-width: 768px)
#content.mw-body {
  border-radius: 5px;
  padding-top: 0 !important;
}