/* Reset CSS dengan prefix khusus */
.anu-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
}
/* Container utama dengan prefix khusus */
.anu-container {
max-width: 1000px;
margin: 20px auto;
padding: 20px;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
color: #333;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
/* Dekorasi header */
.anu-container::before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: linear-gradient(90deg, #002855, #E3B81E, #8D2048);
z-index: 10;
}
/* Header styling */
.anu-header {
text-align: center;
padding: 30px 20px;
margin-bottom: 30px;
background: white;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
position: relative;
overflow: hidden;
}
.anu-header::after {
content: “”;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #002855, #E3B81E, #8D2048);
}
.anu-title {
font-size: 2.5rem;
color: #002855;
margin-bottom: 15px;
line-height: 1.2;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.anu-subtitle {
font-size: 1.2rem;
color: #E3B81E;
font-weight: 600;
margin-bottom: 20px;
}
.anu-meta {
font-size: 0.9rem;
color: #6c757d;
font-style: italic;
}
/* Bagian konten */
.anu-section {
background: white;
border-radius: 12px;
padding: 30px;
margin-bottom: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.5s ease forwards;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.anu-section:hover {
transform: translateY(-5px);
}
.anu-section-title {
font-size: 1.8rem;
color: #002855;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 3px solid #E3B81E;
position: relative;
display: flex;
align-items: center;
}
.anu-section-title i {
margin-right: 10px;
color: #8D2048;
font-size: 1.6rem;
}
.anu-section-title::after {
content: “”;
position: absolute;
bottom: -3px;
left: 0;
width: 100px;
height: 3px;
background: #8D2048;
}
.anu-subsection {
margin-bottom: 25px;
}
.anu-subsection-title {
font-size: 1.4rem;
color: #8D2048;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.anu-subsection-title i {
margin-right: 10px;
color: #E3B81E;
font-size: 1.4rem;
}
.anu-text {
line-height: 1.8;
margin-bottom: 15px;
color: #444;
}
/* Highlight box */
.anu-highlight {
background: linear-gradient(135deg, #fff8e1, #ffecb3);
border-left: 4px solid #E3B81E;
padding: 20px;
margin: 20px 0;
border-radius: 0 8px 8px 0;
}
/* Fakta menarik */
.anu-fact {
background: #f0f7ff;
border-radius: 10px;
padding: 20px;
margin: 25px 0;
position: relative;
border: 1px solid #d0e3ff;
display: flex;
align-items: flex-start;
}
.anu-fact-icon {
color: #E3B81E;
font-size: 1.8rem;
margin-right: 15px;
flex-shrink: 0;
}
/* Card untuk fakta */
.anu-card {
background: white;
border-radius: 10px;
padding: 25px;
margin: 20px 0;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #eaeaea;
transition: all 0.3s ease;
}
.anu-card:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
transform: translateY(-3px);
}
.anu-card-title {
color: #002855;
font-size: 1.3rem;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.anu-card-title i {
color: #E3B81E;
margin-right: 10px;
font-size: 1.5rem;
width: 30px;
text-align: center;
}
/* FAQ Section */
.anu-faq-item {
margin-bottom: 20px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}
.anu-faq-question {
background: #002855;
color: white;
padding: 15px 20px;
cursor: pointer;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
transition: background 0.3s ease;
}
.anu-faq-question:hover {
background: #001a3a;
}
.anu-faq-question i {
margin-right: 10px;
}
.anu-faq-answer {
background: #f8f9fa;
padding: 0 20px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
color: #444;
line-height: 1.7;
}
.anu-faq-answer.active {
padding: 20px;
max-height: 200px;
}
/* Quote styling */
.anu-quote {
text-align: center;
padding: 30px;
margin: 40px 0;
background: linear-gradient(135deg, #002855, #1a3f6c);
color: white;
border-radius: 12px;
position: relative;
font-style: italic;
font-size: 1.2rem;
}
.anu-quote::before,
.anu-quote::after {
content: “””;
font-size: 4rem;
position: absolute;
color: rgba(255, 255, 255, 0.1);
}
.anu-quote::before {
top: 10px;
left: 20px;
}
.anu-quote::after {
bottom: 10px;
right: 20px;
transform: rotate(180deg);
}
.anu-quote-icon {
font-size: 2rem;
margin-bottom: 15px;
color: #E3B81E;
}
/* Footer */
.anu-footer {
text-align: center;
padding: 30px;
background: #002855;
color: white;
border-radius: 12px;
margin-top: 20px;
}
.anu-footer p {
margin-bottom: 15px;
font-size: 1.1rem;
}
.anu-cta {
display: inline-flex;
align-items: center;
background: #E3B81E;
color: #002855;
padding: 12px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s ease;
margin-top: 10px;
border: 2px solid #E3B81E;
}
.anu-cta:hover {
background: transparent;
color: #E3B81E;
transform: translateY(-3px);
}
.anu-cta i {
margin-left: 8px;
transition: transform 0.3s ease;
}
.anu-cta:hover i {
transform: translateX(5px);
}
/* Responsif */
@media (max-width: 768px) {
.anu-container {
padding: 15px;
}
.anu-title {
font-size: 1.8rem;
}
.anu-section {
padding: 20px;
}
.anu-section-title {
font-size: 1.5rem;
}
.anu-section-title i {
font-size: 1.3rem;
}
}
.rp-container {
max-width: 1400px; /* Diperlebar untuk layar besar */
margin: 0 auto;
padding: 20px;
}
.rp-header {
text-align: center;
margin-bottom: 40px;
}
.rp-main-title {
font-size: 2.5rem;
font-weight: 600;
color: var(–rp-dark);
margin-bottom: 10px;
position: relative;
display: inline-block;
}
.rp-subtitle {
color: var(–rp-gray);
font-size: 1.1rem;
max-width: 600px;
margin: 20px auto 0;
line-height: 1.6;
}
.rp-cards-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Responsif penuh */
gap: 30px;
}
.rp-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
overflow: hidden;
transition: var(–rp-transition);
transform: translateY(0);
position: relative;
height: 100%; /* Tinggi penuh */
}
.rp-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(67, 97, 238, 0.15);
}
.rp-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, var(–rp-primary), var(–rp-accent));
opacity: 0;
transition: var(–rp-transition);
}
.rp-card:hover::before {
opacity: 1;
}
.rp-card-img-container {
overflow: hidden;
position: relative;
height: 220px; /* Lebih tinggi */
}
.rp-card-img {
width: 100%;
height: 180%;
object-fit: cover;
transition: var(–rp-transition);
}
.rp-card:hover .rp-card-img {
transform: scale(1.05);
}
.rp-card-content {
padding: 25px;
flex: 1;
display: flex;
flex-direction: column;
}
.rp-card-title {
font-size: 1rem; /* Sedikit lebih besar */
font-weight: 600;
margin: 0 0 15px;
color: var(–rp-dark);
line-height: 1.4;
transition: var(–rp-transition);
text-align: center;
}
.rp-card:hover .rp-card-title {
color: var(–rp-primary);
}
.rp-read-more {
margin-top: auto;
text-align: center;
color: white;
background-color: #007bff;
border-radius:50px;
}
.rp-read-more-link {
display: inline-flex;
align-items: center;
text-decoration: none;
color: white;
font-weight: 500;
transition: var(–rp-transition);
padding: 8px 0;
font-size: 1.1rem;
}
.rp-read-more-link:hover {
color: var(–rp-secondary);
}
/* Layar sangat lebar (Desktop besar) */
@media (min-width: 1600px) {
.rp-cards-container {
grid-template-columns: repeat(3, 1fr); /* Tiga kolom dengan lebar sama */
}
.rp-card-img-container {
height: 250px; /* Lebih tinggi di layar lebar */
}
.rp-card-content {
padding: 30px;
}
.rp-card-title {
font-size: 1.5rem;
}
}
/* Tablet dan Desktop kecil */
@media (max-width: 1199px) {
.rp-cards-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.rp-card-img-container {
height: 200px;
}
}
/* Mobile */
@media (max-width: 768px) {
.rp-main-title {
font-size: 2rem;
}
.rp-cards-container {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
}
.rp-loader {
display: flex;
justify-content: center;
padding: 40px 0;
grid-column: 1 / -1; /* Loader memenuhi seluruh lebar */
}
.rp-loader-dot {
width: 12px;
height: 12px;
background: var(–rp-primary);
border-radius: 50%;
margin: 0 5px;
animation: rp-loader 1.2s infinite ease-in-out both;
}
.rp-loader-dot:nth-child(1) { animation-delay: -0.32s; }
.rp-loader-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes rp-loader {
0%, 80%, 100% { transform: scale(0); }
40% { transform: scale(1); }
}
.rp-no-posts {
text-align: center;
color: var(–rp-gray);
padding: 40px 0;
font-size: 1.2rem;
grid-column: 1 / -1; /* Memenuhi seluruh lebar */
}
Fun Fact Kuliah di Australian National University
Introduction
#1. Tentang Australian National University (ANU)
Kampus Elite, Tapi Santai
Mahasiswa Internasional? Banyak Banget!
#2. Fun Fact Kuliah di Australian National University
1. Ada Tradisi Nyeleneh: Interhall Sports War!
- Yel-yel aneh dan lucu, seperti teriak pakai bahasa alien atau nyanyi lagu anak-anak dengan gaya rock.
- Mahasiswa sering pakai kostum super nyentrik—mulai dari dinosaurus tiup sampai badut sirkus.
- Kalau kalah? Siap-siap ditraktir es krim pakai sendok raksasa di tengah lapangan! Kalah tetap happy!
2. “Bush Week” yang Gila Tapi Asik!
- Lomba makan semangka tanpa tangan.
- Treasure hunt di seluruh penjuru kampus.
- Acara musik malam hari yang digelar di… taman kampus! Pake lampu kelap-kelip kayak festival mini.
3. Ada Komunitas Rahasia, Tapi Nggak Misterius
4. Makanan Gratis Hampir Setiap Minggu!
- Student Associations: Hampir tiap minggu mereka ngadain BBQ gratis, pizza party, atau coffee catch-up.
- Religious Clubs: Banyak yang ngadain makan siang gratis tiap Jumat. Nasi biryani, samosa, sampai roti prata pun tersedia!
- Kampus events: Mau seminar? Datangin aja. Biasanya di akhir sesi, ada kue, teh, dan camilan gratis. Kadang malah buffet mini!
#3. Kehidupan Sosial dan Asrama yang Super Seru
Asrama = Mini Dunia yang Sibuk
- Hall Ball—pesta dansa tahunan yang glamor kayak prom di film!
- Movie night, board game battle, dan bahkan karaoke dadakan.
- Kegiatan charity yang dikemas fun—misalnya, shave for a cure (cukur rambut demi penggalangan dana).
Social Calendar yang Padat Merayap
- Debat interkampus
- Diskusi film & filosofi
- Komunitas pecinta kucing ANU (yep, beneran ada!)
#4. Mahasiswa Bisa Bikin Acara Sendiri—Literally!
#5. Library = Tempat Nongkrong Paling Hits?
- Ada yang bawa bean bag buat tidur di lorong.
- Ada yang gelar makan malam “tenang-tenang tapi rame” di pojok belakang.
- Dan bahkan, pernah ada yang karaoke pelan-pelan di ruang diskusi! (Jangan ditiru, ya 😅)
“Kuliah boleh serius, tapi hidup mahasiswa di ANU penuh kejutan yang bikin ketawa sekaligus bahagia. Dari tradisi absurd sampai pizza gratis tiap Jumat—kenapa enggak?”
FAQs: Pertanyaan yang Sering Ditanyakan
+
+
+
+
Australia
Inggris
USA
Canada
Singapore
Malaysia