Subversion Repositories wpShopGermany4

Rev

Rev 4943 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
2763 daniel 1 
/* global */
2 
div.ui-cluetip {
3 
  font-size: 1em;
4 
}
5 
.ui-cluetip-header,
6 
.ui-cluetip-content {
7 
  padding: 12px;
8 
}
9 
.ui-cluetip-header {
10 
  font-size: 1em;
11 
  margin: 0;
12 
  overflow: hidden;
13 
}
14 
 
15 
.cluetip-title .cluetip-close {
16 
  float: right;
17 
  position: relative;
18 
}
19 
.cluetip-close img {
20 
  border: 0;
21 
}
22 
 
23 
#cluetip-waitimage {
24 
  width: 43px;
25 
  height: 11px;
26 
  position: absolute;
2888 daniel 27 
  background-image: url(../../gfx/ajax-loader.gif);
28 
  background-repeat:no-repeat;
29 
  background-position:50% 50%;
2763 daniel 30 
}
31 
.cluetip-arrows {
32 
  display: none;
33 
  position: absolute;
34 
  top: 0;
35 
  left: -11px;
36 
  width: 11px;
37 
  height: 22px;
38 
  background-repeat: no-repeat;
39 
  background-position: 0 0;
40 
  border-width: 0;
41 
}
42 
.cluetip-extra {
43 
  display: none;
44 
}
45 
 
46 
/***************************************
47 
   =cluetipClass: 'default'
48 
-------------------------------------- */
49 
 
50 
.cluetip-default,
51 
.cluetip-default .cluetip-outer {
52 
  background-color: #d9d9c2;
53 
}
54 
.cluetip-default .ui-cluetip-header {
55 
  background-color: #87876a;
56 
}
57 
 
58 
 
59 
/*
60 
.cluetip-default #cluetip-outer {
61 
  position: relative;
62 
  margin: 0;
63 
  background-color: #d9d9c2;
64 
}
65 
.cluetip-default h3#cluetip-title {
66 
  margin: 0 0 5px;
67 
  padding: 8px 10px 4px;
68 
  font-size: 1.1em;
69 
  font-weight: normal;
70 
  background-color: #87876a;
71 
  color: #fff;
72 
}
73 
.cluetip-default #cluetip-title a {
74 
  color: #d9d9c2;
75 
  font-size: 0.95em;
76 
}
77 
.cluetip-default #cluetip-inner {
78 
  padding: 10px;
79 
}
80 
.cluetip-default div#cluetip-close {
81 
  text-align: right;
82 
  margin: 0 5px 5px;
83 
  color: #900;
84 
}
85 
*/
86 
/* default arrows */
87 
div.cluetip-default .cluetip-arrows {
88 
  border-width: 0;
89 
  background: transparent none;
90 
}
91 
div.clue-right-default .cluetip-arrows {
92 
  background-image: url(images/darrowleft.gif);
93 
}
94 
div.clue-left-default .cluetip-arrows {
95 
  background-image: url(images/darrowright.gif);
96 
  left: 100%;
97 
  margin-right: -11px;
98 
}
99 
div.clue-top-default .cluetip-arrows {
100 
  background-image: url(images/darrowdown.gif);
101 
  top: 100%;
102 
  left: 50%;
103 
  margin-left: -11px;
104 
  width: 22px;
105 
  height: 11px;
106 
}
107 
div.clue-bottom-default .cluetip-arrows {
108 
  background-image: url(images/darrowup.gif);
109 
  top: -11px;
110 
  left: 50%;
111 
  margin-left: -11px;
112 
  width: 22px;
113 
  height: 11px;
114 
}
115 
 
116 
/***************************************
117 
   =cluetipClass: 'jtip'
118 
-------------------------------------- */
119 
.cluetip-jtip {
120 
  background-color: #fff;
121 
}
122 
.cluetip-jtip .cluetip-outer {
123 
  border: 2px solid #ccc;
124 
  position: relative;
125 
  /*background-color: #fff;*/
126 
}
127 
 
