Misago/uiframework/misago/css/flavor/navbar.less

//
// Forum Navbar
// --------------------------------------------------

.navbar-default {
  .navbar-brand {
    font-size: @font-size-large * 1.6;
  }

  .navbar-nav-user {
    .user-toggle {
      overflow: auto;

      img {
        border-radius: @border-radius-base;
        height: 32px;
      }
    }
  }
}

/* On big displays */
@media (min-width: @screen-sm-min) {
  .navbar-nav-user {
    .user-toggle {
      padding-left: 0px;
      padding-right: 0px;

      img {
        float: right;
        height: 32px;
        margin: -6px 0px;
        margin-left: 8px;
      }
    }

    .dropdown-menu {
      border: none;
      border-radius: @border-radius-base !important;
      box-shadow: 0px 0px 0px 6px @dropdown-shadow;
      width: 256px;

      &:after {
        border: solid transparent;
        border-bottom-color: @dropdown-bg;
        border-width: 6px;
        content: "";
        height: 0;
        position: absolute;
        pointer-events: none;
        right: 10px;
        top: -11px;
        width: 0;
      }

      a {
        .glyphicon, .fa {
          display: inline-block;
          width: 16px;

          text-align: center;
        }

        .badge {
          border-radius: @border-radius-small;
          position: relative;
          top: 1px;
        }

        &:link, &:visited {
          .badge {
            background-color: @brand-danger;

            color: @dropdown-bg;
          }
        }

        &:hover, &:active {
          .badge {
            background-color: @dropdown-bg;

            color: @brand-danger;
          }
        }
      }
    }
  }
}