Update style.css
Browse files
style.css
CHANGED
@@ -154,44 +154,6 @@ section {
|
|
154 |
.portfolio-item p {
|
155 |
font-size: 12px;
|
156 |
}
|
157 |
-
|
158 |
-
/* Mengubah menu menjadi hamburger pada layar kecil */
|
159 |
-
.navigation ul {
|
160 |
-
display: none;
|
161 |
-
flex-direction: column;
|
162 |
-
position: absolute;
|
163 |
-
top: 60px; /* Menyesuaikan dengan tinggi navbar */
|
164 |
-
right: 0;
|
165 |
-
background: black;
|
166 |
-
width: 100%; /* Menu sekarang membentang penuh dari kanan ke kiri */
|
167 |
-
height: auto;
|
168 |
-
transform: translateY(-100%); /* Menyembunyikan menu di atas layar */
|
169 |
-
transition: transform 0.5s ease-in-out; /* Efek animasi turun */
|
170 |
-
z-index: 1000;
|
171 |
-
}
|
172 |
-
|
173 |
-
.navigation.active ul {
|
174 |
-
display: flex;
|
175 |
-
transform: translateY(0); /* Menu turun ke bawah */
|
176 |
-
}
|
177 |
-
|
178 |
-
.menu-toggle.active {
|
179 |
-
color: white;
|
180 |
-
}
|
181 |
-
|
182 |
-
.menu-toggle {
|
183 |
-
display: block;
|
184 |
-
}
|
185 |
-
|
186 |
-
/* Tombol X untuk menutup menu */
|
187 |
-
.close-btn {
|
188 |
-
position: absolute;
|
189 |
-
top: 20px;
|
190 |
-
left: 20px;
|
191 |
-
font-size: 30px;
|
192 |
-
color: white;
|
193 |
-
cursor: pointer;
|
194 |
-
}
|
195 |
}
|
196 |
|
197 |
/* Kartu proyek */
|
@@ -350,4 +312,4 @@ section {
|
|
350 |
border-top: 1px solid white;
|
351 |
position: relative; /* Agar footer tetap di bawah dan tidak ikut slide */
|
352 |
margin-top: 20px; /* Menambahkan margin agar tidak terlalu rapat dengan konten */
|
353 |
-
}
|
|
|
154 |
.portfolio-item p {
|
155 |
font-size: 12px;
|
156 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
157 |
}
|
158 |
|
159 |
/* Kartu proyek */
|
|
|
312 |
border-top: 1px solid white;
|
313 |
position: relative; /* Agar footer tetap di bawah dan tidak ikut slide */
|
314 |
margin-top: 20px; /* Menambahkan margin agar tidak terlalu rapat dengan konten */
|
315 |
+
}
|