MediaWiki:Common.css/CityCard.css

Not: Yayımladıktan sonra değişiklikleri görmeniz için tarayıcınızın önbelleğini temizlemeniz gerekebilir.

Firefox / Safari: Shift tuşuna basılıyken Yeniden Yükle'ye tıklayın ya da Ctrl-F5 ya da Ctrl-R tıklayın (Mac için ⌘-R)
Google Chrome: Ctrl-Shift-R'ye basın. (Mac için ⌘-Shift-R)
Edge: Ctrl basılıyken Yenile'ye tıklayın ya da Ctrl-F5'e basın.

/* CityCard Şablonu CSS - portaloyun.com tasarımına uygun */

/* Kapsayıcı */
.city-card {
  background: linear-gradient(to right, #1f1f1f, #2c2c2c);
  color: #f1f1f1;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7);
  max-width: 800px;
  margin: 30px auto;
  font-family: 'Segoe UI', sans-serif;
}

/* Başlık */
.city-card h2 {
  font-size: 28px;
  color: #81d4fa;
  margin-bottom: 10px;
  border-bottom: 2px solid #81d4fa;
  padding-bottom: 5px;
}

/* Kapak Görseli */
.city-card img.city-cover {
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.6);
}

/* Bilgi Alanları */
.city-card .city-info {
  font-size: 15px;
  line-height: 1.6;
  color: #ddd;
  margin-bottom: 20px;
}

/* Bağlantılar */
.city-card .city-links a {
  color: #4fc3f7;
  text-decoration: none;
  margin-right: 15px;
  transition: color 0.2s ease;
}

.city-card .city-links a:hover {
  color: #ffffff;
}

/* Ekstra bilgi kutusu */
.city-card .highlight-box {
  background-color: rgba(129, 212, 250, 0.1);
  border-left: 4px solid #81d4fa;
  padding: 10px 15px;
  margin-top: 15px;
  color: #ccc;
  font-style: italic;
}