Difference between revisions of "MediaWiki:Common.css"
From Security Vision
Line 56: | Line 56: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* ------- buttons ------- */ | ||
+ | .btn{ | ||
+ | background:white; | ||
+ | border-color: darkgrey; | ||
+ | text-shadow: none; | ||
+ | box-shadow: none; | ||
+ | padding: 4px 12px; | ||
+ | } | ||
+ | a.btn{ | ||
+ | color: var(--text-color-btn); | ||
+ | } | ||
+ | .btn:hover{ | ||
+ | background: darkgrey; | ||
+ | border-color:darkgrey; | ||
+ | } | ||
+ | |||
+ | .btn:focus, | ||
+ | .btn:active, | ||
+ | .dropdown:active, | ||
+ | .dropdown:focus{ | ||
+ | background-color:black !important; | ||
+ | color:white !important; | ||
+ | box-shadow:none !important; | ||
+ | border: none !important; | ||
+ | } | ||
+ | .btn-primary.active:active, | ||
+ | .dropdown-toggle.btn-primary.show, | ||
+ | .dropdown-toggle.show, | ||
+ | .btn-block.active, | ||
+ | .btn-primary:focus, | ||
+ | .btn:focus{ | ||
+ | background-color:black; | ||
+ | color:white; | ||
+ | box-shadow:none; | ||
+ | } | ||
+ | .dropdown-item.active, | ||
+ | .dropdown-item:focus, | ||
+ | .dropdown-item.active:active{ | ||
+ | background-color:black; | ||
+ | color:white ; | ||
+ | box-shadow:none; | ||
+ | } | ||
+ | .show .btn-primary.dropdown-toggle { | ||
+ | background-color: black; | ||
+ | border-color: none; | ||
+ | |||
+ | /* ----- SIDEBAR ------*/ | ||
+ | |||
+ | #sidebar-left { | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | #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: black; | ||
+ | box-shadow:none; | ||
+ | } | ||
+ | |||
+ | #sidebar-left .dropdown-toggle:focus{ | ||
+ | background-color: black; | ||
+ | color: white; | ||
+ | box-shadow:none; | ||
+ | } | ||
+ | |||
+ | #sidebar-left .btn-group.btn-block.dropdown.show{ | ||
+ | flex-direction:column ; | ||
+ | } | ||
+ | #sidebar-left .dropdown-menu.show{ | ||
+ | position:relative ; | ||
+ | transform:unset ; | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*----------------------*/ | ||
Revision as of 09:58, 20 March 2024
/* CSS placed here will be applied to all skins */
/*
@font-face {
font-family: 'PPReader';
src: url("https://www.securityvision.io/wiki/index.php/File:PPRader-Regular.woff2")
}
@font-face {
font-family: 'NeueMontreal';
src: url("https://www.securityvision.io/assets/css/fonts/PPNeueMontreal-Regular.ttf")
}*/
/* <!-- fonts are not installed locally yet --> */
* {font-family: Helvetica;}
h1, #firstHeading, .mw-headline{font-family: sans-serif !important;}
body{
background-color: white;
}
.mw-body{
border: none;
}
/* unvisited link */
a:link {
color: darkslategray;
}
/* visited link */
a:visited {
color: darkslategray;
}
blockquote {
background: #F3F3F3;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
}
/*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}
/* ------- buttons ------- */
.btn{
background:white;
border-color: darkgrey;
text-shadow: none;
box-shadow: none;
padding: 4px 12px;
}
a.btn{
color: var(--text-color-btn);
}
.btn:hover{
background: darkgrey;
border-color:darkgrey;
}
.btn:focus,
.btn:active,
.dropdown:active,
.dropdown:focus{
background-color:black !important;
color:white !important;
box-shadow:none !important;
border: none !important;
}
.btn-primary.active:active,
.dropdown-toggle.btn-primary.show,
.dropdown-toggle.show,
.btn-block.active,
.btn-primary:focus,
.btn:focus{
background-color:black;
color:white;
box-shadow:none;
}
.dropdown-item.active,
.dropdown-item:focus,
.dropdown-item.active:active{
background-color:black;
color:white ;
box-shadow:none;
}
.show .btn-primary.dropdown-toggle {
background-color: black;
border-color: none;
/* ----- SIDEBAR ------*/
#sidebar-left {
padding:0;
}
#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: black;
box-shadow:none;
}
#sidebar-left .dropdown-toggle:focus{
background-color: black;
color: white;
box-shadow:none;
}
#sidebar-left .btn-group.btn-block.dropdown.show{
flex-direction:column ;
}
#sidebar-left .dropdown-menu.show{
position:relative ;
transform:unset ;
border:none;
}
/*----------------------*/
@media screen{
a.new {
color: #FF4500 !important;
}
a.new:visited{
color: #CD5C5C !important;
}
}