source: branches/2.1/admin/themes/default/uploadify.jGrowl.css @ 6348

Last change on this file since 6348 was 6323, checked in by plg, 14 years ago

merge r6320 from trunk to branch 2.1

bug 1667 fixed: r6027 was fixing a minor error on tabs for Google Chrome/Safari
BUT was introducing a major visual issue for IE8. Backmerged + adds the -webkit
radius anyway.

This is a quickfix for release 2.1.1, the improved display introduced by nikrou
was nice and it would be better to have it, but working in IE8
File size: 4.4 KB
Line 
1/*
2Default jGrowl style definitions for:
3
4Uploadify v1.6.2
5Copyright (C) 2009 by Ronnie Garcia
6Co-developed by Travis Nickels
7*/
8
9/** Uploadify Styling here Styling **/
10div.jGrowl div.success {
11        background: url(images/Check.png) no-repeat 6px 6px;
12}
13div.jGrowl div.error {
14        background: url(images/Error.png) no-repeat 6px 6px;
15}
16div.jGrowl div.warning {
17        background: url(images/Alert.png) no-repeat 6px 6px;
18}
19
20div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
21        background-color:               #000;
22        color:                                  #fff;
23        opacity:                                .85;
24        filter:                                 alpha(opacity = 85);
25        zoom:                                   1;
26        width:                                  300px;
27        padding:                                10px;
28        margin-top:                     5px;
29        margin-bottom:                  5px;
30        font-family:                    Tahoma, Arial, Helvetica, sans-serif;
31        font-size:                              12px;
32        text-align:                     left;
33        display:                                none;
34        -moz-border-radius:     5px;
35        -webkit-border-radius:  5px;
36}
37
38/* original jGrowl css styling */
39
40div.center div.jGrowl-notification, div.center div.jGrowl-closer {
41        margin-left:            auto;
42        margin-right:           auto;
43}
44
45div.jGrowl div.jGrowl-notification {
46        min-height:                     40px;
47}
48
49div.jGrowl div.jGrowl-notification div.close {
50        float:                                  right;
51        font-weight:                    bold;
52        font-size:                              12px;
53        cursor:                                 pointer;
54}
55
56div.jGrowl div.jGrowl-closer {
57        height:                                 15px;
58        padding-top:                    4px;
59        padding-bottom:                 4px;
60        cursor:                                 pointer;
61        font-size:                              11px;
62        font-weight:                    bold;
63        text-align:                     center;
64}
65
66div.jGrowl div.jGrowl-notification div.header {
67        font-weight:    bold;
68        font-size:              14px;
69        margin-left:    60px;
70}
71div.jGrowl div.jGrowl-notification div.message {
72        font-size:              12px;
73        margin-left:    60px;
74}
75div.jGrowl div.jGrowl-notification p {
76        font-size:              6px;
77}
78
79div.jGrowl {
80        padding:                        10px;
81        z-index:                        9999;
82}
83
84/** Special IE6 Style Positioning **/
85div.ie6 {
86        position:                       absolute;
87}
88
89div.ie6.top-right {
90        right:                          auto;
91        bottom:                         auto;
92        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' );
93        top:                            expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
94}
95
96div.ie6.top-left {
97        left:                           expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
98        top:                            expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
99}
100
101div.ie6.bottom-right {
102        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' );
103        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' );
104}
105
106div.ie6.bottom-left {
107        left:                           expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
108        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' );
109}
110
111div.ie6.center {
112        left:                           expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
113        top:                            expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
114        width:                          100%;
115}
116
117/** Normal Style Positions **/
118body > div.jGrowl {
119        position:                       fixed;
120}
121
122body > div.jGrowl.top-left {
123        left:                           0px;
124        top:                            0px;
125}
126
127body > div.jGrowl.top-right {
128        right:                          0px;
129        top:                            0px;
130}
131
132body > div.jGrowl.bottom-left {
133        left:                           0px;
134        bottom:                         0px;
135}
136
137body > div.jGrowl.bottom-right {
138        right:                          0px;
139        bottom:                         0px;
140}
141
142body > div.jGrowl.center {
143        top:                            0px;
144        width:                          50%;
145        left:                           25%;
146}
147
Note: See TracBrowser for help on using the repository browser.