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