aeolusproject/conductor

@import "compass/reset";
@import "alchemy/composites/login";
@import "helpers";

article{
  aside img{ margin-left: 30px; }

  #notifications{
    position: relative;

    div.error, div.notice, div.warning{
      position: absolute;
      bottom: 15px;
      @include box-sizing(border-box);
      border: 1px solid #dddddd;
      @include border-radius(7px);
      width: $login_container_width;
      padding: 10px;
      @include background-image(linear-gradient(top, rgba(255, 255, 255, 0) 40%, $login_base_color 120%));
      @include box-shadow($login_base_color 0px 12px 15px -8px);

      p {
        padding-left: 26px;
        margin: 0;
        position: relative;
        color: rgba(black, 0.48);

        &:before {
          content: "";
          display: block;
          width: 16px;
          height: 16px;
          position: absolute;
          left: 4px;
          top: 0px;
          background: image-url("alchemy/icons/error_icon.png") no-repeat 0 0;
        }
      }
      ul.messages li{
        padding-left: 26px;
        color: rgba(black, 0.48);
      }
    }
    div.notice p:before{ background: image-url("alchemy/icons/success_icon.png") no-repeat 0 0; }
    div.warning p:before{ background: image-url("alchemy/icons/warning_icon.png") no-repeat 0 0; }
  }
}