Sha256: de835fb7c26230060f3c7cc0dad8cb5637ff15a70792b18e4a8eea8ae1346e3b

Contents?: true

Size: 1.73 KB

Versions: 34

Compression:

Stored size: 1.73 KB

Contents

@import 'woople-theme/variables.css.less';

@status-height: 25px;
@alert-padding: @default-spacing / 4;

.user-and-status {
  margin: @default-spacing;

  img {
    .border-radius(4px);
    .box-shadow(0 1px 3px rgba(0, 0, 0, 0.125));
  }

  .span5 {
    padding-top: 1px;

    span {
      margin-left: 4px;
      vertical-align: middle;
      font-size: @large-font-size;
      font-weight: @title-font-weight;
      color: #42474E;
    }
  }

  .status-alert {
    margin: 0;
    padding: @alert-padding;
    min-height: @status-height;
    background-image: asset-url('woople-theme/certification/yellow-icon.png');
    background-position: @alert-padding @alert-padding;

    strong {
      margin-top: 3px;
      margin-left: @status-height + @alert-padding;
      font-size: 18px;
    }

    span {
      margin-left: @alert-padding;
    }
  }

  .status-alert.alert-error {
    background-image: asset-url('woople-theme/certification/red-icon.png');
  }

  .status-alert.alert-success {
    background-image: asset-url('woople-theme/certification/green-icon.png');
  }

  @media (-webkit-min-device-pixel-ratio: 2) {
    .status-alert {
      background-size: @status-height @status-height;
      background-image: asset-url('woople-theme/certification/yellow-icon2x.png');
    }

    .status-alert.alert-error {
      background-image: asset-url('woople-theme/certification/red-icon2x.png');
    }

    .status-alert.alert-success {
      background-image: asset-url('woople-theme/certification/green-icon2x.png');
    }
  }
}

@media (max-width: 480px) {
  .user-and-status {
    .span5 {
      padding-top: 0;
    }

    .span7 {
      margin-top: 4px;
    }

    .status-alert {
      span {
        display: block;
        margin: 0 4px 2px;
      }
    }
  }
}

Version data entries

34 entries across 34 versions & 1 rubygems

Version Path
woople-theme-0.8.1 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.8.0 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.27 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.26 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.25 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.24 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.23 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.22 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.21 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.20 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.19 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.18 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.17 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less
woople-theme-0.6.13 app/assets/stylesheets/woople-theme/dashboard/user_and_status.css.less