MediaWiki: Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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: #1c1c1c; 
    --links:#8e8e8e;
}



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;
}



/*---- 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:1rem !important;
   color:var(--almostblack) !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::placeholder{
    color:white;
}
#searchInput.search-query.form-control{
width:900px;
margin: 0 30px;
border:none;
background:transparent;
}


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

#sidebar-left {
    padding:0;
}
#sidebar-left>*{
    font-family:NeueMontreal;
}
#sidebarleft .dropdown-menu{
border-radius: 0;
}
#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----------*/
.container-fluid.fast-track{
display:grid;
grid-template-columns: repeat(2, 1fr);
gap:4px;
}
.fast-card{
    border-radius:0;
    aspect-ratio: 1/1;
    background-color: #3e3e3e !important;
    color: white;

}

.card-body{
display:flex;
flex-direction:column;
justify-content: center;
row-gap:8%;
height:100%;
width:100%;
opacity:0%
}
.card-body:hover{
opacity:100%;
}


/*----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 ------ */
.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(2n){
   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;
}



/*--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}







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


@media screen{
    a.new {
    color: #FE3B26 !important;
    }
    a.new:visited{
    color: #FE3B26 !important;
    }
}