1342
|
1 body{ |
|
2 font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; |
|
3 font-size:12px; |
|
4 } |
|
5 |
|
6 p, h1, form, button{border:0; margin:0; padding:0;} |
|
7 .spacer{clear:both; height:1px;} |
|
8 |
|
9 /* ----------- My Form ----------- */ |
|
10 .formulario{ |
|
11 margin:0 auto; |
|
12 width:500px; |
|
13 padding:14px; |
|
14 } |
|
15 /* ----------- stylized ----------- */ |
|
16 #estilo { |
|
17 border:solid 2px #b7ddf2; |
|
18 background:#ebf4fb; |
|
19 } |
|
20 |
|
21 #estilo h1 { |
|
22 font-size:14px; |
|
23 font-weight:bold; |
|
24 margin-bottom:8px; |
|
25 } |
|
26 |
|
27 #estilo p { |
|
28 font-size:11px; |
|
29 color:#666666; |
|
30 margin-bottom:20px; |
|
31 border-bottom:solid 1px #b7ddf2; |
|
32 padding-bottom:10px; |
|
33 } |
|
34 |
|
35 #estilo p.error { |
|
36 font-size:12px; |
|
37 font-weight:bold; |
|
38 color:red; |
|
39 margin-bottom:20px; |
|
40 border-bottom:solid 1px #b7ddf2; |
|
41 padding-bottom:10px; |
|
42 } |
|
43 |
|
44 #estilo label{ |
|
45 display:block; |
|
46 font-weight:bold; |
|
47 text-align:right; |
|
48 width:140px; |
|
49 float:left; |
|
50 } |
|
51 |
|
52 #estilo .small{ |
|
53 color:#666666; |
|
54 display:block; |
|
55 font-size:11px; |
|
56 font-weight:normal; |
|
57 text-align:right; |
|
58 width:140px; |
|
59 } |
|
60 |
|
61 #estilo input{ |
|
62 float:left; |
|
63 font-size:12px; |
|
64 padding:4px 2px; |
|
65 border:solid 1px #aacfe4; |
|
66 width:200px; |
|
67 margin:2px 0 20px 10px; |
|
68 } |
|
69 |
|
70 .button { |
|
71 -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc; |
|
72 -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc; |
|
73 box-shadow:inset 0px 1px 0px 0px #cae3fc; |
|
74 background-color:#79bbff; |
|
75 -webkit-border-top-left-radius:18px; |
|
76 -moz-border-radius-topleft:18px; |
|
77 border-top-left-radius:18px; |
|
78 -webkit-border-top-right-radius:18px; |
|
79 -moz-border-radius-topright:18px; |
|
80 border-top-right-radius:18px; |
|
81 -webkit-border-bottom-right-radius:18px; |
|
82 -moz-border-radius-bottomright:18px; |
|
83 border-bottom-right-radius:18px; |
|
84 -webkit-border-bottom-left-radius:18px; |
|
85 -moz-border-radius-bottomleft:18px; |
|
86 border-bottom-left-radius:18px; |
|
87 text-indent:0; |
|
88 border:1px solid #469df5; |
|
89 display:inline-block; |
|
90 color:#ffffff; |
|
91 font-family:Arial; |
|
92 font-size:15px; |
|
93 font-weight:bold; |
|
94 font-style:normal; |
|
95 height:40px; |
|
96 line-height:40px; |
|
97 width:100px; |
|
98 text-decoration:none; |
|
99 text-align:center; |
|
100 text-shadow:1px 1px 0px #287ace; |
|
101 } |
|
102 .button:hover { |
|
103 background-color:#4197ee; |
|
104 } |
|
105 .button:active { |
|
106 position:relative; |
|
107 top:1px; |
|
108 } |
|
109 |