Keeping/account.css at master · DBNet-Keeping/Keeping · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
body {
  background-color: #545454;
}

.accountForm {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center; /* 수평 가운데 정렬 */
  background-color: #333333;
  width: 1000px;
  padding-top: 150px;
  padding-bottom: 150px;
  margin-top: 30px;
  border-radius: 15px;
}

/* 전체 select 요소 스타일링 */
select.bank_name {
  width: 260px;
  height: 35px;
  margin: 5px;
  font-size: 15px;
  cursor: pointer; /* 커서를 손가락으로 변경 */
}

/* 선택된 옵션의 스타일링 */
select.bank_name option:checked {
  background-color: #3660fa; /* 선택된 옵션 배경색 */
  color: white; /* 선택된 옵션 글꼴 색상 */
}

/* 드롭다운 화살표 아이콘 스타일링 */
select.bank_name::after {
  content: "\25BC"; /* 유니코드로 화살표 아이콘 설정 */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 18px;
  pointer-events: none; /* 드롭다운을 클릭할 수 있도록 이벤트 차단 해제 */
}

input[type="text"] {
  width: 250px;
  height: 35px;
  margin: 5px;
  font-size: 15px;
}

input[type="submit"] {
  width: 250px;
  height: 35px;
  margin: 5px;
  font-size: 15px;
  background-color: #3660fa;
  color: white;
  border: 0;
}