Commit 5bed3f5fca5377e13128f5289666482f196fa280
1 parent
8197faad
Exists in
master
and in
5 other branches
modificando popup login para usar colobox
Showing
1 changed file
with
45 additions
and
21 deletions
Show diff stats
style.css
... | ... | @@ -224,25 +224,49 @@ p { |
224 | 224 | |
225 | 225 | /* PopUp Login*/ |
226 | 226 | |
227 | -#TB_window { | |
228 | - left: -350px; | |
229 | - margin-left: 50% !important; | |
230 | - width: 700px !important; | |
227 | +#colorbox { | |
228 | + left: -350px !important; | |
229 | + margin-left: 50% !important; | |
230 | + width: 700px !important; | |
231 | 231 | } |
232 | 232 | |
233 | -#TB_ajaxContent.TB_modal { | |
233 | +#cboxWrapper { | |
234 | 234 | padding: 15px; |
235 | 235 | position: relative; |
236 | 236 | width: auto !important; |
237 | - height: auto !important; | |
237 | + /* height: auto !important;*/ | |
238 | 238 | } |
239 | 239 | |
240 | -#TB_window .login-box{ | |
240 | +#cboxContent{ | |
241 | + float: none !important; | |
242 | + width: auto !important; | |
243 | + height: auto !important; | |
244 | + padding: 20px; | |
245 | +} | |
246 | + | |
247 | +#cboxLoadedContent{ | |
248 | + width: auto !important; | |
249 | + height: auto !important; | |
250 | +} | |
251 | + | |
252 | +#colorbox .login-box .button-bar a.icon-close{ | |
253 | + width: auto !important; | |
254 | +} | |
255 | + | |
256 | +#cboxMiddleLeft{ | |
257 | + | |
258 | +} | |
259 | + | |
260 | +#cboxTopCenter { | |
261 | + height: auto !important; | |
262 | +} | |
263 | + | |
264 | +#colorbox .login-box{ | |
241 | 265 | width: 100%; |
242 | 266 | background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF; |
243 | 267 | } |
244 | 268 | |
245 | -#TB_window .login-box h2{ | |
269 | +#colorbox .login-box h2{ | |
246 | 270 | background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF; |
247 | 271 | color: #757575; |
248 | 272 | font-size: 20px; |
... | ... | @@ -251,17 +275,17 @@ p { |
251 | 275 | width: 45%; |
252 | 276 | } |
253 | 277 | |
254 | -#TB_window .login-box form { | |
278 | +#colorbox .login-box form { | |
255 | 279 | margin: 0; |
256 | 280 | width: 45%; |
257 | 281 | /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/ |
258 | 282 | } |
259 | 283 | |
260 | -#TB_window .login-box .formfieldline input { | |
284 | +#colorbox .login-box .formfieldline input { | |
261 | 285 | width: 95%; |
262 | 286 | } |
263 | 287 | |
264 | -#TB_window .login-box .button-bar input.icon-login { | |
288 | +#colorbox .login-box .button-bar input.icon-login { | |
265 | 289 | background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF; |
266 | 290 | border: 0px none; |
267 | 291 | font-family: arial,sans-serif; |
... | ... | @@ -275,11 +299,11 @@ p { |
275 | 299 | cursor: pointer; |
276 | 300 | } |
277 | 301 | |
278 | -#TB_window .login-box .button-bar input.icon-login:hover { | |
302 | +#colorbox .login-box .button-bar input.icon-login:hover { | |
279 | 303 | background-image: url("images/btn_entrar_login_hover.png"); |
280 | 304 | } |
281 | 305 | |
282 | -#TB_window .login-box .button-bar a.icon-close { | |
306 | +#colorbox .login-box .button-bar a.icon-close { | |
283 | 307 | /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/ |
284 | 308 | background-color: #FCE9E8; |
285 | 309 | background-image: none; |
... | ... | @@ -294,23 +318,23 @@ p { |
294 | 318 | text-transform: uppercase; |
295 | 319 | width: 115px; |
296 | 320 | } |
297 | -#TB_window .login-box .button-bar a.icon-close:hover { | |
321 | +#colorbox .login-box .button-bar a.icon-close:hover { | |
298 | 322 | background-color: #FFD1CF; |
299 | 323 | } |
300 | 324 | |
301 | -#TB_window .login-box .button-bar input.submit, | |
302 | -#TB_window .login-box .button-bar a.icon-close { | |
325 | +#colorbox .login-box .button-bar input.submit, | |
326 | +#colorbox .login-box .button-bar a.icon-close { | |
303 | 327 | border: 0px none; |
304 | 328 | } |
305 | 329 | |
306 | -#TB_window .login-box .button-bar { | |
330 | +#colorbox .login-box .button-bar { | |
307 | 331 | float: none; |
308 | 332 | margin-bottom: 1em; |
309 | 333 | margin-top: 1em; |
310 | 334 | width: 100%; |
311 | 335 | } |
312 | 336 | |
313 | -#TB_window .login-box .button-bar .icon-add{ | |
337 | +#colorbox .login-box .button-bar .icon-add{ | |
314 | 338 | background-color: #F7E074; |
315 | 339 | background-image: none; |
316 | 340 | color: #004B82; |
... | ... | @@ -325,15 +349,15 @@ p { |
325 | 349 | width: 30%; |
326 | 350 | } |
327 | 351 | |
328 | -#TB_window .login-box .button-bar .icon-add span{ | |
352 | +#colorbox .login-box .button-bar .icon-add span{ | |
329 | 353 | border-bottom: 1px solid #F7E074; |
330 | 354 | } |
331 | 355 | |
332 | -#TB_window .login-box .button-bar .icon-help{ | |
356 | +#colorbox .login-box .button-bar .icon-help{ | |
333 | 357 | |
334 | 358 | } |
335 | 359 | |
336 | -#TB_window .login-box form .button-bar { | |
360 | +#colorbox .login-box form .button-bar { | |
337 | 361 | float: none; |
338 | 362 | width: 100% |
339 | 363 | } | ... | ... |