MediaWiki:Common.css: Revizyonlar arasındaki fark

Orta Anadolu Kürtleri Kültürel Hafıza Arşivi sitesinden
(Kategori portal sayfaları için görsel kart stilleri eklendi)
(Mikailî kategori portalları için gelişmiş görsel gezinme stilleri eklendi)
 
(Aynı kullanıcının aradaki bir diğer değişikliği gösterilmiyor)
432. satır: 432. satır:
}
}
/* === Kurdish category visual cards: END === */
/* === Kurdish category visual cards: END === */
/* === Mikaili / Haymana corpus navbox === */
.navbox-mikaili {
  border: 1px solid #d9d4c6;
  background: linear-gradient(180deg, #fcfbf7 0%, #f5f1e7 100%);
  border-radius: 10px;
  padding: 0.75em 0.95em;
  margin: 1.2em auto;
  max-width: 980px;
}
.navbox-mikaili .navbox-baslik {
  font-weight: 700;
  font-size: 1.08em;
  margin-bottom: 0.65em;
  color: #47311d;
}
.navbox-mikaili .navbox-grup {
  margin: 0.65em 0;
  line-height: 1.55;
}
.navbox-mikaili .navbox-grup ul,
.navbox-mikaili .navbox-grup li {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
/* === Mikaili / Haymana category portal enhancements === */
.wiki-kategori-portal__hero {
  border: 1px solid #dbe4ef;
  border-radius: 16px;
  background: linear-gradient(135deg, #f7fafc 0%, #ffffff 100%);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  padding: 1.15em 1.2em;
  margin: 0 0 1.15em 0;
}
.wiki-kategori-portal__eyebrow {
  display: inline-block;
  margin-bottom: 0.65em;
  padding: 0.28em 0.62em;
  border-radius: 999px;
  background: #eef4fb;
  color: #27415f;
  font-size: 0.82em;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.wiki-kategori-portal__hero-flex {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr);
  gap: 1.1em;
  align-items: start;
}
.wiki-kategori-portal__meta-grid,
.wiki-kategori-portal__route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1em;
  margin: 1.05em 0 0 0;
}
.wiki-kategori-portal__meta-card,
.wiki-kategori-portal__route-card {
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  padding: 0.95em 1em;
}
.wiki-kategori-portal__meta-card strong,
.wiki-kategori-portal__route-card strong {
  display: block;
  margin: 0 0 0.35em 0;
  color: #172033;
}
.wiki-kategori-portal__meta-label {
  display: inline-block;
  margin-bottom: 0.45em;
  color: #6a7a92;
  font-size: 0.82em;
  font-weight: 700;
  text-transform: uppercase;
}
.wiki-kategori-portal__meta-card p,
.wiki-kategori-portal__route-card p {
  margin: 0;
  color: #405066;
  line-height: 1.58;
  font-size: 0.95em;
}
.wiki-kategori-portal__route-card ul {
  margin: 0.45em 0 0 1.15em;
}
.wiki-kategori-portal__pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55em;
  margin: 1.1em 0 0.15em 0;
}
.wiki-kategori-portal__pill-row a,
.wiki-kategori-portal__pill-row .selflink {
  display: inline-block;
  padding: 0.42em 0.78em;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
  text-decoration: none;
}
.wiki-kategori-portal__route-card--accent {
  background: linear-gradient(135deg, #fffaf1 0%, #ffffff 100%);
  border-color: #ecd7aa;
}
.wiki-kategori-portal__route-card--image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
  margin-bottom: 0.8em;
}
@media (max-width: 1000px) {
  .wiki-kategori-portal__hero-flex,
  .wiki-kategori-portal__meta-grid,
  .wiki-kategori-portal__route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .wiki-kategori-portal__hero-flex,
  .wiki-kategori-portal__meta-grid,
  .wiki-kategori-portal__route-grid {
    grid-template-columns: 1fr;
  }
}

23.38, 12 Mayıs 2026 itibarı ile sayfanın şu anki hâli

.makale-govde,
.makale-baslangic,
.makale-meta {
  max-width: 900px;
  margin: 0 auto 1.2em auto;
}

.makale-meta {
  border: 1px solid #ddd;
  background: #fafafa;
  padding: 1em 1.2em;
  border-radius: 8px;
}

.makale-meta-baslik {
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: 0.7em;
  color: #111;
}

.makale-meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5em 1.2em;
}

