28/05/2015, 09:28
|
| | | Fecha de Ingreso: julio-2013
Mensajes: 103
Antigüedad: 11 años, 5 meses Puntos: 1 | |
Respuesta: formato de formulario Este es ek css,
Veran algunas cosas comentadas, que son para quitar el marco que tenia, y como dije en la consulta solo me falta quitar un recuadro, es el recuadro externo q no logro ver dnd esta.
/* color: #798e94; */
color: #FFFFFF;
font: 12px sans-serif;
}
body {
/*background-image:url(../../imag/background.gif);*/
}
/* Estilos del formulario */
form.contacto {
/* border: 1px solid #CED5D7;
border-radius: 6px;*/
margin: 25px auto 0;
width: 440px;
background-color: ;
/* box-shadow: 0px 5px 10px #EEF5F7 inset;*/
}
form.contacto fieldset {
background: ;
border: 1px solid #E1E1E1;
box-shadow: 0 0 10px #DADADA;
-webkit-box-shadow: 0 0 10px #DADADA;
-moz-box-shadow: 0 0 10px #DADADA;
padding: 25px;
}
form.contacto fieldset > div {
clear: both;
margin-bottom: 20px;
overflow: hidden;
}
form.contacto fieldset div label {
display: block;
font-weight: bold;
float: left;
margin-right: 15px;
margin-top: 5px;
text-align: right;
text-transform: uppercase;
width: 84px;
}
form.contacto input[type="text"], form.contacto textarea {
background: #F5F5F5;
/* border: 1px solid #E8E8E8;*/
color: #626262;
display: block;
float: left;
padding: 8px;
resize: none;
width: 350px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
background: #F9F9F9;
border: 1px solid #D3D3D3;
outline: none;
}
form.contacto .ultimo{
margin-bottom: 0;
position: relative
}
form.contacto button {
background: #798e94;;
border: 0 none;
color: #FFFFFF;
float: right;
font-weight: bold;
height: 32px;
padding: 0 10px;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
}
form.contacto button:hover{
background: #6A6A6A;
}
/* AJAX Gif y mensajes de exito o fracaso */
.hide{
display: none;
}
.ajaxgif{
position: absolute;
right: 150px;
top: 5px;
}
.msg{
color: white;
font-weight: bold;
height: 32px;
line-height: 32px;
padding: 0 10px;
position: absolute;
right: -155px;
text-transform: uppercase;
min-width: 121px;
}
.msg_ok{
background: #589D05;
}
.msg_error{
background: red;
}
/*a continuacion medidas y para que se vea en el centro el logo de la empresa*/
/*.contacto div label blockquote blockquote p {
text-align: right;
}sobra*/
/*div label blockquote blockquote p img {
text-align: center;
}sobra*/
.contacto div blockquote {
text-align: center;
} |