GarGerry commited on
Commit
042ff37
·
verified ·
1 Parent(s): 1f31ae0

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +21 -7
style.css CHANGED
@@ -43,9 +43,9 @@ input, select {
43
  border: 1px solid #E0E0E0;
44
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
45
  transition: all 0.3s ease;
46
- appearance: none; /* Menghapus tampilan default dropdown */
47
- -webkit-appearance: none; /* Untuk Safari */
48
- -moz-appearance: none; /* Untuk Firefox */
49
  background-color: #fff;
50
  color: #555;
51
  }
@@ -56,16 +56,14 @@ input:focus, select:focus {
56
  box-shadow: 0 0 8px rgba(0, 180, 50, 0.2);
57
  }
58
 
59
- /* Gaya untuk elemen select agar lebih modern */
60
  select {
61
- background-image: url('https://img.icons8.com/ios/452/down-squared.png'); /* Ikon dropdown */
62
  background-repeat: no-repeat;
63
  background-position: right 10px center;
64
  background-size: 16px;
65
- padding-right: 40px; /* Memberikan ruang untuk ikon di kanan */
66
  }
67
 
68
- /* Styling untuk selector mata uang */
69
  .currency-selectors {
70
  display: flex;
71
  justify-content: center;
@@ -108,6 +106,22 @@ button:hover {
108
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
109
  }
110
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
111
  /* Watermark dengan Copyright */
112
  body::after {
113
  content: "© 2025 Powered by Teggar";
 
43
  border: 1px solid #E0E0E0;
44
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
45
  transition: all 0.3s ease;
46
+ appearance: none;
47
+ -webkit-appearance: none;
48
+ -moz-appearance: none;
49
  background-color: #fff;
50
  color: #555;
51
  }
 
56
  box-shadow: 0 0 8px rgba(0, 180, 50, 0.2);
57
  }
58
 
 
59
  select {
60
+ background-image: url('https://img.icons8.com/ios/452/down-squared.png');
61
  background-repeat: no-repeat;
62
  background-position: right 10px center;
63
  background-size: 16px;
64
+ padding-right: 40px;
65
  }
66
 
 
67
  .currency-selectors {
68
  display: flex;
69
  justify-content: center;
 
106
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
107
  }
108
 
109
+ /* Footer */
110
+ footer {
111
+ text-align: center;
112
+ font-size: 14px;
113
+ color: #777;
114
+ margin-top: 20px;
115
+ padding: 10px 0;
116
+ background-color: #fff;
117
+ box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
118
+ }
119
+
120
+ footer p {
121
+ margin: 0;
122
+ font-weight: 400;
123
+ }
124
+
125
  /* Watermark dengan Copyright */
126
  body::after {
127
  content: "© 2025 Powered by Teggar";