.makale-meta .etiket {
  font-weight: 600;
  color: #444;
}

.lettrine {
  float: left;
  font-size: 3.4em;
  line-height: 0.85;
  padding-right: 8px;
  margin-top: 0.05em;
  font-weight: 700;
  font-family: Georgia, "Times New Roman", serif;
  color: #111;
}

.makale-baslangic {
  font-size: 1.08em;
  line-height: 1.8;
  margin-top: 1em;
}

.makale-govde p {
  line-height: 1.7;
  margin-bottom: 1em;
}

.mw-parser-output h2 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.2em;
  margin-top: 1.6em;
}

.mw-parser-output h3 {
  margin-top: 1.2em;
}

.bilgi-tablo {
  float: right;
  width: 320px;
  margin: 0 0 1em 1.2em;
  border: 1px solid #ddd;
  background: #fcfcfc;
  border-radius: 8px;
  overflow: hidden;
}

.bilgi-tablo-baslik {
  background: #f0f0f0;
  padding: 0.7em 0.9em;
  font-weight: 700;
  font-size: 1.05em;
}

.bilgi-tablo-ic {
  width: 100%;
  margin: 0;
  border: none;
}

.bilgi-tablo-ic th,
.bilgi-tablo-ic td {
  padding: 0.5em;
}

.veri-tablo-kapsayici {
  margin: 1.5em 0;
}

.veri-tablo-baslik {
  font-size: 1.15em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.alinti-blok {
  border-left: 4px solid #999;
  background: #f8f8f8;
  padding: 0.9em 1em;
  margin: 1.2em 0;
}

.alinti-metin {
  font-style: italic;
  margin-bottom: 0.4em;
}

.alinti-kaynak {
  font-size: 0.95em;
  color: #555;
}

.navbox-orta-anadolu {
  border: 1px solid #ccc;
  background: #fafafa;
  margin-top: 2em;
  border-radius: 8px;
  overflow: hidden;
}

.navbox-baslik {
  background: #e9e9e9;
  padding: 0.8em 1em;
  font-weight: 700;
  font-size: 1.1em;
}

.navbox-grup {
  padding: 0.8em 1em;
  border-top: 1px solid #eee;
}

.makale-alt {
  max-width: 900px;
  margin: 2em auto 0 auto;
  padding-top: 1em;
  border-top: 1px solid #ddd;
}

@media (max-width: 768px) {
  .bilgi-tablo {
    float: none;
    width: 100%;
    margin: 1em 0;
  }

  .makale-meta-grid {
    grid-template-columns: 1fr;
  }

  .lettrine {
    font-size: 2.8em;
  }
}

.makale-govde-shell {
  width: 100%;
  border-collapse: collapse;
}

.makale-govde-shell td {
  padding: 0;
  border: 0;
}

/* === Wiki category portal styles: START === */
.wiki-kategori-portal {
  max-width: 1120px;
  margin: 0 auto 1.6em auto;
  color: #172033;
}

.wiki-kategori-portal::after {
  content: "";
  display: block;
  clear: both;
}

.wiki-kategori-portal__lead,
.wiki-kategori-portal__section,
.wiki-kategori-portal__card {
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.wiki-kategori-portal__lead {
  padding: 1.15em 1.3em;
  margin: 0 0 1.15em 0;
  background: linear-gradient(135deg, #f8fbff 0%, #fdfefe 100%);
  line-height: 1.75;
  font-size: 1.04em;
}

.wiki-kategori-portal__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.05em;
  margin: 1.05em 0;
}

.wiki-kategori-portal__section,
.wiki-kategori-portal__card {
  padding: 1.05em 1.2em;
}

.wiki-kategori-portal__section {
  margin: 1.05em 0;
}

.wiki-kategori-portal__note {
  background: #fffaf1;
  border-color: #ecd7aa;
}

.wiki-kategori-portal .thumb.tright,
.wiki-kategori-portal .thumb.tleft {
  margin-top: 0;
  margin-bottom: 1em;
}

.wiki-kategori-portal .thumb.tright {
  margin-left: 1.2em;
}

.wiki-kategori-portal .thumb.tleft {
  margin-right: 1.2em;
}

.wiki-kategori-portal .thumbinner {
  border: 0 !important;
  background: #fff;
  border-radius: 14px;
  padding: 0.45em;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.wiki-kategori-portal .thumbimage {
  border-radius: 10px;
}

.wiki-kategori-portal .thumbcaption {
  color: #475569;
  line-height: 1.55;
  padding: 0.55em 0.25em 0.15em 0.25em;
}

.wiki-kategori-portal h2 {
  border-bottom: 0;
  padding-bottom: 0;
  margin: 0 0 0.7em 0;
  font-size: 1.16em;
  line-height: 1.35;
  color: #0f172a;
}

.wiki-kategori-portal h2 .mw-headline {
  border-bottom: 2px solid #dbe4ef;
  display: inline-block;
  padding-bottom: 0.18em;
}

.wiki-kategori-portal p {
  line-height: 1.7;
  margin: 0.45em 0 0.9em 0;
}

.wiki-kategori-portal ul,
.wiki-kategori-portal ol {
  margin-top: 0.35em;
}

.wiki-kategori-portal li {
  margin: 0.38em 0;
  line-height: 1.65;
}

.wiki-kategori-portal a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.12em;
}

body.ns-14 #mw-subcategories,
body.ns-14 #mw-pages,
body.ns-14 #mw-category-media {
  margin-top: 1.4em;
  padding: 1em 1.2em;
  border: 1px solid #dde5ee;
  border-radius: 14px;
  background: #f8fafc;
}

body.ns-14 #mw-subcategories h2,
body.ns-14 #mw-pages h2,
body.ns-14 #mw-category-media h2 {
  border-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  font-size: 1.08em;
}

