|  |   | 
| Line 1: | Line 1: | 
| − | /* CSS placed here will affect users of the Tweeki skin */
 |  | 
|  |  |  |  | 
| − | 
 |  | 
| − | root:{
 |  | 
| − |     --text-color-btn: black;
 |  | 
| − |     --darkergrey: #404040;
 |  | 
| − |     --primary: black;
 |  | 
| − |     --blue: black;
 |  | 
| − | 
 |  | 
| − | }
 |  | 
| − | 
 |  | 
| − | 
 |  | 
| − | .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;
 |  | 
| − |     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 !important;
 |  | 
| − |     box-shadow:none;
 |  | 
| − | }
 |  | 
| − | .dropdown-item.active,
 |  | 
| − | .dropdown-item:focus,
 |  | 
| − | .dropdown-item.active:active{
 |  | 
| − |     background-color:black;
 |  | 
| − |     color:white !important;
 |  | 
| − |     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: 0px;
 |  | 
| − |     border: transparent;
 |  | 
| − |     text-align: left;
 |  | 
| − |     padding: 0px;
 |  | 
| − |     border-top: solid 1px;
 |  | 
| − |     margin:0;
 |  | 
| − | }
 |  | 
| − | #sidebar-left .btn{
 |  | 
| − |     border:none;
 |  | 
| − |     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;
 |  | 
| − | }
 |  |