src/StartPlatz/Bundle/StyleBundle/Resources/views/CSS/homepageNavbar.css.twig line 1

Open in your IDE?
  1. <style>
  4. #imgNav {
  5.     height: 45px;
  6.     width: 45px;
  8. }
  9. #imgNav img {
  10.     object-fit: cover;
  11. }
  13. .navbar-collapse .navbar-nav .nav-item a:hover {
  14.     background-color: #aacf61ff;
  15.     color: #000000;
  16.     border-radius: 5px;
  18. }
  20. .logo {
  21.     font-weight: bolder;
  22.     font-size: 1.5rem;
  23. }
  25. .navbar-nav .nav-item .dropdown-menu {
  26.     border: none;
  27.     background-color: #eae9e9;
  28. }
  30. #userNamePlaceHolder {
  31.     background-color: rgba(170, 207, 97, 0.6);
  32. }
  33. .navbar-nav .nav-item .dropdown-menu a:hover {
  34.     border-radius: 0;
  36. }
  39. .navbar-nav .nav-item .loginlink {
  40.     background-color:#aacf61ff;
  41. }
  42. .navbar-collapse .navbar-nav .nav-item .loginlink:hover {
  43.     background-color:#7ab800;
  44. }
  46. @media all and (min-width: 992px) {
  47.     .navbar .dropdown-menu-end{ right:0; left: auto;  }
  48.     .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.1s; margin-top:0;  }
  49.     .navbar .nav-item:hover .nav-link{ color: #000000;  }
  50.     .navbar .dropdown-menu.fade-down {
  51.         top:80%; transform: rotateX(-75deg); transform-origin: 0 0;
  52.     }
  53.     .navbar .dropdown-menu.fade-up{ top:180%;  }
  54.     .navbar .nav-item:hover .dropdown-menu{transition: 0.1s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
  55. }
  56. @media (max-width: 768px ) {
  57.     .collapse {
  58.         height: 100vh;
  59.         transition: 0.5s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg);
  60.     }
  63. }
  65. .highlight {
  66.     border-bottom: 3px solid #AACF61;
  67. }
  69. .padding-bottom {
  70.     padding-bottom: 2px;
  71. }
  72. </style>