body.ns-14 .mw-category-generated ul {
  column-gap: 2.25em;
}

@media (min-width: 900px) {
  body.ns-14 .mw-category-generated ul {
    columns: 2;
  }
}

@media (max-width: 900px) {
  .wiki-kategori-portal__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .wiki-kategori-portal {
    margin-bottom: 1.1em;
  }

  .wiki-kategori-portal .thumb.tright,
  .wiki-kategori-portal .thumb.tleft {
    float: none;
    margin: 0 auto 1em auto;
    max-width: 100%;
  }

  .wiki-kategori-portal__lead,
  .wiki-kategori-portal__section,
  .wiki-kategori-portal__card {
    padding: 0.95em 1em;
  }

  body.ns-14 .mw-category-generated ul {
    columns: 1;
  }
}
/* === Wiki category portal styles: END === */

/* === Kurdish diaspora navbox styles: START === */
.navbox-kurt-diasporasi .navbox-baslik {
  background: linear-gradient(135deg, #eef5fb 0%, #f7fbff 100%);
  color: #102033;
}

.navbox-kurt-diasporasi .navbox-grup ul {
  margin: 0.45em 0 0 1.15em;
}

.navbox-kurt-diasporasi .navbox-grup li {
  margin: 0.28em 0;
  line-height: 1.55;
}

.navbox-kurt-diasporasi__columns {
  columns: 2;
  column-gap: 2em;
}

@media (max-width: 768px) {
  .navbox-kurt-diasporasi__columns {
    columns: 1;
  }
}
/* === Kurdish diaspora navbox styles: END === */

/* === Kurdish category visual cards: START === */
.wiki-kategori-portal__visual-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1em;
  margin: 1.05em 0 1.3em 0;
}

.wiki-kategori-portal__visual-card {
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  padding: 0.9em 0.95em 1em 0.95em;
}

.wiki-kategori-portal__visual-card img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
  margin-bottom: 0.8em;
}

