Logo upside down! by rniggebrugge

/* ==UserStyle==
@name         Logo upside down!
@version      20211202.10.01
@namespace    userstyles.world/user/rniggebrugge
@description  Playing with the bullets, changing each and everyone in the main DIV, so that needs more work :-)
@author       rniggebrugge
@license      No License
==/UserStyle== */

@-moz-document domain("eurojust.europa.eu") {
/* just so I see the styles are active! Turn the logo upside and flip */
.navbar-brand img{
    transform:rotate(180deg) scaleX(-1);   
    background-color:rgba(200,150,100,.3);
}
/* fun with bullet lists */
.maincontent-node ul {
    list-style:none;
}
.maincontent-node li:before { 
  content: "\f24e ";
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  margin-left: -2em;
  padding-right:0.7em;
}
.maincontent-node li:hover::before {
    content:"\f515";
    color:#666;
}
div.content-menu li::marker {
    color:rgba(0,0,0,0)
}
/*
.dropdown-item a::before { 
  content: "\f1c0 ";
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  margin-left: -.7em;
  padding-right:0.4em;
}
*/
div.content-menu li::before {
  content: "\f24e ";
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  margin-left: -2em;
  padding-right:0.4em;
}
div.content-menu li:hover::before {
  content: "\f516 ";
  margin-left: -2em;
  padding-right:0.4em;
    color:#9f320b;
}

/* changing Social Media links in footer */
.social-media-links a img {
  filter:grayscale(100%);
  opacity:0.7;
  margin-right:2px  
}
.social-media-links a:hover img {
  filter:grayscale(0%);
  opacity:1;
}

}