1div.jGrowl { 2 z-index: 9999; 3 color: #fff; 4 font-size: 12px; 5} 6 7div.jGrowl-notification.success>div, 8div.jGrowl-notification.error>div, 9div.jGrowl-notification.warning>div{ 10 margin-left:45px; 11} 12div.jGrowl-notification.success { 13 background: url(jgrowl-check.png) no-repeat 5px 5px; 14} 15div.jGrowl-notification.error { 16 background: url(jgrowl-error.png) no-repeat 5px 5px; 17} 18div.jGrowl-notification.warning { 19 background: url(jgrowl-alert.png) no-repeat 5px 5px; 20} 21div.jGrowl-notification.warning:before { 22 content:none; 23} 24 25/** Cross Browser Styling **/ 26div.center div.jGrowl-notification, div.center div.jGrowl-closer { 27 margin-left: auto; 28 margin-right: auto; 29} 30 31div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { 32 background-color: #000; 33 opacity: .85; 34 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 35 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 36 zoom: 1; 37 width: 300px; 38 padding: 5px; 39 margin-top: 5px; 40 margin-bottom: 5px; 41 font-family: Tahoma, Arial, Helvetica, sans-serif; 42 font-size: 1em; 43 text-align: left; 44 display: none; 45 border-radius: 5px; 46 -moz-border-radius: 5px; 47 -webkit-border-radius: 5px; 48} 49 50div.jGrowl div.jGrowl-notification { 51 min-height: 40px; 52} 53 54div.jGrowl div.jGrowl-notification, 55div.jGrowl div.jGrowl-closer { 56 margin: 8px; 57} 58 59div.jGrowl div.jGrowl-notification div.jGrowl-header { 60 font-weight: bold; 61 font-size: 1em; 62} 63 64div.jGrowl div.jGrowl-notification div.jGrowl-message { 65 font-size: 0.9em; 66} 67 68div.jGrowl div.jGrowl-notification div.jGrowl-close { 69 z-index: 99; 70 float: right; 71 font-weight: bold; 72 font-size: 1em; 73 cursor: pointer; 74} 75 76div.jGrowl div.jGrowl-closer { 77 padding-top: 4px; 78 padding-bottom: 4px; 79 cursor: pointer; 80 font-size: .9em; 81 font-weight: bold; 82 text-align: center; 83} 84 85/** Hide jGrowl when printing **/ 86@media print { 87 div.jGrowl { 88 display: none; 89 } 90} 91 92/** Special IE6 Style Positioning **/ 93div.ie6 { 94 position: absolute; 95} 96 97div.ie6.top-right { 98 right: auto; 99 bottom: auto; 100 left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); 101 top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 102} 103 104div.ie6.top-left { 105 left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); 106 top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 107} 108 109div.ie6.bottom-right { 110 left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); 111 top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 112} 113 114div.ie6.bottom-left { 115 left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); 116 top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 117} 118 119div.ie6.center { 120 left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); 121 top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 122 width: 100%; 123} 124 125/** Normal Style Positions **/ 126div.jGrowl { 127 position: absolute; 128} 129 130body > div.jGrowl { 131 position: fixed; 132} 133 134div.jGrowl.top-left { 135 left: 0px; 136 top: 0px; 137} 138 139div.jGrowl.top-right { 140 right: 0px; 141 top: 0px; 142} 143 144div.jGrowl.bottom-left { 145 left: 0px; 146 bottom: 0px; 147} 148 149div.jGrowl.bottom-right { 150 right: 0px; 151 bottom: 0px; 152} 153 154div.jGrowl.center { 155 top: 0px; 156 width: 50%; 157 left: 25%; 158}