~jstys-z/helioviewer.org/client5

« back to all changes in this revision

Viewing changes to lib/jquery.jgrowl/jquery.jgrowl.css

Preparing to merge in my branch

Show diffs side-by-side

added added

removed removed

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