161 lines
2.8 KiB
CSS
161 lines
2.8 KiB
CSS
body {
|
|
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:12px;
|
|
}
|
|
|
|
h1 {
|
|
text-align:center;
|
|
}
|
|
|
|
p, h1, form, button {
|
|
border:0;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.spacer {
|
|
clear:both;
|
|
height:1px;
|
|
}
|
|
|
|
/* ----------- My Form ----------- */
|
|
.formulario {
|
|
margin:0 auto;
|
|
width:500px;
|
|
padding:14px;
|
|
}
|
|
|
|
.formulario2 {
|
|
margin:0 auto;
|
|
width:500px;
|
|
padding:14px;
|
|
}
|
|
|
|
/* ----------- stylized ----------- */
|
|
#estilo {
|
|
border:solid 2px #b7ddf2;
|
|
background:#ebf4fb;
|
|
}
|
|
|
|
#estilo2 {
|
|
border-left:solid 2px #b7ddf2;
|
|
border-right:solid 2px #b7ddf2;
|
|
background:#ebf4fb;
|
|
}
|
|
|
|
#estilo3 {
|
|
border:solid 2px #b7ddf2;
|
|
background:#ebf4fb;
|
|
}
|
|
|
|
#estilo h1 {
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
#estilo p {
|
|
font-size:11px;
|
|
color:#666666;
|
|
margin-bottom:20px;
|
|
border-bottom:solid 1px #b7ddf2;
|
|
padding-bottom:10px;
|
|
}
|
|
|
|
#estilo p.error {
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
color:red;
|
|
margin-bottom:20px;
|
|
border-bottom:solid 1px #b7ddf2;
|
|
padding-bottom:10px;
|
|
text-align:center;
|
|
}
|
|
|
|
#estilo label {
|
|
display:block;
|
|
font-weight:bold;
|
|
text-align:right;
|
|
width:140px;
|
|
float:left;
|
|
}
|
|
|
|
#estilo .small {
|
|
color:#666666;
|
|
display:block;
|
|
font-size:11px;
|
|
font-weight:normal;
|
|
text-align:right;
|
|
width:140px;
|
|
}
|
|
|
|
#estilo input {
|
|
/* float:left; */
|
|
font-size:12px;
|
|
padding:4px 2px;
|
|
border:solid 1px #aacfe4;
|
|
width:200px;
|
|
margin:2px 0 20px 10px;
|
|
}
|
|
|
|
#estilo2 div {
|
|
text-align:center;
|
|
}
|
|
|
|
#estilo2 input {
|
|
padding:5px;
|
|
}
|
|
|
|
#estilo3 h1 {
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
#estilo .button {
|
|
margin:2px 150px 20px 150px;
|
|
}
|
|
|
|
.button {
|
|
-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
|
|
-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
|
|
box-shadow:inset 0px 1px 0px 0px #cae3fc;
|
|
background-color:#79bbff;
|
|
-webkit-border-top-left-radius:18px;
|
|
-moz-border-radius-topleft:18px;
|
|
border-top-left-radius:18px;
|
|
-webkit-border-top-right-radius:18px;
|
|
-moz-border-radius-topright:18px;
|
|
border-top-right-radius:18px;
|
|
-webkit-border-bottom-right-radius:18px;
|
|
-moz-border-radius-bottomright:18px;
|
|
border-bottom-right-radius:18px;
|
|
-webkit-border-bottom-left-radius:18px;
|
|
-moz-border-radius-bottomleft:18px;
|
|
border-bottom-left-radius:18px;
|
|
text-indent:0;
|
|
border:1px solid #469df5;
|
|
display:inline-block;
|
|
color:#ffffff;
|
|
font-family:Arial;
|
|
font-size:15px;
|
|
font-weight:bold;
|
|
font-style:normal;
|
|
height:40px;
|
|
line-height:40px;
|
|
width:100px;
|
|
text-decoration:none;
|
|
text-align:center;
|
|
text-shadow:1px 1px 0px #287ace;
|
|
}
|
|
|
|
.button:hover {
|
|
background-color:#4197ee;
|
|
}
|
|
|
|
.button:active {
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|