Commit 5b8eae7d22b4e0c31123e78447cfd8abe2b39dca
1 parent
d9a0be31
Exists in
master
and in
2 other branches
atualizando tema para a nova versao
Showing
1 changed file
with
69 additions
and
48 deletions
Show diff stats
style.css
@@ -208,32 +208,49 @@ p { | @@ -208,32 +208,49 @@ p { | ||
208 | 208 | ||
209 | /* PopUp Login*/ | 209 | /* PopUp Login*/ |
210 | 210 | ||
211 | -.action-account-login .login-box .button-bar { | ||
212 | - margin-top: -26px; | ||
213 | - margin-bottom: 40px; | ||
214 | - float: right; | ||
215 | - clear: right; | ||
216 | -} | ||
217 | - | ||
218 | -#TB_window { | ||
219 | - left: -350px; | ||
220 | - margin-left: 50% !important; | ||
221 | - width: 700px !important; | 211 | +#colorbox { |
212 | + left: -350px !important; | ||
213 | + margin-left: 50% !important; | ||
214 | + width: 700px !important; | ||
222 | } | 215 | } |
223 | 216 | ||
224 | -#TB_ajaxContent.TB_modal { | 217 | +#cboxWrapper { |
225 | padding: 15px; | 218 | padding: 15px; |
226 | position: relative; | 219 | position: relative; |
227 | width: auto !important; | 220 | width: auto !important; |
228 | - height: auto !important; | 221 | + /* height: auto !important;*/ |
229 | } | 222 | } |
230 | 223 | ||
231 | -#TB_window .login-box{ | ||
232 | - width: 100%; | ||
233 | -/* background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF; FIXME */ | 224 | +#cboxContent{ |
225 | + float: none !important; | ||
226 | + width: auto !important; | ||
227 | + height: auto !important; | ||
228 | + padding: 20px; | ||
229 | +} | ||
230 | + | ||
231 | +#cboxLoadedContent{ | ||
232 | + width: auto !important; | ||
233 | + height: auto !important; | ||
234 | } | 234 | } |
235 | 235 | ||
236 | -#TB_window .login-box h2{ | 236 | +#colorbox .login-box .button-bar a.icon-close{ |
237 | + width: auto !important; | ||
238 | +} | ||
239 | + | ||
240 | +#cboxMiddleLeft{ | ||
241 | + | ||
242 | +} | ||
243 | + | ||
244 | +#cboxTopCenter { | ||
245 | + height: auto !important; | ||
246 | +} | ||
247 | + | ||
248 | +#colorbox .login-box{ | ||
249 | + width: 100%; | ||
250 | + background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF; | ||
251 | +} | ||
252 | + | ||
253 | +#colorbox .login-box h2{ | ||
237 | background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF; | 254 | background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF; |
238 | color: #757575; | 255 | color: #757575; |
239 | font-size: 20px; | 256 | font-size: 20px; |
@@ -242,17 +259,18 @@ p { | @@ -242,17 +259,18 @@ p { | ||
242 | width: 45%; | 259 | width: 45%; |
243 | } | 260 | } |
244 | 261 | ||
245 | -#TB_window .login-box form { | 262 | +#colorbox .login-box form { |
246 | margin: 0; | 263 | margin: 0; |
247 | width: 45%; | 264 | width: 45%; |
248 | /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/ | 265 | /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/ |
249 | } | 266 | } |
250 | 267 | ||
251 | -#TB_window .login-box .formfieldline input { | ||
252 | - width: 95%; | 268 | +#colorbox .login-box .formfieldline input { |
269 | + width: 95%; | ||
253 | } | 270 | } |
254 | 271 | ||
255 | -#TB_window .login-box .button-bar input.icon-login { | 272 | + |
273 | +#colorbox .login-box .button-bar input.icon-login { | ||
256 | background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF; | 274 | background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF; |
257 | border: 0px none; | 275 | border: 0px none; |
258 | font-family: arial,sans-serif; | 276 | font-family: arial,sans-serif; |
@@ -263,14 +281,16 @@ p { | @@ -263,14 +281,16 @@ p { | ||
263 | padding: 0; | 281 | padding: 0; |
264 | text-transform: uppercase; | 282 | text-transform: uppercase; |
265 | width: 145px; | 283 | width: 145px; |
266 | - cursor: pointer; | 284 | + cursor: pointer; |
267 | } | 285 | } |
268 | 286 | ||
269 | -#TB_window .login-box .button-bar input.icon-login:hover { | ||
270 | - background-image: url("images/btn_entrar_login_hover.png"); | 287 | +#colorbox .login-box .button-bar input.icon-login:hover { |
288 | + background-image: url("images/btn_entrar_login_hover.png"); | ||
271 | } | 289 | } |
272 | 290 | ||
273 | -#TB_window .login-box .button-bar a.icon-close { | 291 | + |
292 | + | ||
293 | +#colorbox .login-box .button-bar a.icon-close { | ||
274 | /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/ | 294 | /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/ |
275 | background-color: #FCE9E8; | 295 | background-color: #FCE9E8; |
276 | background-image: none; | 296 | background-image: none; |
@@ -285,55 +305,56 @@ p { | @@ -285,55 +305,56 @@ p { | ||
285 | text-transform: uppercase; | 305 | text-transform: uppercase; |
286 | width: 115px; | 306 | width: 115px; |
287 | } | 307 | } |
288 | -#TB_window .login-box .button-bar a.icon-close:hover { | ||
289 | - background-color: #FFD1CF; | 308 | +#colorbox .login-box .button-bar a.icon-close:hover { |
309 | + background-color: #FFD1CF; | ||
290 | } | 310 | } |
291 | 311 | ||
292 | -#TB_window .login-box .button-bar input.submit, | ||
293 | -#TB_window .login-box .button-bar a.icon-close { | 312 | +#colorbox .login-box .button-bar input.submit, |
313 | +#colorbox .login-box .button-bar a.icon-close { | ||
294 | border: 0px none; | 314 | border: 0px none; |
295 | } | 315 | } |
296 | 316 | ||
297 | -#TB_window .login-box .button-bar { | 317 | +#colorbox .login-box .button-bar { |
298 | float: none; | 318 | float: none; |
299 | margin-bottom: 1em; | 319 | margin-bottom: 1em; |
300 | margin-top: 1em; | 320 | margin-top: 1em; |
301 | width: 100%; | 321 | width: 100%; |
302 | } | 322 | } |
303 | 323 | ||
304 | -#TB_window .login-box .button-bar .icon-add { | 324 | + |
325 | +#colorbox .login-box .button-bar .icon-add{ | ||
305 | background-color: #F7E074; | 326 | background-color: #F7E074; |
306 | background-image: none; | 327 | background-image: none; |
307 | color: #004B82; | 328 | color: #004B82; |
329 | + float: right; | ||
308 | font-size: 16px; | 330 | font-size: 16px; |
309 | font-weight: bold; | 331 | font-weight: bold; |
310 | margin-right: 75px; | 332 | margin-right: 75px; |
311 | - padding: 0.5em; | ||
312 | - position: absolute; | ||
313 | - top: 162px; | ||
314 | - right: -10px; | 333 | + padding: 10px; |
334 | + position: relative; | ||
315 | text-align: center; | 335 | text-align: center; |
316 | - border-radius: 5px; | ||
317 | - width: 200px; | 336 | + top: -3em; |
337 | + width: 30%; | ||
318 | } | 338 | } |
319 | 339 | ||
320 | -#TB_window .login-box .button-bar .icon-add span{ | ||
321 | - border-bottom: 1px solid #F7E074; | 340 | +#colorbox .login-box .button-bar .icon-add span{ |
341 | + border-bottom: 1px solid #F7E074; | ||
322 | } | 342 | } |
323 | 343 | ||
324 | -#TB_window .login-box .button-bar .icon-help{ | ||
325 | - | 344 | +#colorbox .login-box .button-bar .icon-help{ |
345 | + | ||
326 | } | 346 | } |
327 | 347 | ||
328 | -#TB_window .login-box form .button-bar { | ||
329 | - float: none; | ||
330 | - width: 100% | 348 | +#colorbox .login-box form .button-bar { |
349 | + float: none; | ||
350 | + width: 100% | ||
331 | } | 351 | } |
332 | 352 | ||
333 | 353 | ||
334 | -#TB_window .login-box { position: relative; } | ||
335 | 354 | ||
336 | -#TB_window .login-box .oauth-login { | 355 | +#colorbox .login-box { position: relative; } |
356 | + | ||
357 | +#colorbox .login-box .oauth-login { | ||
337 | position: absolute; | 358 | position: absolute; |
338 | right:0; | 359 | right:0; |
339 | top:0; | 360 | top:0; |
@@ -347,7 +368,7 @@ p { | @@ -347,7 +368,7 @@ p { | ||
347 | line-height: 1.5em; | 368 | line-height: 1.5em; |
348 | } | 369 | } |
349 | 370 | ||
350 | -#TB_window .login-box .oauth-login .provider { | 371 | +#colorbox .login-box .oauth-login .provider { |
351 | width: 100%; | 372 | width: 100%; |
352 | display: block; | 373 | display: block; |
353 | clear: both; | 374 | clear: both; |
@@ -357,7 +378,7 @@ p { | @@ -357,7 +378,7 @@ p { | ||
357 | } | 378 | } |
358 | 379 | ||
359 | .oauth-login .provider a img { max-width: 150px; } | 380 | .oauth-login .provider a img { max-width: 150px; } |
360 | -#TB_window .login-box .oauth-login .provider a img { max-width: 200px; } | 381 | +#colorbox .login-box .oauth-login .provider a img { max-width: 200px; } |
361 | 382 | ||
362 | #email-check, #fake-check, #password-rate, #password-check { | 383 | #email-check, #fake-check, #password-rate, #password-check { |
363 | width: 375px; | 384 | width: 375px; |