Sha256: 2038f045c4db787414de42f379dfc05902732e3cd7dcab14f0afac2681d3085d

Contents?: true

Size: 1.99 KB

Versions: 42

Compression:

Stored size: 1.99 KB

Contents

@import "woople-theme/variables.css.less";
@import "woople-theme/colours.css.less";

.profile {
  position:absolute;
  top:19px;
  right:30px;
  width:300px;

  .profile-link {
    float:right;
    margin-bottom:0;

    .dropdown-menu {
      background: @contentBackground;
      .border-radius(0);
      .box-shadow();
      top:33px;
      border:none;
      left:auto;
      right:2px;

      li > a:hover, .active > a, .active a:hover {
        background-color:@primary;
      }

      .divider:last-child {
        display:none;
      }
    }

    .dropdown-toggle {
      height:28px;
      width:28px;
      padding:2px;
      position:relative;
      z-index:1001;
      border:none;

      &:hover {
        img {
          .box-shadow(none);
        }
      }
    }

    .open .dropdown-toggle {
      background: @contentBackground;
      border-color:@contentBorder;
      border-bottom:none;
      border-bottom-left-radius:0;
      border-bottom-right-radius:0;

      img {
        .box-shadow(none);
      }
    }

    img {
      max-width:28px;
      .border-radius(5px);
      .box-shadow(0 1px 3px rgba(0,0,0,0.10));
    }
  }

  .search {
    float:left;
    display:inline-block;
    position:relative;
    margin-bottom:0;
    margin-top:3px;
    margin-right:5px;

    .search-page {
      position:absolute;
      left:10px;
      top:6px;
      opacity:0.5;

      .icon-search {
        background:url(/assets/woople-theme/icons/search.png);
        background-position:0 0;
      }
    }

    .search-query {
      padding-left:30px;
    }
  }
}

@media (max-width: 768px) {
  .profile {
    right:5px;
    width:auto;

    .search {
      margin-right:0;

      input { display:none; }

      .search-page {
        opacity:1.0;
        position:relative;
        display:inline-block;
        width:30px;
        height:30px;
        top:0;
        left:0;
        margin-right:5px;

        .icon-search {
          position:absolute;
          left:8px;
          top:8px;
        }
      }
    }
  }
}

Version data entries

42 entries across 42 versions & 1 rubygems

Version Path
woople-theme-0.2.35 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.34 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.33 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.32 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.31 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.30 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.29 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.28 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.27 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.26 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.25 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.24 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.23 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.22 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.21 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.20 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.19 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.18 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.17 app/assets/stylesheets/woople-theme/profile.css.less
woople-theme-0.2.16 app/assets/stylesheets/woople-theme/profile.css.less