jam-cloud/web/app/assets/stylesheets/client/user_dropdown.css.scss

@import "client/common.css.scss";


#logo {
  float:left;
  width:247px;
}

#profile {
  float: right;
  height: 54px;
  margin-top: 30px;
  text-align: right;

  ul {
      margin-bottom:0;
  }

  .signin {
    text-decoration: underline;
    cursor: auto;
  }
}

.avatar_large {
  float:left;
  padding:2px;
  width:54px;
  height:54px;
  background-color: $ColorScreenPrimary;
  -webkit-border-radius:28px;
  -moz-border-radius:28px;
  border-radius:28px;
}

.avatar_large img {
  width:54px;
  height:54px;
  -webkit-border-radius:26px;
  -moz-border-radius:26px;
  border-radius:26px;
}

.user {
  margin:18px 0px 0px 10px;
  font-size:20px;
  font-weight:200;
  color:#ccc;
  float:left;
}

.arrow-down {
  float:left;
  cursor:pointer;
  margin-left:16px;
  margin-top:26px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}

.userinfo {
  cursor:pointer;
}

.userinfo ul {
  clear:both;
  background: scale-lightness($ColorUIBackground, 10%);
  display:none;
  position:relative;
}

.userinfo li {
  display:block;
  margin: 2px;
  padding: 2px;
  background: scale-lightness($ColorUIBackground, 20%);
}