.wiki-kategori-portal__visual-card h3 {
  margin: 0 0 0.45em 0;
  font-size: 1.02em;
  line-height: 1.35;
}

.wiki-kategori-portal__visual-card p {
  margin: 0;
  line-height: 1.6;
  color: #405066;
  font-size: 0.96em;
}

.wiki-kategori-portal__visual-card--text {
  background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
}

.wiki-kategori-portal__visual-card .mw-file-element {
  background: #f8fafc;
}

@media (max-width: 1000px) {
  .wiki-kategori-portal__visual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .wiki-kategori-portal__visual-grid {
    grid-template-columns: 1fr;
  }
}
/* === Kurdish category visual cards: END === */

/* === Mikaili / Haymana corpus navbox === */
.navbox-mikaili {
  border: 1px solid #d9d4c6;
  background: linear-gradient(180deg, #fcfbf7 0%, #f5f1e7 100%);
  border-radius: 10px;
  padding: 0.75em 0.95em;
  margin: 1.2em auto;
  max-width: 980px;
}
.navbox-mikaili .navbox-baslik {
  font-weight: 700;
  font-size: 1.08em;
  margin-bottom: 0.65em;
  color: #47311d;
}
.navbox-mikaili .navbox-grup {
  margin: 0.65em 0;
  line-height: 1.55;
}
.navbox-mikaili .navbox-grup ul,
.navbox-mikaili .navbox-grup li {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

/* === Mikaili / Haymana category portal enhancements === */
.wiki-kategori-portal__hero {
  border: 1px solid #dbe4ef;
  border-radius: 16px;
  background: linear-gradient(135deg, #f7fafc 0%, #ffffff 100%);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  padding: 1.15em 1.2em;
  margin: 0 0 1.15em 0;
}

.wiki-kategori-portal__eyebrow {
  display: inline-block;
  margin-bottom: 0.65em;
  padding: 0.28em 0.62em;
  border-radius: 999px;
  background: #eef4fb;
  color: #27415f;
  font-size: 0.82em;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.wiki-kategori-portal__hero-flex {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr);
  gap: 1.1em;
  align-items: start;
}

.wiki-kategori-portal__meta-grid,
.wiki-kategori-portal__route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1em;
  margin: 1.05em 0 0 0;
}

.wiki-kategori-portal__meta-card,
.wiki-kategori-portal__route-card {
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  padding: 0.95em 1em;
}

.wiki-kategori-portal__meta-card strong,
.wiki-kategori-portal__route-card strong {
  display: block;
  margin: 0 0 0.35em 0;
  color: #172033;
}

.wiki-kategori-portal__meta-label {
  display: inline-block;
  margin-bottom: 0.45em;
  color: #6a7a92;
  font-size: 0.82em;
  font-weight: 700;
  text-transform: uppercase;
}

.wiki-kategori-portal__meta-card p,
.wiki-kategori-portal__route-card p {
  margin: 0;
  color: #405066;
  line-height: 1.58;
  font-size: 0.95em;
}

.wiki-kategori-portal__route-card ul {
  margin: 0.45em 0 0 1.15em;
}

.wiki-kategori-portal__pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55em;
  margin: 1.1em 0 0.15em 0;
}

.wiki-kategori-portal__pill-row a,
.wiki-kategori-portal__pill-row .selflink {
  display: inline-block;
  padding: 0.42em 0.78em;
  border: 1px solid #dbe4ef;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
  text-decoration: none;
}

.wiki-kategori-portal__route-card--accent {
  background: linear-gradient(135deg, #fffaf1 0%, #ffffff 100%);
  border-color: #ecd7aa;
}

.wiki-kategori-portal__route-card--image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
  margin-bottom: 0.8em;
}

@media (max-width: 1000px) {
  .wiki-kategori-portal__hero-flex,
  .wiki-kategori-portal__meta-grid,
  .wiki-kategori-portal__route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .wiki-kategori-portal__hero-flex,
  .wiki-kategori-portal__meta-grid,
  .wiki-kategori-portal__route-grid {
    grid-template-columns: 1fr;
  }
}