MediaWiki:Tweeki.css

/* CSS placed here will affect users of the Tweeki skin */


:root{
    --text-color-btn: black;
    --darkergrey: #404040;


}


.row{
    margin: 0;
}

.container{
    margin:0;
    padding: 8px;
    width:100%;
}




/* ------- 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 !important;
}
#sidebar-left .dropdown-menu.show{
    position:relative !important;
    transform:unset !important;
    border:none;
}