include/jquery.jgrowl.css

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