form_template.css (1227B) download
1.form_card{
2 margin:1em;
3 padding: 25px;
4 border-radius: 35px;
5 background-color: #33b3b6;
6 border: 3px solid #ccc;
7}
8
9.form_card h1{
10 font-size: 25px;
11 width: 100%;
12 text-align: center;
13 color:white;
14}
15
16form{
17 display: flex;
18 flex-direction: column;
19 align-items: center;
20}
21a{
22 display: block;
23 padding-left: 10px;
24 padding-right: 10px;
25 margin-top: 5px;
26 margin-bottom: 5px;
27 background-color:white;
28 border-radius: 8px;
29 text-decoration:none;
30}
31
32input[type=text], input[type=password], input[type=date], input[type=number]{
33 width: 100%;
34 padding: 6px 12px;
35 margin: 8px 0;
36 border-radius: 15px;
37 border: 3px solid #ccc;
38 outline: none;
39}
40
41.check_this_box{
42 display:block;
43}
44
45input[type=password]:focus, input[type=text]:focus{
46 border: 3px solid #555;
47 border-radius: 15px;
48}
49
50input[type=button], input[type=submit], input[type=reset]{
51 width: 75%;
52 padding: 6px 12px;
53 background-color: #66ffff;
54 border-radius: 15px;
55 border: 3px solid #ccc;
56}
57
58.form-response{
59 width: 100%;
60 text-align: center;
61 margin-bottom: 5px;
62}
63
64table {
65 border-collapse: collapse;
66 text-align: left;
67 width: 100%;
68}
69
70th, td {
71 border-bottom: 1px solid #ddd;
72}
73
74tr:hover{
75 background-color:#52dff2;
76}
77