modificando popup login para usar colobox

Leandro Santos
1 parent 8197faad
Showing 1 changed file with 45 additions and 21 deletions Show diff stats
style.css
@@ -224,25 +224,49 @@ p {
 /* PopUp Login*/
-#TB_window {
-	left: -350px;
-	margin-left: 50% !important;
-	width: 700px !important;
+#colorbox {
+  left: -350px !important;
+  margin-left: 50% !important;
+  width: 700px !important;
 }
-#TB_ajaxContent.TB_modal {
+#cboxWrapper {
     padding: 15px;
     position: relative;
     width: auto !important;
-	 height: auto !important;
+  /* height: auto !important;*/
 }
-#TB_window .login-box{
+#cboxContent{
+  float: none !important;
+  width: auto !important;
+  height: auto !important;
+  padding: 20px;
+}
+
+#cboxLoadedContent{
+  width: auto !important;
+  height: auto !important;
+}
+
+#colorbox .login-box .button-bar a.icon-close{
+  width: auto !important;
+}
+
+#cboxMiddleLeft{
+   
+}
+
+#cboxTopCenter {
+  height: auto !important;
+}
+
+#colorbox .login-box{
 	width: 100%;
    background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
 }
-#TB_window .login-box h2{
+#colorbox .login-box h2{
     background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
     color: #757575;
     font-size: 20px;
@@ -251,17 +275,17 @@ p {
     width: 45%;
 }
-#TB_window .login-box form {
+#colorbox .login-box form {
     margin: 0;
     width: 45%;
     /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
 }
-#TB_window .login-box .formfieldline input {
+#colorbox .login-box .formfieldline input {
 	width: 95%;
 }
-#TB_window .login-box .button-bar input.icon-login {
+#colorbox .login-box .button-bar input.icon-login {
     background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
     border: 0px none;
     font-family: arial,sans-serif;
@@ -275,11 +299,11 @@ p {
 	 cursor: pointer;
 }
-#TB_window .login-box .button-bar input.icon-login:hover {
+#colorbox .login-box .button-bar input.icon-login:hover {
 	background-image: url("images/btn_entrar_login_hover.png");
 }
-#TB_window .login-box .button-bar a.icon-close {
+#colorbox .login-box .button-bar a.icon-close {
   /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
     background-color: #FCE9E8;
     background-image: none;
@@ -294,23 +318,23 @@ p {
     text-transform: uppercase;
     width: 115px;
 }
-#TB_window .login-box .button-bar a.icon-close:hover {
+#colorbox .login-box .button-bar a.icon-close:hover {
 	background-color: #FFD1CF;
 }
-#TB_window .login-box .button-bar input.submit,
-#TB_window .login-box .button-bar a.icon-close {
+#colorbox .login-box .button-bar input.submit,
+#colorbox .login-box .button-bar a.icon-close {
     border: 0px none;
 }
-#TB_window .login-box .button-bar {
+#colorbox .login-box .button-bar {
     float: none;
     margin-bottom: 1em;
     margin-top: 1em;
     width: 100%;
 }
-#TB_window .login-box .button-bar .icon-add{
+#colorbox .login-box .button-bar .icon-add{
     background-color: #F7E074;
     background-image: none;
     color: #004B82;
@@ -325,15 +349,15 @@ p {
     width: 30%;
 }
-#TB_window .login-box .button-bar .icon-add span{
+#colorbox .login-box .button-bar .icon-add span{
 	border-bottom: 1px solid #F7E074;
 }
-#TB_window .login-box .button-bar .icon-help{
+#colorbox .login-box .button-bar .icon-help{
 }
-#TB_window .login-box form .button-bar {
+#colorbox .login-box form .button-bar {
 	float: none; 
 	width: 100%
 }