/* Caixa Maior */ #login { margin: 0 auto; margin-top:10px; margin-bottom:20px; border: 1px solid #eee; width: 400px; background: #f9f9f9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color: #666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-bottom:10px; } /* Caixa de Dentro */ .formC1 { margin-left: 80px; margin-right:40px; border: 1px solid #ddd; background: #f3f3f3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; line-height:16px; font-weight:bold; color: #666666; padding:10px 15px; margin-bottom:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* Links */ a.login, a.login:visited { text-decoration:none; color: #3366CC; font-weight:bold; } a.login:hover { text-decoration:underline; } .formC2 { margin-left: 80px; margin-right:30px; border: 1px solid #ddd; background: #f3f3f3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; line-height:16px; font-weight:bold; color: #666666; padding:10px 15px; margin-bottom:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .formC2 img { border-top:4px solid #ddd !important; border-bottom:4px solid #ddd !important; border-left:3px solid #ddd !important; border-right:3px solid #ddd !important; } /* Resultado */ #result { margin-left: 80px; width: 280px; border: 1px solid #ddd; background: #f3f3f3; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size : 11px; color:#333; padding: 15px 10px 15px 15px; margin-bottom:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* Mensagem */ #msg { padding-bottom:5px; } /* Campos do Formulario */ input.field1 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 2px 4px; margin:4px 0; min-height:18px; width:150px; height:22px; border: 3px solid #ccc; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out; } input.field1:hover {} input.field1:focus { outline: none; border-color: #999; color: #333; } #login img{ padding:2px 2px; background:#ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* Botões */ input.field2 { cursor: pointer; border: 0px; margin-top:6px; padding: 6px 10px; background: #393939; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out; color: #fff; font-weight: bold; font-family: verdana; font-size: 12px; text-decoration: none; } input.field2:hover { background: #191919; } .formC2 input.field2 { width:100%; } /* Titulo */ .caption{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 10px 10px 20px; font-size : 14px; color:#000000; } /* Imagem Utilizadores */ #icon{ width:80px; height:80px; float:left; background-image:url(https://cdn.comunidades.net/login/users.png); background-repeat: no-repeat; background-position:center center; } /* Imagem Erro */ #error1{ width:80px; height:60px; float:left; background-image:url(https://cdn.comunidades.net/login/error.png); background-repeat: no-repeat; background-position:center center; } #error2{ width:80px; height:80px; float:left; background-image:url(https://cdn.comunidades.net/login/error.png); background-repeat: no-repeat; background-position:center center; } /* Imagem OK */ #accept{ width:80px; height:80px; float:left; background-image:url(https://cdn.comunidades.net/login/ok.png); background-repeat: no-repeat; background-position:center center; } /* Links Voltar */ a.back, a.back:visited { text-decoration:none; color: #CC3300; font-weight:bold; } a.back:hover { color: #FF6633; }