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 | } | ... | ... |