Download as
Browse Code »

Commit 5b8eae7d22b4e0c31123e78447cfd8abe2b39dca

Authored by Leandro Santos
1 parent d9a0be31
Exists in master and in 2 other branches production, staging

atualizando tema para a nova versao

Showing 1 changed file with 69 additions and 48 deletions   Show diff stats
style.css
  Diff comments   View file @5b8eae7
... ... @@ -208,32 +208,49 @@ p {
208 208  
209 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 218 padding: 15px;
226 219 position: relative;
227 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 254 background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
238 255 color: #757575;
239 256 font-size: 20px;
... ... @@ -242,17 +259,18 @@ p {
242 259 width: 45%;
243 260 }
244 261  
245   -#TB_window .login-box form {
  262 +#colorbox .login-box form {
246 263 margin: 0;
247 264 width: 45%;
248 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 274 background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
257 275 border: 0px none;
258 276 font-family: arial,sans-serif;
... ... @@ -263,14 +281,16 @@ p {
263 281 padding: 0;
264 282 text-transform: uppercase;
265 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 294 /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
275 295 background-color: #FCE9E8;
276 296 background-image: none;
... ... @@ -285,55 +305,56 @@ p {
285 305 text-transform: uppercase;
286 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 314 border: 0px none;
295 315 }
296 316  
297   -#TB_window .login-box .button-bar {
  317 +#colorbox .login-box .button-bar {
298 318 float: none;
299 319 margin-bottom: 1em;
300 320 margin-top: 1em;
301 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 326 background-color: #F7E074;
306 327 background-image: none;
307 328 color: #004B82;
  329 + float: right;
308 330 font-size: 16px;
309 331 font-weight: bold;
310 332 margin-right: 75px;
311   - padding: 0.5em;
312   - position: absolute;
313   - top: 162px;
314   - right: -10px;
  333 + padding: 10px;
  334 + position: relative;
315 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 358 position: absolute;
338 359 right:0;
339 360 top:0;
... ... @@ -347,7 +368,7 @@ p {
347 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 372 width: 100%;
352 373 display: block;
353 374 clear: both;
... ... @@ -357,7 +378,7 @@ p {
357 378 }
358 379  
359 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 383 #email-check, #fake-check, #password-rate, #password-check {
363 384 width: 375px;
... ...