#growls {z-index: 50000; position: fixed } #growls.default {top: 10px; right: 10px } #growls.tl {top: 10px; left: 10px } #growls.tr {top: 10px; right: 10px } #growls.bl {bottom: 10px; left: 10px } #growls.br {bottom: 10px; right: 10px } #growls.tc {top: 10px; right: 10px; left: 10px } #growls.bc {bottom: 10px; right: 10px; left: 10px } #growls.tc .growl, #growls.bc .growl {margin-left: auto; margin-right: auto } .growl {filter: alpha(opacity=80); position: relative; border-radius: 4px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .growl.growl-incoming {opacity: 0; filter: alpha(opacity=0) } .growl.growl-outgoing {opacity: 0; filter: alpha(opacity=0) } .growl.growl-small {width: 200px; padding: 5px; margin: 5px } .growl.growl-medium {width: 250px; padding: 10px; margin: 10px } .growl.growl-large {width: 300px; padding: 15px; margin: 15px } .growl.growl-default {color: #FFF; background: #7970ff } .growl.growl-error {color: #FFF; background:#ea2d40 } .growl.growl-notice {color: #FFF; background: #2cc507 } .growl.growl-warning {color: #FFF; background: #ff5722 } .growl .growl-close {cursor: pointer; float: right; font-size: 12px; line-height: 18px; font-weight: 400; font-family: helvetica, verdana, sans-serif } .growl .growl-title {font-size: 15px; line-height: 18px } .growl .growl-message {font-size: 14px; line-height: 18px }