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 |
+
}
|