← Back to branch summary

~jstys-z/helioviewer.org/client5

« back to all changes in this revision

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

  • Committer: V. Keith Hughitt
  • Date: 2009-03-26 19:20:57 UTC
  • Revision ID: hughitt1@kore-20090326192057-u0x8rf8sf5lmmnwh
nightly build 03-26-2009: Using alpha-channel JPEG 2000 dataset

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/jquery/jGrowl/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
 
}