afb-client/bower_components/angular-ui-notification/src/angular-ui-notification.less

   1 @import "../bower_components/bootstrap/less/variables.less";
   2 @import "../bower_components/bootstrap/less/mixins.less";
   3
   4
   5 .ui-notification {
   6     position: fixed;
   7     z-index: 9999;
   8     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
   9     cursor: pointer;
  10     width: 300px;
  11     color: @btn-primary-color;
  12     background: @brand-primary;
  13     .transition(all ease 0.5s);
  14     &.killed {
  15         opacity: 0;
  16         .transition(opacity ease 1s);
  17     }
  18     & > h3 {
  19         display: block;
  20         margin: 10px 10px 0 10px;
  21         padding: 0 0 5px 0;
  22         text-align: left;
  23         font-size: @font-size-base;
  24         font-weight: bold;
  25         border-bottom: 1px solid fadeout(@btn-primary-color, 70%);
  26     }
  27     & a {
  28         color: @btn-primary-color;
  29         &:hover {
  30             text-decoration: underline;
  31         }
  32     }
  33     & > .message {
  34         margin: 10px 10px 10px 10px;
  35     }
  36     &.warning {
  37         color: @btn-warning-color;
  38         background: @brand-warning;
  39     }
  40     &.error {
  41         color: @btn-danger-color;
  42         background: @brand-danger;
  43     }
  44     &.success {
  45         color: @btn-success-color;
  46         background: @brand-success;
  47     }
  48     &.info {
  49         color: @btn-info-color;
  50         background: @brand-info;
  51     }
  52     &:hover {
  53         opacity: 0.7;
  54     }
  55 }