library/jgrowl/jquery.jgrowl.css

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