Blog & Geliştirme Günlüğü

/* Ana Taşıyıcı */ .hb-blog-container { max-width: 1000px; margin: 40px auto; padding: 0 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .page-title { color: #2c3e50; border-bottom: 2px solid #3498db; padding-bottom: 10px; margin-bottom: 30px; } /* Post Kartları */ .hb-post-card { background: #fff; border: 1px solid #e1e1e1; border-radius: 8px; padding: 25px; margin-bottom: 25px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); transition: transform 0.2s ease; } .hb-post-card:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0,0,0,0.1); border-color: #3498db; } /* Başlıklar */ .hb-post-title { margin-top: 0; margin-bottom: 10px; font-size: 1.6rem; } .hb-post-title a { text-decoration: none; color: #2c3e50; } .hb-post-title a:hover { color: #3498db; } /* Meta Bilgiler (Tarih vb.) */ .hb-post-meta { font-size: 0.9rem; color: #7f8c8d; margin-bottom: 15px; } .hb-cat a { color: #7f8c8d; font-weight: bold; } /* Özet Metni */ .hb-post-excerpt { color: #555; line-height: 1.6; margin-bottom: 20px; } /* Buton */ .hb-read-more { display: inline-block; background-color: #3498db; /* Sitenin mavisi */ color: #fff; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: background 0.3s; } .hb-read-more:hover { background-color: #2980b9; color: #fff; } /* Sayfalama (Pagination) */ .hb-pagination { margin-top: 40px; text-align: center; } .hb-pagination .page-numbers { display: inline-block; padding: 8px 16px; margin: 0 5px; border: 1px solid #ddd; color: #333; text-decoration: none; border-radius: 4px; } .hb-pagination .page-numbers.current { background-color: #3498db; color: white; border-color: #3498db; }