Showing
4 changed files
with
208 additions
and
0 deletions
passport_ex/public/first.css
0 → 100644
1 | +#container { | ||
2 | + width:600px; | ||
3 | + margin:10px auto; | ||
4 | + } | ||
5 | + fieldset { | ||
6 | + margin-bottom: 20px; | ||
7 | + } | ||
8 | + ul { | ||
9 | + list-style: none; | ||
10 | + padding-left: 0; | ||
11 | + } | ||
12 | + ul li { | ||
13 | + margin:10px; | ||
14 | + } | ||
15 | + | ||
16 | + .register {width: 200%;} | ||
17 | + | ||
18 | + .login {width: 200%;} | ||
19 | + | ||
20 | + /* label 텍스트 스타일 */ | ||
21 | + li label { | ||
22 | + width:120px; | ||
23 | + line-height: 36px; | ||
24 | + float:left; | ||
25 | + font-weight:bold; | ||
26 | + } | ||
27 | + | ||
28 | + /* 텍스트 필드 스타일 */ | ||
29 | + input[type="text"], input[type="password"], input[type="email"] { | ||
30 | + width:300px; | ||
31 | + height:30px; | ||
32 | + } | ||
33 | + | ||
34 | + /* 버튼 스타일 */ | ||
35 | + #buttons { | ||
36 | + width: 800px; | ||
37 | + margin:400px auto; | ||
38 | + text-align: center; | ||
39 | + } | ||
40 | + #buttons input { | ||
41 | + width: 500px; | ||
42 | + height:100px; | ||
43 | + font-size:20px; | ||
44 | + } | ||
45 | + #buttons input:hover { | ||
46 | + background-color:rgb(27, 134, 221); | ||
47 | + color:#fff; | ||
48 | + border-color:#fff; | ||
49 | + } | ||
50 | + | ||
51 | + /* 드롭다운 메뉴 스타일 */ | ||
52 | + select { | ||
53 | + width:100px; | ||
54 | + height:30px; | ||
55 | + } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
passport_ex/public/register.css
0 → 100644
1 | +#container { | ||
2 | + width:600px; | ||
3 | + margin:10px auto; | ||
4 | + } | ||
5 | + fieldset { | ||
6 | + margin-bottom: 20px; | ||
7 | + } | ||
8 | + ul { | ||
9 | + list-style: none; | ||
10 | + padding-left: 0; | ||
11 | + } | ||
12 | + ul li { | ||
13 | + margin:10px; | ||
14 | + } | ||
15 | + | ||
16 | + /* label 텍스트 스타일 */ | ||
17 | + li label { | ||
18 | + width:120px; | ||
19 | + line-height: 36px; | ||
20 | + float:left; | ||
21 | + font-weight:bold; | ||
22 | + } | ||
23 | + | ||
24 | + /* 텍스트 필드 스타일 */ | ||
25 | + input[type="text"], input[type="password"], input[type="email"] { | ||
26 | + width:300px; | ||
27 | + height:30px; | ||
28 | + } | ||
29 | + | ||
30 | + /* 버튼 스타일 */ | ||
31 | + #buttons { | ||
32 | + width:400px; | ||
33 | + margin:20px auto; | ||
34 | + text-align: center; | ||
35 | + } | ||
36 | + #buttons input { | ||
37 | + width:150px; | ||
38 | + height:50px; | ||
39 | + font-size:20px; | ||
40 | + } | ||
41 | + #buttons input:hover { | ||
42 | + background-color:rgb(27, 134, 221); | ||
43 | + color:#fff; | ||
44 | + border-color:#fff; | ||
45 | + } | ||
46 | + | ||
47 | + /* 드롭다운 메뉴 스타일 */ | ||
48 | + select { | ||
49 | + width:100px; | ||
50 | + height:30px; | ||
51 | + } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
passport_ex/public/register1.css
0 → 100644
1 | +#container { | ||
2 | + width:600px; | ||
3 | + margin:10px auto; | ||
4 | + } | ||
5 | + fieldset { | ||
6 | + margin-bottom: 20px; | ||
7 | + } | ||
8 | + ul { | ||
9 | + list-style: none; | ||
10 | + padding-left: 0; | ||
11 | + } | ||
12 | + ul li { | ||
13 | + margin:10px; | ||
14 | + } | ||
15 | + | ||
16 | + /* label 텍스트 스타일 */ | ||
17 | + li label { | ||
18 | + width:120px; | ||
19 | + line-height: 36px; | ||
20 | + float:left; | ||
21 | + font-weight:bold; | ||
22 | + } | ||
23 | + | ||
24 | + /* 텍스트 필드 스타일 */ | ||
25 | + input[type="text"], input[type="password"], input[type="email"] { | ||
26 | + width:300px; | ||
27 | + height:30px; | ||
28 | + } | ||
29 | + | ||
30 | + /* 버튼 스타일 */ | ||
31 | + #buttons { | ||
32 | + width:400px; | ||
33 | + margin:20px auto; | ||
34 | + text-align: center; | ||
35 | + } | ||
36 | + #buttons input { | ||
37 | + width:150px; | ||
38 | + height:50px; | ||
39 | + font-size:20px; | ||
40 | + } | ||
41 | + #buttons input:hover { | ||
42 | + background-color:rgb(27, 134, 221); | ||
43 | + color:#fff; | ||
44 | + border-color:#fff; | ||
45 | + } | ||
46 | + | ||
47 | + /* 드롭다운 메뉴 스타일 */ | ||
48 | + select { | ||
49 | + width:100px; | ||
50 | + height:30px; | ||
51 | + } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
passport_ex/public/register2.css
0 → 100644
1 | +#container { | ||
2 | + width:600px; | ||
3 | + margin:10px auto; | ||
4 | + } | ||
5 | + fieldset { | ||
6 | + margin-bottom: 20px; | ||
7 | + } | ||
8 | + ul { | ||
9 | + list-style: none; | ||
10 | + padding-left: 0; | ||
11 | + } | ||
12 | + ul li { | ||
13 | + margin:10px; | ||
14 | + } | ||
15 | + | ||
16 | + /* label 텍스트 스타일 */ | ||
17 | + li label { | ||
18 | + width:120px; | ||
19 | + line-height: 36px; | ||
20 | + float:left; | ||
21 | + font-weight:bold; | ||
22 | + } | ||
23 | + | ||
24 | + /* 텍스트 필드 스타일 */ | ||
25 | + input[type="name"], input[type="password"], input[type="email"] { | ||
26 | + width:300px; | ||
27 | + height:30px; | ||
28 | + } | ||
29 | + | ||
30 | + /* 버튼 스타일 */ | ||
31 | + #buttons { | ||
32 | + width:400px; | ||
33 | + margin:20px auto; | ||
34 | + text-align: center; | ||
35 | + } | ||
36 | + #buttons input { | ||
37 | + width:150px; | ||
38 | + height:50px; | ||
39 | + font-size:20px; | ||
40 | + } | ||
41 | + #buttons input:hover { | ||
42 | + background-color:rgb(27, 134, 221); | ||
43 | + color:#fff; | ||
44 | + border-color:#fff; | ||
45 | + } | ||
46 | + | ||
47 | + /* 드롭다운 메뉴 스타일 */ | ||
48 | + select { | ||
49 | + width:100px; | ||
50 | + height:30px; | ||
51 | + } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment