Difference between revisions of "MediaWiki:Common.css"

From Security Vision
Jump to: navigation, search
 
(244 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
  
 
@font-face {
 
@font-face {
     font-family: 'PPReader';
+
     font-family: 'PPRader';
     src: url("https://www.securityvision.io/assets/css/fonts/PPReader-Regular.woff2")
+
     src: url("https://www.securityvision.io/assets/css/fonts/PPRader-Regular.woff")
 
}
 
}
 
@font-face {
 
@font-face {
 
     font-family: 'NeueMontreal';
 
     font-family: 'NeueMontreal';
     src: url("https://www.securityvision.io/assets/css/fonts/PPNeueMontreal-Regular.woff2")
+
     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%;
 +
}*/
  
  
* {font-family: NeueMontreal}
 
  
 +
/*---- links----*/
 +
.mw-body a{
 +
    font-family:PPRader;
 +
    font-size: 1.2rem;
 +
}
 +
a:hover{
 +
text-decoration:underline;
 +
}
 
/* unvisited link */
 
/* unvisited link */
 
  a:link {
 
  a:link {
   color: darkslategray;
+
   color: var(--links);
 
}
 
}
 
  
 
/* visited link */
 
/* visited link */
 
  a:visited {
 
  a:visited {
   color: darkslategray;
+
   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 {
 
blockquote {
Line 31: Line 102:
 
   margin: 1.5em 10px;
 
   margin: 1.5em 10px;
 
   padding: 0.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;
 +
}
 +
 +
.right-panel p{
 +
background: #f2f2f2;
 +
  padding: 4px;
 +
  border-radius: 7px;
 +
}
 +
.v-link p{
 +
border: solid 1px #aeaeae;
 +
  padding: 4px;
 +
    padding-right: 4px;
 +
  padding-right: 4px;
 +
  padding-right: 6px !important;
 +
  border-radius: 7px;
 +
}
 +
 +
.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;
 
}
 
}

Latest revision as of 09:24, 15 October 2024

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

.right-panel p{
background: #f2f2f2;
  padding: 4px;
  border-radius: 7px;
}
.v-link p{
border: solid 1px #aeaeae;
  padding: 4px;
    padding-right: 4px;
  padding-right: 4px;
  padding-right: 6px !important;
  border-radius: 7px;
}

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