User:Sahinbaba28/common.css: Difference between revisions – Wikipedia

/* ==========================================================
   🧱 0) TASARIM TOKEN'LARI (DEĞİŞKENLER) ✅
   ========================================================== */
:root{
  /* 🧩 H3 altındaki gövde metni boyutu (buradan ayarla) ✅💊 */
  --h3-body-size: 0.98em; /* 0.95em / 1.0em / 1.05em ✅ */

  /* 🎨 Renkler (merkezileştirildi) ✅ */
  --border-color-subtle: var(--border-color-subtle, rgba(255,255,255,.18)); /* varsa MW değişkenini kullan ✅ */


--h2-bg: linear-gradient(MidnightBlue, DodgerBlue);


  --h2-border: rgba(150, 200, 255,.30);      /* H2 alt çizgi ⭐️ */
  --h2-text: #ffffff;                       /* H2 metin ✅ */
  --h3-accent: rgba(150, 200, 255,.95);          /* H3 sol şerit 🥇 */

  --h3-bg: linear-gradient(
  90deg,
  rgba(150, 200, 255, 0.40),
  rgba(150, 200, 255, 0.30)
);


}

/* ==========================================================
   🏷️ 1) SAYFA BAŞLIĞI (H1) ✅
   ========================================================== */
.mw-page-title-main{
  margin: 0;                 /* Varsayılan boşlukları sıfırla ✅ */
  font-weight: 700;          /* Kalınlık 💪 */
  font-size: 1.60em;         /* Başlık boyutu 🔥 */
  letter-spacing: .2px;      /* Harf aralığı ⭐️ */
  text-transform: uppercase; /* Tamamen büyük harf ✅ */
}

/* ==========================================================
   🟦 2) H2 – BÖLÜM BAŞLIKLARI (mw-heading2) ✅
   Not: Aynı selector iki kez yazılmıştı; birleştirildi ✅
   ========================================================== */
.mw-heading.mw-heading2{
  margin-top: 34px;                          /* Üst boşluk ✅ */
  margin-bottom: 14px;                       /* Alt boşluk ✅ */

  padding: 12px 14px;                        /* Kutuyu “tok” yap ⭐️ */
  background: var(--h2-bg);                  /* Arkaplan rengi 🔥 */
  border-radius: 12px;                       /* Yumuşak köşe ✅ */

  /* Eski koddaki border-bottom tanımı (var() fallback) + yeni tanım çakışıyordu.
     Tekleştirip değişkene bağladım ✅ */
  border-bottom: 1px solid var(--h2-border); /* Alt çizgi 🏆 */
}

.mw-heading.mw-heading2 > h2{
  margin: 0;                     /* Default boşluğu sıfırla ✅ */
  font-weight: 610;              /* Daha güçlü başlık 💪 */
  font-size: 1.15em;             /* Boyut ⭐️ */
  letter-spacing: .06em;         /* Harf aralığı ✅ */
  text-transform: uppercase;     /* TAMAMEN BÜYÜK ✅ */
  color: var(--h2-text);         /* Metin rengi 🎨 */
}


/* ==========================================================
   🥇 3) H3 – ALT BAŞLIKLAR (mw-heading3) ✅
   ========================================================== */
.mw-heading.mw-heading3{
  display: flex;                    /* Başlık + olası ikon/link hizası ✅ */
  align-items: baseline;            /* Yazı taban çizgisine hizala ⭐️ */
  gap: .6em;                        /* Eleman arası boşluk ✅ */

  margin-top: 26px;                 /* Üst boşluk ✅ */
  margin-bottom: 10px;              /* Alt boşluk ✅ */

  padding: 10px 12px;               /* İç boşluk ⭐️ */
  border-left: 6px solid var(--h3-accent) !important; /* Sol vurgu 🥇 */
  background: var(--h3-bg);         /* Hafif arkaplan ⭐️ */
  border-radius: 10px;              /* Yumuşak köşe ✅ */
}

/* h3’ün default boşluklarını sıfırla ✅ */
.mw-heading.mw-heading3 > h3{
  margin: 0;               /* Varsayılan boşluğu sıfırla ✅ */
  font-weight: 550;        /* Daha vurucu başlık 🔥 */
  font-size: 1em;             /* Boyut ⭐️ */
  letter-spacing: .2px;    /* Harf aralığı ⭐️ */
}

/* ==========================================================
   📝 4) H3 ALTINDAKİ GÖVDE METNİ STİLİ ✅
   ========================================================== */
.mw-sectionbox.level-3 :is(p, li, dd, dt, .mw-parser-output table){
  font-size: var(--h3-body-size); /* Tek noktadan kontrol ✅💊 */
  line-height: 1.55;              /* Okunabilirlik ✅ */
}

/* ==========================================================
   ❌ 5) EDİT LİNKLERİNİ GİZLE ✅
   ========================================================== */
.mw-editsection,
.mw-editsection-visualeditor,
.mw-editsection-divider,
.mw-editsection-bracket{
  display: none !important; /* Tamamen kaldır ❌ */
}

/* ==========================================================
   🔽 6) REFERENCES / EXTERNAL LINKS BÖLÜMÜNÜ KAPALI BAŞLAT ✅
   Not: :has() ve :matches() her tarayıcıda eşit destekli değil ⚠️
   ========================================================== */
.mw-parser-output h2:has(.mw-headline:matches("References","External links"))
+ .mw-section-content{
  display: none; /* İçeriği gizle 🔽 */
}

/* Toggle görünür olsun ✅ */
.mw-collapsible-toggle{
  display: inline !important;     /* Inline göster ✅ */
  visibility: visible !important; /* Gizlenmesin ✅ */
  opacity: 1 !important;          /* Soluk olmasın ✅ */
}

/* ==========================================================
   📱 7) MOBİL UYUM (<= 720px) ✅
   Not: Aynı breakpoint iki kez vardı; tek blokta toplandı ✅
   ========================================================== */
@media (max-width: 720px){

  /* H3 mobilde daha kompakt ✅ */
  .mw-heading.mw-heading3{
    padding: 9px 10px;     /* Daha küçük iç boşluk ✅ */
    border-radius: 10px;   /* Daha küçük radius ✅ */
  }

  /* H2 mobilde daha kompakt ✅ */
  .mw-heading.mw-heading2{
    padding: 10px 12px;    /* Daha küçük iç boşluk ✅ */
    border-radius: 10px;   /* Daha küçük radius ✅ */
  }
}

/* 🥇 H3 — İÇERİ GİRİNTİ (APPLE SAKİNLİĞİ) ✅ */ 
.mw-parser-output > .mw-heading.mw-heading3, .mw-heading.mw-heading3{ margin-left: 50px; /* ⭐️ ana girinti */ }