colonymech / docs / www / colonyscout / internal / uploadify / css / uploadify.jGrowl.css @ f59acf11
History | View | Annotate | Download (4.36 KB)
1 |
/*
|
---|---|
2 |
Default jGrowl style definitions for:
|
3 |
|
4 |
Uploadify v1.6.2
|
5 |
Copyright (C) 2009 by Ronnie Garcia
|
6 |
Co-developed by Travis Nickels
|
7 |
*/
|
8 |
|
9 |
/** Uploadify Styling here Styling **/
|
10 |
div.jGrowl div.success { |
11 |
background: url(images/Check.png) no-repeat 6px 6px; |
12 |
} |
13 |
div.jGrowl div.error { |
14 |
background: url(images/Error.png) no-repeat 6px 6px; |
15 |
} |
16 |
div.jGrowl div.warning { |
17 |
background: url(images/Alert.png) no-repeat 6px 6px; |
18 |
} |
19 |
|
20 |
div.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 |
|
40 |
div.center div.jGrowl-notification, div.center div.jGrowl-closer { |
41 |
margin-left: auto; |
42 |
margin-right: auto; |
43 |
} |
44 |
|
45 |
div.jGrowl div.jGrowl-notification { |
46 |
min-height: 40px; |
47 |
} |
48 |
|
49 |
div.jGrowl div.jGrowl-notification div.close { |
50 |
float: right; |
51 |
font-weight: bold; |
52 |
font-size: 12px; |
53 |
cursor: pointer; |
54 |
} |
55 |
|
56 |
div.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 |
|
66 |
div.jGrowl div.jGrowl-notification div.header { |
67 |
font-weight: bold; |
68 |
font-size: 14px; |
69 |
margin-left: 60px; |
70 |
} |
71 |
div.jGrowl div.jGrowl-notification div.message { |
72 |
font-size: 12px; |
73 |
margin-left: 60px; |
74 |
} |
75 |
div.jGrowl div.jGrowl-notification p { |
76 |
font-size: 6px; |
77 |
} |
78 |
|
79 |
div.jGrowl { |
80 |
padding: 10px; |
81 |
z-index: 9999; |
82 |
} |
83 |
|
84 |
/** Special IE6 Style Positioning **/
|
85 |
div.ie6 { |
86 |
position: absolute; |
87 |
} |
88 |
|
89 |
div.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 |
|
96 |
div.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 |
|
101 |
div.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 |
|
106 |
div.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 |
|
111 |
div.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 **/
|
118 |
body > div.jGrowl { |
119 |
position: fixed; |
120 |
} |
121 |
|
122 |
body > div.jGrowl.top-left { |
123 |
left: 0px; |
124 |
top: 0px; |
125 |
} |
126 |
|
127 |
body > div.jGrowl.top-right { |
128 |
right: 0px; |
129 |
top: 0px; |
130 |
} |
131 |
|
132 |
body > div.jGrowl.bottom-left { |
133 |
left: 0px; |
134 |
bottom: 0px; |
135 |
} |
136 |
|
137 |
body > div.jGrowl.bottom-right { |
138 |
right: 0px; |
139 |
bottom: 0px; |
140 |
} |
141 |
|
142 |
body > div.jGrowl.center { |
143 |
top: 0px; |
144 |
width: 50%; |
145 |
left: 25%; |
146 |
} |
147 |
|