128 
.cluetip-jtip .cluetip-inner {
129 
  padding: 5px;
130 
  display: inline-block;
131 
}
132 
.cluetip-jtip div.cluetip-close {
133 
  text-align: right;
134 
  margin: 0 5px 0;
135 
  color: #900;
136 
}
137 
 
138 
.cluetip-jtip .ui-cluetip-header {
139 
  background-color: #ccc;
140 
  padding: 6px;
141 
/*  margin-bottom: 1em;*/
142 
}
143 
 
144 
/* jtip arrows */
145 
div.cluetip-jtip .cluetip-arrows {
146 
  border-width: 0;
147 
  background: transparent none;
148 
}
149 
div.clue-right-jtip .cluetip-arrows {
150 
  background-image: url(images/arrowleft.gif);
151 
}
152 
div.clue-left-jtip .cluetip-arrows {
153 
  background-image: url(images/arrowright.gif);
154 
  left: 100%;
155 
  margin-right: -11px;
156 
}
157 
div.clue-top-jtip .cluetip-arrows {
158 
  background-image: url(images/arrowdown.gif);
159 
  top: 100%;
160 
  left: 50%;
161 
  width: 22px;
162 
  height: 11px;
163 
  margin-left: -11px;
164 
}
165 
div.clue-bottom-jtip .cluetip-arrows {
166 
  background-image: url(images/arrowup.gif);
167 
  top: -11px;
168 
  left: 50%;
169 
  width: 22px;
170 
  height: 11px;
171 
  margin-left: -11px;
172 
}
173 
 
174 
/***************************************
175 
   =cluetipClass: 'rounded'
176 
-------------------------------------- */
177 
.cluetip-rounded {
178 
  -webkit-border-radius: 6px;
179 
  -moz-border-radius: 6px;
180 
  border-radius: 6px;
181 
  background-color: #fff;
182 
  border: 1px solid #ccc;
183 
}
184 
 
185 
.cluetip-rounded .cluetip-outer {
186 
  -webkit-border-radius: 6px;
187 
  -moz-border-radius: 6px;
188 
  border-radius: 6px;
189 
  background-color: #fff;
190 
}
191 
 
192 
.cluetip-rounded  .cluetip-arrows {
193 
  border-color: #ccc;
194 
}
195 
 
196 
/* need to be more specific here to override ThemeRoller defaults */
197 
div.cluetip-rounded  .cluetip-arrows {
198 
  font-size: 0;
199 
  line-height: 0%;
200 
  width: 0;
201 
  height: 0;
202 
  border-style: solid;
203 
  background: transparent none;
204 
}
205 
div.clue-right-rounded .cluetip-arrows {
206 
  border-width: 11px 11px 11px 0;
207 
  border-top-color: transparent;
208 
  border-bottom-color: transparent;
209 
  border-left-color: transparent;
210 
}
211 
div.clue-left-rounded .cluetip-arrows {
212 
  left: 100%;
213 
  margin-right: -11px;
214 
  border-width: 11px 0 11px 11px;
215 
  border-top-color: transparent;
216 
  border-right-color: transparent;
217 
  border-bottom-color: transparent;
218 
 
219 
}
220 
div.clue-top-rounded .cluetip-arrows {
221 
  top: 100%;
222 
  left: 50%;
223 
  border-width: 11px 11px 0 11px;
224 
  border-right-color: transparent;
225 
  border-bottom-color: transparent;
226 
  border-left-color: transparent;
227 
}
228 
.clue-bottom-rounded .cluetip-arrows {
229 
  top: -11px;
230 
  left: 50%;
231 
  border-width: 0 11px 11px 11px;
232 
  border-top-color: transparent;
233 
  border-right-color: transparent;
234 
  border-left-color: transparent;
235 
 
236 
}
237 
/* stupid IE6 HasLayout hack */
238 
.cluetip-rounded .cluetip-title,
239 
.cluetip-rounded .cluetip-inner {
240 
  zoom: 1;
241 
}