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:none;
    padding: 8px;
    width:100%;
}

#mw-navigation{
/*    box-shadow: 0px 3px 8px red; */
/*    border-color: red; */
    box-shadow: unset;
    border-color: black;
    background-color: white;
}
#mw-head{
    background: white;
}
.nav{
    padding:none;
}




/* ------- buttons ------- */
.btn{
    background:white;
    border-color: darkgrey;
    text-shadow: none;
    box-shadow: none;
}
a.btn{
    color: var(--text-color-btn);    
}
.btn:hover{
    background: darkgrey;
    border-color:darkgrey;
}
.btn:focus{
    background-color:black;
    color:white;
    box-shadow:none;
}
.dropdown-toggle.show,
.btn-block.active,
.btn-primary:focus{
    background-color:black;
    color:white;
    box-shadow:none;
}

/* ----- SIDEBAR ------*/

#sidebar-left{
    padding:0;
}

#sidebar-left .btn-block{
    border-radius: 0px;
    border: transparent;
    text-align: left;
    padding: 0px;
    border-top: solid 1px;
    margin:0;
}
#sidebar-left .btn{
    border:none;
    padding: 6px;
}
#sidebar-left .show .dropdown-toggle{
    background-color: black;
}
#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;
}