@import 'nib'
vendor-prefixes = moz webkit ms o official

html, body { height: 100% }
.humane
  position   : fixed
  transition : all .3s ease-out
  z-index    : 100000

.humane
  font-family       : Ubuntu, Verdana, sans-serif
  line-height       : 40px
  font-size         : 35px
  top               : 25%
  left              : 25%
  opacity           : 0
  width             : 50%
  min-height        : 40px
  padding           : 30px
  text-align        : center
  background-image  : linear-gradient-image(200px, rgba(0,0,0,1), rgba(100,100,100,0.8))
  background        : linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.9)) no-repeat
  *background-color : #000
  color             : #fff
  border-radius     : 15px
  text-shadow       : 0 -1px 1px #ddd
  box-shadow        : 0 15px 15px -15px #000
  transform         : scale(0.1)
  p, ul
    margin: 0
    padding: 0
  ul
    list-style: none
  &.humane-info
    background-image  : linear-gradient-image(200px, rgba(0,0,100,1), rgba(0,0,100,0.8))
    background        : linear-gradient(top, rgba(0,0,100,1), rgba(0,0,100,0.9)) no-repeat
    *background-color : #030
  &.humane-success
    background-image  : linear-gradient-image(200px, rgba(0,100,0,1), rgba(0,100,0,0.8))
    background        : linear-gradient(top, rgba(0,100,0,1), rgba(0,100,0,0.9)) no-repeat
    *background-color : #030
  &.humane-error
    background-image  : linear-gradient-image(200px, rgba(100,0,0,1), rgba(100,0,0,0.8))
    background        : linear-gradient(top, rgba(100,0,0,1), rgba(100,0,0,0.9)) no-repeat
    *background-color : #300

.humane.humane-animate
  opacity: 1
  transform: scale(1)
  &:hover
    opacity: 0.6
    transform: scale(0.8)

.humane.humane-js-animate
  opacity: 1
  transform: scale(1)
  &:hover
    opacity: 0.6
